Scribd
Upload
2 views

Advanced_JavaScript_Project_Roadmap

This 6-week advanced JavaScript learning roadmap focuses on project-oriented concepts, starting with ES6+ syntax and patterns, and culminating in modular JavaScript and project deployment. Each week includes specific concepts, a hands-on project, and recommended resources to enhance learning. The final project is a modular To-Do app with localStorage and deployment on Netlify.

Uploaded by

Ermias Bibi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Advanced_JavaScript_Project_Roadmap

This 6-week advanced JavaScript learning roadmap focuses on project-oriented concepts, starting with ES6+ syntax and patterns, and culminating in modular JavaScript and project deployment. Each week includes specific concepts, a hands-on project, and recommended resources to enhance learning. The final project is a modular To-Do app with localStorage and deployment on Netlify.

Uploaded by

Ermias Bibi
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

6-Week Advanced JavaScript Learning Roadmap (Project-Oriented)

Week 1: Deep Dive into ES6+ Syntax & Patterns

Concepts: let/const, arrow functions, destructuring, spread/rest, template literals, short-circuiting.

Project: Personal info card generator using template literals + form inputs.

Resources: JavaScript.info (ES6 Basics), Net Ninja's Modern JS playlist.

Week 2: Advanced Functions, Closures & Scope

Concepts: Closures, IIFE, this, call/apply/bind, currying.

Project: Tip Calculator with tax, discount & tipping logic using closures.

Resources: JavaScript.info - Closures, Frontend Mentor Tip Calculator Challenge.

Week 3: Working with the DOM & Events

Concepts: Event delegation, bubbling, capturing, DOM traversal, custom events.

Project: Dark/light mode dashboard with theme persistence.

Resources: Odin Project - DOM and Events, Web Dev Simplified DOM Projects.

Week 4: Async JavaScript & APIs

Concepts: Promises, async/await, fetch, error handling, loading states.

Project: Weather Dashboard using OpenWeather API.

Resources: JavaScript.info - Async JS, Net Ninja Async/Fetch tutorial.

Week 5: Object-Oriented Programming (OOP) in JS

Concepts: Constructor functions, ES6 classes, prototypal inheritance, encapsulation.

Project: Banking app tracking deposits/withdrawals using classes.

Resources: Build a Bankist App - Jonas Schmedtmann.

Week 6: Modular JS + Project Deployment

Concepts: ES Modules, folder structure, bundling (Vite/Parcel), deployment.

Final Project: Modular To-Do app with localStorage and Netlify deployment.

Bonus: Add filters, themes, user settings.

You might also like