r/JavaScriptTips • • Mar 22 '21

Build a timer app with no external dependencies (Reactive Programming with JS)

7 Upvotes

Build a timer app with no external dependencies,https://app.hackjam.io/hj-details/reactive-programming-course-part-1

  • Part 1:

    • Build your own Observable function

    • Build your own fromEvent Observable

    • Timer App v1: Putting it all together

https://app.hackjam.io/hj-details/reactive-programming-course-part-2

  • Part 2:

    • Build your own interval Observable

    • Build your first operators: swichTo

    • Bonus: Build the of operator

    • Timer App v2: Putting it all together

To check more:

https://challenge.hackjam.io/


r/JavaScriptTips • • Nov 05 '20

24 Javascript array methods šŸ”„

Thumbnail
gallery
7 Upvotes

r/JavaScriptTips • • Oct 22 '20

javascript break and continue statement šŸ”„šŸ‘Øā€šŸ’»

Thumbnail
gallery
7 Upvotes

r/JavaScriptTips • • Oct 15 '20

What is javascript array?šŸ”„šŸ–„ļø

Thumbnail
gallery
7 Upvotes

r/JavaScriptTips • • May 09 '20

Why use => instead of function()

7 Upvotes

Hi, learning ES6 right now on freecodecamp and I am a bit confused. It provides this:

const myFunc = function() { const myVar = "value"; return myVar; }

Stating it can be written as this instead:

const myFunc = () => "value";

I understand that if its a one off function and only a return needs to be executed, then you can simplify it with the arrow function syntax. Does that mean this is a work around to const not letting its variable identifier to be changed, so an empty function is created so myFunc can take on that value?


r/JavaScriptTips • • Nov 25 '25

Every Javascript Concept Explained in 12 Minutes

Thumbnail
youtu.be
6 Upvotes

r/JavaScriptTips • • Aug 26 '25

Tips on How to learn JavaScript while feeling overwhelmed ?

6 Upvotes

I’ve given up learning to code more times than I can count now. I’m really trying to stay committed this time around. My end goal is to get a basic understanding of Java script then move onto discord.js to build a Discord bot. I genuinely don’t know where to look for information. I’m a very much hands on learner and need to actively see, use, explain why it’s used, and its purpose and how it works. I can’t find anything on YouTube that covers all those points. Almost everything is a ā€œfollow along to make a calculator ā€œ okay cool but what exactly is this code doing. I don’t understand it. If anyone can give me pointers that would be great. Even vocab terms would be great trying to learn those too.


r/JavaScriptTips • • Dec 30 '24

Attractive Design Animation | Hover Interactions | HTML CSS & jQuery #coding #programming #css

6 Upvotes

r/JavaScriptTips • • Dec 28 '24

Shiny Border Button Effect | HTML CSS

6 Upvotes

r/JavaScriptTips • • Dec 22 '24

Javascript DayJS Cheatsheet for 2025!

Post image
6 Upvotes

r/JavaScriptTips • • Dec 22 '24

Interactive Submit Button Using HTML CSS and JavaScript

6 Upvotes

r/JavaScriptTips • • Sep 22 '24

How to Use ChatGPT for Learning JavaScript

6 Upvotes

In a post on r/learnjavascript, someone asked how to use ChatGPT to learn JavaScript. I decided to explain my approach through an infographic.

You can read the entire article here.

Note: ChatGPT can occasionally give flawed explanations or code. Always double-check the information with trusted sources like official documentation.


r/JavaScriptTips • • Aug 27 '24

A place to develop HTML5 games

6 Upvotes

Hello Everyone,

I specialize in developing HTML5 games and Playable Ads using JavaScript across various game engines, including Phaser, Pixi.js, PlayCanvas, and Cocos Creator. I have nearly two years of experience working at two different companies.

I left my last job because the company decided to pivot away from the gaming industry. Since then, I have been searching for a job due to the financial difficulties in my country and the crisis in the industry. Despite attending many interviews, I have yet to receive any feedback, whether positive or negative. I believe this is due to the high number of applicants and unprofessional behavior from the companies. As a determined, ambitious, and passionate individual, I want to join a company where I can improve myself and gain new experiences, but I haven’t been able to find such an opportunity. That’s why I decided to write this message. If you know of any opportunities in your network or workplace that you could recommend to me, I would greatly appreciate it. You can also reach out to me privately for more detailed information.


r/JavaScriptTips • • Aug 26 '24

JavaScript Fundamentals 2024

Thumbnail
thedevspace.io
6 Upvotes

r/JavaScriptTips • • Aug 11 '24

Why do we need higher-order functions?

6 Upvotes

Higher-order functions are functions that either take another function as an argument or return a function.

Let me take an example and show you why higher-order functions are very useful.

