0% found this document useful (0 votes)
9 views6 pages

D To D Rout

Uploaded by

mishalaslam17
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views6 pages

D To D Rout

Uploaded by

mishalaslam17
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

Daily Schedule (3-4 hours per day)

Addjust framer motion , gsap , express ,


mongo , nodejs
I know you can do it
Month 1: JavaScript Fundamentals:
JavaScript Basics (2 hours):
Focus on concepts like variables, loops, functions, conditionals, arrays, objects,
and ES6 features (let/const, arrow functions, template literals).
YouTube:
 javascript interview questions by sherians codeing school
 https://www.youtube.com/watch?v=D8HyB-
W7ToI&pp=ygUbamF2YXNjcmlwdCBmb3IgaW50ZXJtZWRpYXRlE

Practice Exercises (1-2 hours):


Key Topics to Cover:
 Functions (regular and arrow)
 Callbacks and Promises
 Arrays and Objects (methods like map, filter, reduce)
 DOM Manipulation
Weekly Goals:
 Complete at least 10 JavaScript problems chatgpt
 Create 3 small projects: with your own :
 To-Do List
 Calculator
 Simple Weather App (without APIs yet)
🔹 Month 2: JavaScript Intermediate + APIs
Daily Schedule (3-4 hours per day)
JavaScript Concepts (2 hours):
 Asynchronous JavaScript (callbacks, promises, async/await)
 Error handling (try/catch)
 Fetch API basics
APIs and JSON (1 hour):
Learn how to fetch data from public APIs
(e.g., JSONPlaceholder, OpenWeatherMap).
Practice with simple fetch calls and display data dynamically on the UI.
Practice Projects (1 hour):
Projects to Build:
 Fetch and display user data (e.g., from GitHub API).
 Create a simple movie search app (e.g., using OMDB API).
Weekly Goals:
Solve 8-10 JavaScript problems related to asynchronous behavior.
Build 2 API-based projects.
Month 3: React Basics + Context API
Daily Schedule (3-4 hours per day)
React Fundamentals (2 hours):
 Components, Props, State
 JSX
 Conditional Rendering and Lists
 Handling Events
Context API (1 hour):
Learn how to manage global state using React Context API.
Project Building (1 hour):
 Create a simple e-commerce site with:
 Product list
 Adding to cart (using Context API)
Weekly Goals:
Complete 2-3 small React projects (e.g., a simple blog, a to-do app with state
management).
Solve 5 React-based coding problems on platforms like LeetCode or practice

exercises on Scrimba .
🔹 Month 4: Redux + Advanced React
Daily Schedule (3-4 hours per day)
Redux (2 hours):
Learn Redux concepts:
 Actions,
 Reducers,
 Store,
 Dispatch.
Combine Redux with React.
API Integration in React (1 hour):
 Use axios or fetch to connect APIs to your React components.
 Practice error handling and loading states.
Project Work (1 hour):
 Expand your e-commerce app:
 Add Redux for state management.
 Integrate APIs for dynamic product data.
Weekly Goals:
Build a Redux-based project (expand your e-commerce app).
Practice interview-style React/Redux questions.
🔹 Month 5: Interview Preparation + Projects
Daily Schedule (3-4 hours per day)
Review Key Concepts (2 hours):
Mock Interviews & Practice (1 hour):
Platforms like:
 Pramp for mock interviews.
 Interviewing.io
 Finalize Projects (1 hour):
Weekly Goals:
 Complete at least 2 mock interviews.
 Prepare answers for common JavaScript and React interview questions.
 🔥 Types of JavaScript Questions to Practice
Fundamentals:
Arrays, Objects, Loops, Conditionals
Example:
 “Reverse a string”
 “Find the largest number in an array”
 Asynchronous Programming:

Callbacks, Promises, async/await


Example:
 “Fetch data from an API and handle errors”
DOM Manipulation:
Example:
 “Create a counter that increments and decrements”
React Concepts:
 State, Props, Context API
Example:
 “Build a form with controlled components”

You might also like