Please enable JavaScript.
Coggle requires JavaScript to display documents.
JAVASCRIPT MASTERY ROADMAP - Coggle Diagram
JAVASCRIPT MASTERY ROADMAP
BASICS
Introduction
What is JavaScript? Where it is used?
Basic 01
Variables
Var, Let, Const
Scope, Hoisting
Control Flow
If, If else, Switch, Break, Continue, etc
Data types
string, boolean, number, undefined, object, etc
Expressions and operators
Assignment, Logical, Arithmetic, Equality comparision, etc
Basic 02
Type casting
Implicit, Explicit
Type coercion
loop, function and its type
DOM and DOM Manipulation
Event Listener and Event Handling
Data Structures
Array and its methods
String and its methods
Map, Weak Map
Set, Weak Set
Inbuilt Higher order functions like map(), filter() and reduce(), etc
Basic 03
Build at least 5 basic projects
INTERMEDIATE
this keyword and Execution context
Modules
Common JS
EcmaScript modules
Asynchronous JavaScript
Callbacks
Promises
Async/Await
setTimeOut, setInterval
Event Loop
Working with API
fetch, axios (library), etc
Debugging with Chrome Developer Tools
Build 4-5 intermediate projects with the skills you have acquired. You can also watch tutorials from YouTube, Udemy, etc
Call, Apply, Bind
ADVANCE
Prototypal Inheritance
Understanding Regex
Higher Order Functions
Closures
Object Oriented Programming concepts like class, polymorphism, Inheritance, Encapsulation, Abstraction, etc
Functional programming
Error Handling like try catch, etc
Learn about module bundlers like webpack and compiler like babel
Build 3-4 Big projects like E-commerce, Blogging web app, Music Player, etc with additional features like Payment gateway integration, etc
BONUS
LIBRARY / FRAMEWORK
React / Angular / Vue (I would suggest React due to large community, great ecosystem with different tools, and high in demand)
Frontend Tooling like Vite
Start Applying for Jobs