DEV Community

Cover image for How to become JavaScript Ninja?
Rishab Kumar
Rishab Kumar

Posted on • Updated on

How to become JavaScript Ninja?

Living in a world which is becoming more and more visually dependent, from selecting the right gift on Amazon to the right match on Tinder, coders are the creators of magic.

Just like Leonardo and Michelangelo spilled color on the way we see the world, coders are the modern-day artists.
Alt Text
From creating addictive websites to breathtaking gaming apps, coders of the order of JavaScript rank amongst the coolest of all.

So, today I will try to lay down the road-map for you to get on course to be the part of the JavaScript movement.
I have taken the same road path to not just learn and develop my skills, but also implement to create games for my bored mind and websites for local businesses.

Part 1

What is JavaScript and why it is the need of the hour?🤔

JavaScript was initially created to “make web pages alive”.
On the off chance that you consider the basic makeup of a site, you have HTML, which depicts and characterizes the basic substance and structure of the site, at that point, you have CSS, which tells the program how this HTML substance ought to be shown—deciding things like shading and text style. With just HTML and CSS, you have a site that looks great yet doesn't really do a lot. JavaScript breathes life into the site by including usefulness. JavaScript is answerable for components that the client can cooperate with, for example, drop-down menus, modular windows, and contact structures. It is likewise used to make things like activities, video players, and intuitive maps.
These days, JavaScript is a generally useful programming language—which means it stumbles into the whole programming stack. The most famous utilization of JavaScript is on the customer side (otherwise known as frontend), however since Node.js went ahead of the scene, numerous individuals run JavaScript on the server-side (otherwise known as backend) too. At the point when utilized on the customer side, JavaScript code is perused, deciphered, and executed in the client's internet browser. At the point when utilized on the server-side, it is run on a remote PC.

Part 2

Induction program into the world of JavaScript

  • Learn the basics of Computer Science
    Take up the free course CS50 on offer by Harvard

  • Learn the basics of JS ✔
    When it comes to starting JavaScript, FreeCodeCamp is the best site out there to get you started.
    If you are more of a video person, online lessons by Traversy Media are the way to go.

  • Practice algorithm ❤
    You haven't learnt anything until you implement it.
    So, to test out your grasp of the concepts, try to take up 2-3 challenges each day on sites like HackerRank and CodeWars

  • Asynchronous JS and DOM 🔃
    UIs are asynchronous naturally, and invest the majority of their energy hanging tight for client contribution to intrude on the event circle and trigger event handlers.
    Hub is asynchronous as a matter of course, implying that the server works similarly, sitting tight in a circle for a system demand, and tolerating progressively approaching solicitations while the first is being dealt with.
    This is significant in JavaScript, in light of the fact that it is a characteristic fit for UI code, and advantageous to performance on the server.
    Async Javascript Crash Course by Traversy Media
    Asynchronous vs Synchronous programming by Web Dev Simplified

  • Build projects 💥
    Nothing helps you more than actually building stuff so go ahead, sharpen your mind and make this happen! I have listed a few below which you can start with
    A basic game
    An app that integrates with some sort of API
    Your Portfolio website

  • Learn object-oriented programming(prototyping, inheritance) 🧠
    Unlike other Object-Oriented Language there are no classes in JavaScript we have only Object. To be more precise, JavaScript is a prototype-based object-oriented language, which means it doesn’t have classes rather it define behaviours using constructor function and then reuse it using the prototype.
    Object-Oriented programming in Javascript by Mosh
    JavaScript OOP Crash course by Traversy Media

  • Functional programming 💫
    JavaScript is a multi-paradigm language that permits you to unreservedly blend and match object-oriented, procedural, and functional paradigms. As of late, there has been a developing pattern toward functional programming.
    Functional Javascript

  • Design patterns, learn MVC ✨
    Design patterns are reusable solutions to commonly occurring problems in software design. Below are some videos that explain it in depth!
    What is MVC by Traversy Media
    MVC Explained by Web Dev Simplified

  • Learn one framework properly (Vue or React) 💯
    Most likely, no web framework took as less time as React JS to be the main one in front-end web development. Indeed, it has the motivations to be so. It has just been a long time since React JS was publicly released. Right now of time, React JS has been one of the most utilized JavaScript frameworks and developing quickly in its way.
    So I will probably go with React.
    There are other react course too:
    React Courses

Top comments (5)

bbarbour profile image
Brian Barbour

I'd add Node.js to this list too!

rishabk7 profile image
Rishab Kumar

Good point!

jacobdcastro profile image
Jacob D. Castro

So insightful! This is a good reminder for me that I've come a long way.

rvakid82 profile image

Thank you for posting these tips, JavaScript is still so abstract to me. I'm really struggling to learn anything in JavaScript, I really hate how difficult and frustrating it all is. I really hope it gets a little easier to learn.

daanchuk profile image

It's not really helpful to use the ninja adjective, it makes people feel inadequate.