JavaScript Mastery Syllabus - From Zero to Legend
Section 1: JavaScript Fundamentals
- What is JavaScript? How it runs (browser vs [Link])
- How JS is different from HTML/CSS
- Adding JS to HTML (<script>)
- [Link], alert, prompt, confirm
- Variables: var, let, const (scoping & hoisting)
- Primitive types: string, number, boolean, null, undefined, symbol, bigint
- Reference types: objects, arrays, functions
- Operators: Arithmetic, Assignment, Comparison (== vs ===), Logical (&&, ||, !), Ternary
Section 2: Control Flow & Loops
- if, else, else if, switch
- for, while, do...while loops
- break & continue
- for...in and for...of (object vs array iteration)
Section 3: Functions & Scope
- Declaring functions (function declaration, expression, arrow)
- Parameters, default params, return values
- Function hoisting, Scope (global, local, block)
- Closures (with examples), IIFE
- Higher-order functions, Callback functions
Section 4: Arrays & Objects
- Array methods: push, pop, shift, unshift, splice, slice, concat, join
- Advanced array methods: map, filter, reduce, find, some, every, forEach
- Objects: Creating, accessing, modifying properties
- Dot vs bracket notation, Object destructuring
- Looping through objects (for...in, [Link]())
JavaScript Mastery Syllabus - From Zero to Legend
- [Link](), [Link]()
Section 5: Modern JavaScript (ES6+)
- Arrow functions, Template literals, Spread & Rest operators
- Destructuring arrays & objects, Default parameters
- Enhanced object literals, Optional chaining (?.), Nullish coalescing (??)
- Modules: import, export
Section 6: Asynchronous JavaScript
- Synchronous vs Asynchronous, setTimeout, setInterval
- Callback hell, Promises (then, catch, finally)
- async / await, Error handling with try/catch
- Fetch API, Working with APIs (GET/POST)
Section 7: DOM Manipulation
- Selectors: getElementById, querySelector, etc.
- Changing HTML content and styles
- Handling events (click, keydown, submit, etc.)
- Creating, appending, removing DOM elements
- Form validation (real-time & on submit)
Section 8: Storage & JSON
- Local Storage vs Session Storage
- setItem(), getItem(), removeItem(), clear()
- JSON stringify & parse, Saving form data / user settings
Section 9: Error Handling & Debugging
- Syntax vs runtime vs logic errors
JavaScript Mastery Syllabus - From Zero to Legend
- try, catch, finally, throw
- [Link](), [Link](), [Link]()
- Using browser DevTools (breakpoints, stepping, watching)
Section 10: Advanced JavaScript
- this keyword (global, object, arrow function context)
- Call, Apply, Bind
- Prototype, Inheritance, Closures in-depth
- Event loop & call stack, Memory management basics
Section 11: Browser APIs
- DOM API, Event handling, History API
- Geolocation API, Storage API, Clipboard API
- Fetch API, Web Workers (intro)
Section 12: JS Logic Building Practice
- Palindrome checker, Anagram checker, FizzBuzz, Fibonacci, Prime number checker
- Sorting & filtering problems
- Real-world logic: quiz app, todo list, calculator, form validator
Final Skill Test (Challenge Yourself)
- Build a full CRUD app in vanilla JS
- Build a mini weather app using API
- Build a JS memory game
- Use LocalStorage to persist data
- Deploy your JS projects on GitHub Pages
