• What is JavaScript? Role in web pages (client-side vs server-side)

• Browsers & JavaScript engines (V8)

• Tools: Editor (VS Code), Browser DevTools, Node.js & npm install

• First script: console.log, running in browser and Node

• Practical lab: Create a page with an external .js file and log messages; inspect with DevTools.

• Variables (let, const, var), types (string, number, boolean, null, undefined, symbol)

• Operators, type coercion, template literals

• String & number methods, basic parsing and formatting

• Lab: Small exercises: calculator functions, string formatting tasks.

• if / else, switch

• Loops: for, while, for...of, forEach

• Best practices, break/continue

Lab: Build small loops to process arrays (student marks example, attendance-style table handling).

• Function declaration, expression, arrow functions

• Parameters, default params, rest & spread syntax

• Scope & closures, this basics

• Lab: Create utility functions, demonstrate closures with counters.

• Array methods: map, filter, reduce, find, some, every

• Objects: properties, nested objects, object methods

• Destructuring, object shorthand

• Lab: Build an attendance-like data list and produce summaries (present/absent counts).

• DOM tree & selecting elements (querySelector, getElementById)

• Modify DOM: create, update, remove elements

• Event handling: clicks, submit, keyboard events, delegation

• Lab: Build interactive form (e.g., student add/remove), dynamic table with days 1–31 and status.

• let/const recap, template literals, destructuring (arrays & objects)

• Modules: import / export

• Classes & syntactic sugar over prototypes

• Lab: Convert utilities into modules; build a small class (e.g., Student class with attendance methods).

• Callbacks, problems with callback hell

• Promises: creation, chaining, error handling

• async / await syntax

• Lab: Simulate async operations (fake API or setTimeout), chain operations, error handling.

• fetch API, request/response, JSON parsing

• Handling errors, status codes

• Displaying remote data on the page

• Lab: Fetch public API (e.g., JSON placeholder) and render results (students list, posts).

• LocalStorage, SessionStorage basics

• Form handling, validation, uploading images (if applicable)

• Using FormData

Lab: Build a small form storing data in localStorage and persisting across reloads.

• Using npm scripts, simple bundlers (illuminate through Vite or webpack basics)

• Transpilation note (Babel) — overview

• Project structure & modular code

Lab: Initialize npm, add scripts, run dev server (if using Vite).

• Debugging with DevTools: breakpoints, console

• Basic unit testing intro (Jest overview) — optional

• Code style, linting (ESLint), comments & docs

Lab: Debugging exercises; add lint script.

• Why frameworks? Intro to React or Vue (one chosen)

• Component basics, props, state

• Small app example with framework

Lab: Build a tiny React component to manage attendance.

• Project: Build a Student Attendance Dashboard (recommended) or a Todo/Notes App with persistence & API integration
  
  

  • Features: add/remove students, mark present/absent per day (1–31), summary counts (Present / AT / Absent), export CSV
    
    

• Deploy: simple hosting (GitHub Pages, Netlify, or Vercel)
  
  

Assessment: Project demo + short quiz + code review.

JavaScript is the most popular programming language for creating interactive websites and web applications. It’s essential for anyone who wants to become a web developer.

जावास्क्रिप्ट एक ऐसी प्रोग्रामिंग लैंग्वेज है जो वेबसाइट को इंटरएक्टिव और डायनेमिक बनाती है। अगर आप वेब डेवलपर बनना चाहते हैं, तो यह भाषा सबसे जरूरी है।

No. Basic computer knowledge and understanding of HTML & CSS are enough. Everything else will be taught from scratch.

नहीं। अगर आपको बेसिक कंप्यूटर नॉलेज और HTML, CSS की समझ है, तो आप यह कोर्स आसानी से सीख सकते हैं।

You’ll be able to create dynamic websites, work with APIs, build projects like To-Do Apps or Attendance Systems, and even move on to frameworks like React or Node.js.

आप इंटरएक्टिव वेबसाइट बना पाएंगे, API से डेटा फेच कर पाएंगे, और रियल-टाइम प्रोजेक्ट जैसे टू-डू ऐप या अटेंडेंस सिस्टम बना पाएंगे।

Yes! This course is designed for absolute beginners as well as students who want to strengthen their web development basics.

हाँ, यह कोर्स बिलकुल बिगिनर्स फ्रेंडली है। इसमें हर टॉपिक को आसान भाषा और प्रैक्टिकल उदाहरणों के साथ सिखाया गया है।

Yes. You’ll receive a Certificate of Completion after successfully finishing the course and the final project.

 हाँ, कोर्स पूरा करने और फाइनल प्रोजेक्ट सबमिट करने पर आपको सर्टिफिकेट ऑफ कम्प्लीशन दिया जाएगा।

 Yes, the course can be learned in both online and offline modes, depending on your batch preference.

 हाँ, आप अपनी सुविधा के अनुसार इसे ऑनलाइन या ऑफलाइन दोनों तरीकों से सीख सकते हैं।

 You’ll work on practical projects like a Student Attendance Dashboard, To-Do List App, and other real-life web applications

 आप “स्टूडेंट अटेंडेंस सिस्टम”, “टू-डू लिस्ट ऐप”, और कई छोटे-छोटे प्रैक्टिकल प्रोजेक्ट्स बनाएंगे