Skip to content

An interactive repo which demonstrates how event delegation works.

Notifications You must be signed in to change notification settings

jswed/event-delegation-tutorial

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 

Repository files navigation

Events Delegation Interactive Repo

This repository will:

  1. Explain what is event delegation.
  2. Show examples, problems and solutions regarding handling DOM events.
  3. Guide you, step-by-step, how to build a simple event delegation library, jQuery-style.

How to use:

This tutorial has 12 steps (+summary). Each step builds upon the previous step.

There are two ways using this tutorial:

  1. By following the steps on this website, starting at step-1.
  2. By cloning this repo locally and git checkout the steps. Each step is a branch. Start at step-1 by git checkout step-1.

Each step contains a README.md file with explanations relevant for this step. Additionaly, each step has source code files which actually implement what is described in this step. You are encouraged to read those files as well. If you chose to clone this repo locally, you can always open the index.html file of each step in your browser to run the code of the step.

Steps:

Step-1
Step-2
Step-3
Step-4
Step-5
Step-6
Step-7
Step-8
Step-9
Step-10
Step-11
Step-12
Summary

About

An interactive repo which demonstrates how event delegation works.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published