Back to Tech Programs

Frontend Light Development

Learn to build responsive and interactive web pages (Ages 11–15)

Module 1: Advanced HTML

  • HTML5 semantic elements
  • Forms, input fields, and buttons
  • Embedding images, videos, and audio
  • Meta tags and SEO basics
Project: Build a personal profile page with images, forms, and video embed.

Module 2: CSS Styling & Layout

  • Box model, padding, margin, border
  • Fonts, colors, gradients
  • Flexbox and basic grid layouts
  • Hover effects and transitions
Project: Style the profile page from Module 1 using Flexbox for layout and hover effects.

Module 3: Interactive Elements with JavaScript

  • Introduction to JavaScript
  • Events: click, hover, input
  • Manipulating DOM elements
  • Simple interactivity and animations
Project: Add interactive elements to your profile page, such as a button that changes content dynamically.

Module 4: Responsive Design

  • Introduction to media queries
  • Mobile-first design principles
  • Flexible images and layouts
  • Testing responsiveness across devices
Project: Make your profile page responsive for both desktop and mobile views.

Module 5: Final Web Page Project

  • Plan a small website idea
  • Create multiple pages
  • Implement styling and interactivity
  • Test and optimize responsiveness
Project: Build and present a multi-page website with interactive features and responsive design.

By the end of this course, learners will be able to build interactive, responsive web pages ready for the modern web.