JavaScript Learning Roadmap for Freshers
1. Basics & Syntax
• What is JavaScript?
• How JavaScript runs (Browser, Node.js)
• Embedding JS in HTML (<script>)
• Comments (//, /* */)
• Console API: console.log(), console.error(), console.warn()
2. Variables & Data Types
• var, let, const
• Primitive data types: Number, String, Boolean, Null, Undefined, Symbol, BigInt
• Non-primitive data types: Object, Array
• Type conversion: Implicit and Explicit
3. Operators
• Arithmetic, Assignment, Comparison, Logical, Ternary, Bitwise
4. Control Flow
• if, else if, else
• switch statement
• Loops: for, while, do...while, for...in, for...of, .forEach()
5. Functions
• Function declaration and expression
• Arrow functions
• Parameters vs arguments
• Default and rest parameters
• Return values
• Scope and basic closures
6. Arrays
• Creating arrays
• Array methods: push(), pop(), shift(), unshift(), indexOf(), includes(), forEach(), map(), filter(), reduce(),
find(), some(), every(), sort(), reverse(), slice(), splice()
7. Objects
• Object literals
• Accessing/modifying properties
• Methods in objects
• this keyword (intro)
• Object.keys(), Object.values(), Object.entries()
• Nested objects and destructuring
8. DOM Manipulation (Browser JS)
• What is DOM?
• Selecting elements: getElementById(), querySelector(), querySelectorAll()
• Modifying content and styles
• classList methods
• Events and addEventListener()
• Event object
9. Advanced Concepts
• Scope: Global, local, block
• Hoisting
• Closures
• Callback functions
• Promises
• Async/Await
• Event Loop
10. ES6+ Features
• let, const
• Arrow functions
• Template literals
• Destructuring
• Spread and Rest
• Default parameters
• Enhanced object literals
• Modules: import/export
• Optional chaining, Nullish coalescing
11. JSON
• What is JSON
• JSON.stringify() and JSON.parse()
• Usage in APIs
12. Fetch & API Calls
• What is an API
• fetch() basics
• HTTP Methods
• Working with JSON
• Promises in fetch
13. Debugging & Dev Tools
• Browser DevTools
• Console methods
• Breakpoints
14. Error Handling
• try...catch
• throw
• Error object
15. Optional Advanced Topics
• Recursion
• Memoization
• Currying
• Debouncing & Throttling
• Functional programming
• Prototypes and Inheritance
• this, call(), apply(), bind()
16. DOM Projects for Practice
• Calculator
• Todo App
• Stopwatch
• Quiz App
• Form validation