Javascript Events

What you will learn during this tutorial:

1. The first event that triggers on a website
2. make your code react to user clicks on buttons
3. Make a counter that increases when the user clicks
4. Add event listeners
5. What is the event target?

Local Installation

1. Make sure you have learnpack installed and node.js version v14+ and jest v27. This is the command to install the learnpack-cli and jest:

1$ npm i learnpack jest@27.0.6 -g

1. Clone or download this repository. Once you finish downloading, you will find a new folder with a subdirectory "exercises" that contains all the exercises within.

2. Install the learnpack plugin to test and compile vanillajs:

1$ learnpack plugins:install learnpack-dom

1. Start the tutorial/exercises by running the following command from the root of the project:

1$ learnpack start

How are the exercises organized?

Each exercise is a small react application containing the following files:

1. app.js: represents the entry python file that will be executed by the computer.
2. index.html: represents the entry website.
3. style.css: your website styles, they have to be imported from the index.html
4. README.md: contains exercise instructions.
5. test.js: you don't have to open this file, it contains the testing script for the exercise.

Contributors

Thanks goes to these wonderful people (emoji key):

1. Alejandro Sanchez (alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖

2. Paolo (plucodev), contribution: (bug reports) 🐛, contribution: (coder), (translation) 🌎

This project follows the all-contributors specification. Contributions of any kind are welcome!