The web must be accessible to everyone, including those with disabilities. TechnoHTML5 teaches students how to use ARIA labels and Alt text to ensure their sites are usable by screen readers.
| Module | Project Idea | Tech Focus | |--------|--------------|-------------| | | Offline-first note taker | Service Workers, Cache API, IndexedDB | | 2 | Drawing app with layers | Canvas API, pointer events, local storage for saving | | 3 | Webcam-powered face filter | getUserMedia , Canvas image processing | | 4 | Drag-drop kanban board | Drag & Drop API, ondragstart , ondrop , localStorage | | 5 | Real-time location tracker | Geolocation API + WebSocket (or Leaflet map) |
By the end of the course, students will have a portfolio of three to five live websites. This is the primary requirement for entry-level Front-End Developer internships or freelance gigs.
: Students practice writing code in text editors like Visual Studio Code or Sublime Text to build the basic structure, including the , , , and tags.
