Javascript

1-Month JavaScript Course Structure

Week 1: JavaScript Basics (Syntax + Fundamentals)

Goal: Master the foundation of JavaScript.

Day 1: Introduction to JavaScript

• What is JavaScript?

• How JS works (Execution context, Call stack)

• Adding JS to HTML (inline, internal, external)

• console.log()

Day 2: Variables & Data Types

• var, let, const

• Primitive types (string, number, boolean, undefined, null, bigint, symbol)

• Dynamic typing

Day 3: Operators

• Arithmetic, assignment

• Comparison operators

• Logical operators

Day 4: Conditional Statements

• if, else, else if

• switch

Day 5: Loops

• for

• while

• do…while

• break & continue

Day 6: Functions

• Function declaration

• Function expressions

• Arrow functions

• Parameters & return

Day 7: Practice Task

Build a simple calculator (add, subtract, multiply, divide).

Week 2: Arrays, Objects & DOM Manipulation

Goal: Understand data structures and interact with webpage elements.

Day 8: Arrays

• array methods: push, pop, shift, unshift, slice, splice

• loops with arrays

Day 9: Objects

• Creating objects

• Accessing values (dot & bracket notation)

• Object methods

Day 10: DOM Basics

• document.getElementById

• querySelector

• Changing HTML content + styles

Day 11: DOM Events

• click, mouse events, keyboard events

• addEventListener

Day 12: DOM Manipulation Advanced

• Creating elements dynamically

• append, prepend, remove

• classList, attributes, dataset

Day 13: Forms & Validation

• Input value handling

• Validating forms using JS

• Error messages

Day 14: Practice Task

Build a to-do list app using DOM manipulation.

Week 3: ES6+, OOP, Async JavaScript

Goal: Learn modern JS features, asynchronous code, and classes.

Day 15: ES6 Features

• let, const

• Template literals

• Spread & Rest operators

• Destructuring

Day 16: Modules

• import / export

• JS file organization

Day 17: OOP in JavaScript

• Classes

• Constructor

• Inheritance

• this keyword

Day 18: JSON

• JSON.parse()

• JSON.stringify()

Day 19: Promises

• .then(), .catch()

• Promise chaining

Day 20: Async/Await

• Writing clean async code

• Error handling

Day 21: Practice Task

Build a weather app UI (without API, static data for now).

Week 4: APIs, Storage, Projects & Final Assessment

Goal: Build complete real-world applications.

Day 22: Fetch API

• GET requests

• Handling responses

• Status codes

Day 23: Working with APIs

• Fetch weather data / jokes API / public APIs

• Rendering results in HTML

Day 24: Local Storage

• Save data to browser

• Retrieve/delete data

• Build a small storage-based app

Day 25: Error Handling

• Try/catch

• Debugging techniques

• Using console & browser dev tools

Day 26: Best Practices

• Code formatting

• Naming conventions

• File structure

Day 27–28: Project 1

Build a full JavaScript project, examples:

• Weather App (API)

• Calculator Pro version

• Notes App

• Quiz App

• Expense Tracker

Day 29–30: Final Major Project

Build a complete JavaScript web application, such as:

• E-commerce cart system

• Blog with localStorage

• Movie search app (API)

• Real-time clock + timer app

• Interactive portfolio website

After 1 Month You Will Know

✔ Core JS fundamentals
✔ DOM manipulation & events
✔ ES6+ features
✔ APIs & Fetch
✔ Async programming
✔ Object-oriented JS
✔ Real-world project building