JavaScript Developer Roadmap: Zero to Hero
Tags: javascript, learn, roadmap, vscode
Published: 2022-11-17 12:02:38

---
title: JavaScript Developer Roadmap: Zero to Hero
published: true
date: 2022-11-17 11:59:21 UTC
tags: js, learn, roadmap, vscode, 
canonical_url: https://jscoder13.hashnode.dev/javascript-developer-roadmap-zero-to-hero
---

![Banner](https://cdn.hashnode.com/res/hashnode/image/upload/v1668686047796/ypNhOwLJ2.png)

Hi guys and girls!!

Today I will share the helpful tutorial links that helped me learn the Core Basic and advanced JavaScript for the past two years.

When I started my journey as a backend developer, I was pretty confused about choosing training topics and courses. So I am sharing those topics with links that helped me the most.

After that, I will share valuable tips to make development easy daily.

So let's get started.

### JavaScript

Whether you are a frontend dev or backend, without core JavaScript concepts, you would never be able to solve problems and write logic.

Also, JavaScript's behaviour in different situations is quite surprising.

**_Basics_**

1. Start with three types of variable declaration available in JS: [var, let and const](https://www.freecodecamp.org/news/var-let-and-const-whats-the-difference/). Learn about their difference, scope and which to use when.
2. [Datatypes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures)Learn about the datatypes in JS. Learn about the [classes of datatypes](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects) available to access methods that come with them. For starters, learn about String and Number classes.
3. [Objects](https://www.w3schools.com/js/js_objects.asp) and [Arrays](https://www.w3schools.com/js/js_arrays.asp)Javascript is all about objects and arrays. The more you are comfortable accessing and manipulating these, the merrier it will impact your coding.
4. [Loops](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration)to manipulate objects and arrays.

Once you get hands-on with these topics, Youll learn about functions and conditional statements.

Learn more about function, its scope and types from [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions).

After getting a perfect knowledge of these topics, you can learn popular libraries primarily used in frontend and backend JS projects which are [lodash](https://lodash.com/) and [dayjs](https://day.js.org/). They provide utility functions for arrays and objects, and dates, respectively.

**_Advance_**

Lets dive deeper into advanced JavaScript concepts.

1. [Variable Hoisting in JS](https://www.w3schools.com/js/js_hoisting.asp), skip it if you already go through it while learning about variable declarations.
2. [Arrow functions](https://www.geeksforgeeks.org/what-is-the-arrow-function-and-how-to-create-it/)
3. Learn about asynchronous JS with: [Promises](https://www.w3schools.com/js/js_callback.asp), [Callbacks](https://www.w3schools.com/js/js_callback.asp), and [async/await](https://www.w3schools.com/js/js_async.asp).
4. [Call, apply and apply in JS](https://medium.com/@omergoldberg/javascript-call-apply-and-bind-e5c27301f7bb)
5. JS Timing Events: [setTimeout and setInterval](https://www.w3schools.com/js/js_timing.asp)
6. [JS Event Loop](https://www.geeksforgeeks.org/what-is-an-event-loop-in-javascript/)

Lastly, If you are more of a Video person than a reading person, then check out this series available on YouTube: [Namaste JavaScript](https://www.youtube.com/watch?v=pN6jk0uUrD8&list=PLlasXeu85E9cQ32gLCvAvr9vNaUccPVNP).

Learning these topics in detail may help you crack any JS interview as a fresher or beginner role. Mostly the mentioned topics are asked in JS/NodeJS/React interviews.

Thats all for JS. Comment if I missed something.

After learning the basics of JS, Either you can start with NodeJS for backend development as a beginner or move to React/Angular for frontend development.

### Some Useful Tips

1. Use [VSCode](https://code.visualstudio.com/) IDE to code in JS.
2. Set up [ESlint](https://eslint.org/) in your projects to follow linting rules and fix errors during development. Use this [extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint).
3. Add comments while working on any large or Small projects. Use this [extension](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments). You can check [my article](https://medium.com/dhiwise/comments-in-javascript-18f3b3effb8a) on this topic.
4. If you are a fresher, Learn basic Git and its commands along with learning JS and push everything on Git that your code.

Thats it for this article. In the following article, we will learn about backend development with NodeJS, APIs and databases.

#### About Me

I am a Backend Developer at [DhiWise](https://dhiwise.com/?utm_campaign=blog&utm_source=devto&utm_medium=cms&utm_term=saloni_pod2&utm_content=javascript).

You can follow me on [LinkedIn](https://www.linkedin.com/in/saloni-saraiya/) and [Twitter](https://twitter.com/salonii131) for more tech updates.

Keep coding👩💻, and keep developing great apps. Bye. 👋