Scribd
Upload
5 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
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 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
We take content rights seriously. If you suspect this is your content, claim it here.
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