Verse Logo
WEB Dev - Verse'26WEB - V'26
HomeSessionsAssignmentsCode ExamplesMembersLeaderboardAboutContact

Team WEB - Verse'26

Transform from absolute beginner to confident, portfolio-ready web developer in 16 weeks. Master modern web technologies through hands-on projects.

Quick Links

  • Sessions
  • Assignments
  • About
  • Contact

Resources

  • MDN Web Docs
  • W3Schools
  • GitHub
  • CodePen
© 2025 Abdelrhman Nasr. All rights reserved.
Back to Sessions
Week 14Advanced Integration
3.5 hours

Events & Interactive Applications

Master event handling and build interactive apps

Learning Objectives

  • Handle user interactions
  • Use event delegation
  • Validate forms
  • Create keyboard shortcuts
  • Build interactive applications

Topics Covered

  • 1
    Event Types (Mouse, Keyboard, Form, Window, Touch)
  • 2
    addEventListener and removeEventListener
  • 3
    Event Object Properties (type, target, currentTarget, coordinates, key)
  • 4
    Event Methods (preventDefault, stopPropagation)
  • 5
    Event Phases (Capturing, Target, Bubbling)
  • 6
    Event Delegation Pattern
  • 7
    Form Events (submit, input, change, focus, blur)
  • 8
    Form Validation Patterns
  • 9
    Keyboard Shortcuts and Mouse Tracking
  • 10
    Scroll Events

Assignment

Enhanced Todo List App

Enhance the Todo App with priority levels (high, medium, low), due dates, categories/tags, search/filter functionality, and sort options. Research Local Storage.

Resources

  • • Event Handling Guide
  • • Form Validation Patterns
View All Assignments
Previous SessionNext Session