logo
logo-wordmark-sv.png
Introduction to web programming (1DV525)
    • Setup
      • Details
      • Literature
      • Learning environment
      • Schedula & Planning
      • 3-week call
      • Grading
      • Plagiarism
      • Evaluation & Feedback
      • Reregistration
    • Part 0 - Introduction and prepare
      • L00 - Course introduction
      • Lab environment
      • Work with Git
    • Part 1 - HTML, CSS, JavaScript
      • L01 - HTML
      • L02 - CSS
      • L03 - JavaScript #1
      • L04 - JavaScript #2
      • A01 - Build a website
    • Part 2 - Client-side JavaScript
      • L05 - JavaScript development environment
      • L06 - Browser and the DOM
      • L07 - Browser and Events
      • L08 - Classes & Modules
      • L09 - Asynchronous programming
      • Exercise: BartBoard demonstration
      • A02 - Code JavaScript with browser
    • Part 3 - Single Page Application (SPA)
      • L10 - Spa & Offline
      • L11 - Optimization & Accessibility
      • L12 - Web API and future
      • L13 - JavaScript Frameworks
      • A03 - JavaScript SPA
    • Guide
      • Git Guide
        • Git - versionshantering
        • Git - commits
        • Git - Multiple Git user configs
        • Git - SSH-keys troubleshooting

      • Setup
        • Details
        • Literature
        • Learning environment
        • Schedula & Planning
        • 3-week call
        • Grading
        • Plagiarism
        • Evaluation & Feedback
        • Reregistration
      • Part 0 - Introduction and prepare
        • L00 - Course introduction
        • Lab environment
        • Work with Git
      • Part 1 - HTML, CSS, JavaScript
        • L01 - HTML
        • L02 - CSS
        • L03 - JavaScript #1
        • L04 - JavaScript #2
        • A01 - Build a website
      • Part 2 - Client-side JavaScript
        • L05 - JavaScript development environment
        • L06 - Browser and the DOM
        • L07 - Browser and Events
        • L08 - Classes & Modules
        • L09 - Asynchronous programming
        • Exercise: BartBoard demonstration
        • A02 - Code JavaScript with browser
      • Part 3 - Single Page Application (SPA)
        • L10 - Spa & Offline
        • L11 - Optimization & Accessibility
        • L12 - Web API and future
        • L13 - JavaScript Frameworks
        • A03 - JavaScript SPA
      • Guide
        • Git Guide
          • Git - versionshantering
          • Git - commits
          • Git - Multiple Git user configs
          • Git - SSH-keys troubleshooting

    L07 - Browser and Events

    The lecture deals with the event driven programming technique in JavaScript.

    The lecture covers topics like:

    • Event driven programming
      • How not to - How to
      • Propagation
      • Delegation
      • Timers
      • Custom events
      • Event loop

    Presentation

    View the presentation "Event driven programming" with Johan Leitet.

    The slides are here.

    There is an English version and a Swedish version of the presentation.

    • English version
      • Part 1 (2016), 40min (from 1h 1m to 1h 41min).
      • Part 2 (2018), 1h 29min
    • Swedish version (2019), 1h 39min.

    Resources

    Read about events.

    • MDN: The event loop
    Previous
    L06 - Browser and the DOM
    Next
    L08 - Classes & Modules
      INNEHĂ…LL
    • Resources