Consider a scenario where you're calculating different properties of circles, such as area and circumference. A common approach is to write separate functions for each calculation.

For example:

const radius = [1, 2, 3, 4];

const calculateArea = function (radius) {
  const output = [];
  for (let i = 0; i < radius.length; i++) {
    output.push(Math.PI * radius[i] * radius[i]);
  }
  return output;
};

const calculateCircumference = function (radius) {
  const output = [];
  for (let i = 0; i < radius.length; i++) {
    output.push(2 * Math.PI * radius[i]);
  }
  return output;
};

The above approach works, but it’s far from optimal. The code is repetitive and violates the DRY (Don't Repeat Yourself) principle, which is a cornerstone of good software development practices.

By utilizing higher-order functions, you can refactor this code into a more modular and reusable form:

const calculate = function (radius, logic) {
  const output = [];
  for (let i = 0; i < radius.length; i++) {
    output.push(logic(radius[i]));
  }
  return output;
};

const area = function (radius) {
  return Math.PI * radius * radius;
};

const circumference = function (radius) {
  return 2 * Math.PI * radius;
};

console.log(calculate(radius, area)); // [3.14, 12.57, 28.27, 50.27]
console.log(calculate(radius, circumference)); // [6.28, 12.57, 18.85, 25.13]

This approach not only reduces redundancy but also makes the code more flexible and easier to extend in the future.

If you're interested in diving deeper into the example, you can read the full article here.


r/JavaScriptTips • • Aug 10 '24

Searching for someone who are interested to learn JS with someone.

6 Upvotes

Hey wanna learn JS together with anyone of you guys. Cuz it can boost the speed and make me engaged.


r/JavaScriptTips • • Aug 07 '24

How to learn js

6 Upvotes

I wanna learn js. Any youtuber who teaches nicely and understand ably


r/JavaScriptTips • • Aug 05 '24

What Are Pure Functions in JavaScript

Thumbnail
thedevspace.io
6 Upvotes

r/JavaScriptTips • • Jul 20 '24

Quick Quiz

Post image
6 Upvotes

What will be the output of the following JavaScript code?


r/JavaScriptTips • • Jun 02 '24

When it's 1am and you try to display your noob fibonacci function to the html:

6 Upvotes

NANANANANA BATMAAAAANNN :D


r/JavaScriptTips • • Mar 20 '24

Have you seen Javascript cards? 65 cards that help you learn the most popular programming language.

Post image
6 Upvotes

r/JavaScriptTips • • Aug 28 '23

ā€œAtomic Habitsā€ and Learning to Code: Identity and Beliefs.

6 Upvotes

After the positive feedback on last weeks post, here is another based on knowledge obtained from "Atomic Habits". The newsletter focuses on the ideas around "Identity and Beliefs" when building positive habits and learning to code.

Please feel free to reach out with any ideas, questions or banter!

https://open.substack.com/pub/thecodingapprentice/p/atomic-habits-and-learning-to-code-8e2?utm_campaign=post&utm_medium=web


r/JavaScriptTips • • Aug 05 '23

Your Free JavaScript Learning Wonderland!

6 Upvotes

Greetings, everyone,

I wanted to share some exciting news with you about a website I'm currently working on. It's focused on providing courses and challenges exclusively for JavaScript and Machine Learning.

The best part is, the site is completely free to use, and there's no need to sign up if you prefer not to. However, if you do decide to sign up, you'll gain the additional benefit of being able to track your progress, see your name on the leaderboard, and earn badges for completing courses and challenges.

I must admit, the website is still a work in progress. I'm taking my time to ensure everything is just right. But I would truly appreciate it if some of you, regardless of your coding expertise, could take a moment to visit the site and try out some of the challenges. Your feedback would be incredibly valuable in shaping the platform and making it more user-friendly.

While I'm currently working on video courses, they're not available just yet. However, if you sign up, I'll be sure to notify you as soon as they're live. You'll have access to a variety of over 60 courses and 600 lessons, all of which will remain free even with the introduction of videos. Completing a course comes with its own perks, including badges and points.

Thank you for considering this invitation. Your input will play a vital role in improving the website's offerings. I'm looking forward to hearing from you and making this platform a valuable resource for everyone interested in JavaScript and Machine Learning.

Currently the application is not even close to being optimized for mobile, I am currently working on this.

I am also building a section where you can submit your own challenges, by doing so you will get a huge boost to your points.

I am also adding more content to the challenge with regards to their descriptions, currently they are either too short or empty, I am writing these at the moment.

If you would like to take part you can find the website

https://codingnexus.co.uk


r/JavaScriptTips • • Jul 24 '23

JavaScript is genius and trash at the same time

Thumbnail
youtube.com
6 Upvotes