How to Learn JavaScript The Easy Way?

JavaScript is so populaire last years. Every year there is a poll by stackoverflow that shows this. A lot of codenewbies are also very interested in learning it. But how do you start with learning JavaScript if you know HTML & CSS?

In this post I love to tell you more and give you a 3-step action plan to get started.

This story was first published on ByRayRay.dev

1. Start with the theory first!

When you think about learning JavaScript you propably know what you can build with it. Diving into the cool stuff and complicated stuff sounds nice but can make you feel like drowning!

I started with jQuery in early 2009, but it wasn’t the best idea. I got some things working and that felt good! Until the point bugs started to happen 🥴

Because I didn’t invest time in learning some theory on how things work in JavaScript, I got stuck! From that moment I decided to invest time in diving into the theory.

2. Apply theory in small projects

When learning a thing in the theory, it’s good to practice it in your projects.

I know big projects sound tempting to apply the theory. But a baby doesn’t learn walking in 1 step either right. So it’s a better idea to try it first in a small project.

3. Repeat this process

Repeat this until you understand that piece of theory. Then hop on to the next small amount of theory.

Piece by piece, step by step! That’s how you learn to walk and even running eventually. So take it easy 😉👍

JavaScript can make you view drowning; I had that same experience years ago! But learning it by doing a small project will make you feel winning 🏆.

That’s why I work on a program to ”Learn JavaScript The Easy Way.” To help you with the theory and the small projects.

4. The Projects

I’ve decided to put all the projects on Medium, especially so everyone can learn on who wants to 🤗.

👉 PROJECT 1: Build a custom like button with HTML, CSS, and Vanilla JavaScript

Build A Custom Like Button with HTML, CSS and Vanilla JavaScript
_Learn JavaScript The Easy Way_
medium.com

👉 PROJECT 2: Build a custom checkbox with HTML, CSS, and Vanilla JavaScript

How To Build A Custom Checkbox With JavaScript
_Learn JavaScript The Easy Way_
medium.com

Did you find this article valuable?

Support Dev By RayRay by becoming a sponsor. Any amount is appreciated!