Course overview

Total duration: 24 hours

Schedule: Flexible, 3 hours/week over 8 weeks

Programming language: JavaScript

Small interactive batch: 5 to 10 students

Course format: Structured curriculum plus hands-on projects

Course content: Download the course flyer (PDF)

Course objectives

• Teach JavaScript fundamentals in a simplified and engaging way

• Empower students to create interactive websites and mini-games

• Strengthen logical thinking and problem-solving skills

• Prepare students for advanced web development and coding competitions

Course modules

Module 1: Introduction to Web Programming

• Understanding the web

• How websites work (frontend vs backend)

• Structure of a web page (HTML, CSS, JavaScript)

• Tools setup: CodePen / VS Code / Replit

Module 2: HTML and CSS Foundations

• Essential HTML tags: div, p, h1, img, a, button

• CSS styling: colors, fonts, borders, layouts

• Hands-on project: build a personal bio web page

Module 3: JavaScript Basics

• What is JavaScript?

• Variables (let, const) and data types

• Operators and expressions

• User input/output with prompt() and alert()

• Mini project: math quiz app

Module 4: JavaScript Logic and Control Flow

• Conditional statements (if, else, switch)

• Loops (for, while)

• Arrays and objects

• Functions (reusable code)

• Mini project: rock-paper-scissors game

Module 5: DOM Manipulation

• Understanding the DOM

• Selecting elements (getElementById, querySelector)

• Modifying HTML and CSS with JavaScript

• Event listeners (click, hover, etc.)

• Mini project: interactive to-do list

Module 6: Creative JavaScript Projects

• Digital clock

• Image slider

• Basic calculator

• Simple quiz application

• Form validation with JavaScript

Module 7: Introduction to JavaScript Game Development

• Coordinate system and canvas basics

• Animation using setInterval() / requestAnimationFrame()

• Build a simple game (Catch the Object / Dodge the Enemy)

Module 8: Final Project and Presentation

• Plan, design, and develop a complete JavaScript web project

• Example projects: interactive portfolio website, JavaScript memory game, educational app (math trainer / flashcards)

• Student project presentation (online or in person)

Course features

• Theory plus practical labs

• Engaging examples and interactive coding activities

• Homework and real-world projects

• Multiple programming levels available

• Curriculum aligned with middle and high school standards

• Special summer and winter batches

• Fun events and coding challenges