Hours: 24
Schedule: Flexible ( 3 hrs / week, 8 weeks program)
Programming: Java Script Programming
Group: 5 to 10 students
Course Objectives
- Teach JavaScript fundamentals in a simplified and engaging way.
- Empower students to create interactive websites and mini-games.
- Build logical thinking and problem-solving skills.
- Prepare students for advanced web development and coding competitions.
Course Modules
Module 1: Introduction to Web Programming
- What is the Web?
- How Websites Work (Frontend vs Backend)
- Structure of a Web Page (HTML, CSS, JavaScript)
- Tools Setup: CodePen / Visual Studio Code / Replit
Module 2: HTML & CSS Basics (Foundation)
- HTML Tags: <div>, <p>, <h1>, <img>, <a>, <button>, etc.
- CSS Styling: colors, fonts, borders, layouts
- Hands-on: Build a Personal Bio Web Page
Module 3: JavaScript Basics
- What is JavaScript?
- Variables (let, const), Data Types
- Operators and Expressions
- Input/Output with prompt() and alert()
- Mini Project: Math Quiz App
Module 4: JavaScript Logic & Control
- Conditional Statements (if, else, switch)
- Loops (for, while)
- Arrays and Objects
- Functions: Reusable Code
- Mini Project: Rock-Paper-Scissors Game
Module 5: DOM Manipulation
- What is the DOM?
- Selecting Elements (getElementById, querySelector)
- Changing HTML/CSS with JavaScript
- Event Listeners (e.g., click, hover)
- Mini Project: Interactive To-Do List
Module 6: Creative JavaScript Projects
- Digital Clock
- Image Slider
- Basic Calculator
- Simple Quiz App
- Form Validation with JavaScript
Module 7: Introduction to JavaScript Game Development
- Coordinate System & Canvas
- Animation Basics with setInterval() or requestAnimationFrame
- Simple Game: Catch the Falling Object or Dodge the Enemy
Module 8: Final Project & Presentation
- Students plan, design, and build a JavaScript web project
- Example projects:
- Portfolio Website with Interactive Features
- JavaScript Game (like Memory Game)
- Educational App (Math Trainer / Flashcards)
- Students present their projects (online or in-person)
Features:
- Theory + Labs
- Engaged students by various examples and interesting labs
- Homework and project
- Various Programming Levels to choose
- Courses are aligned for the Middle and High school course content
- Special batches for Summer / Winter sessions
- Fun events
