ipince22 / dom-exercises Goto Github PK

Being a front-end web developer it's all about The DOM, in this interactive auto-graded tutorial you will understand and befomre familiar the following concept:

• Manipulating website styles from javascript.
• Manipulating website HTML from javascript.
• Updating the website without refresh.
• Selecting elements from The DOM using document.querySelector and updating their code using innerHTML.
• Event oriented programing: listening to user and system events.
• Programmatically Creating website elemnts and tags using createNode()
• Practicing user oriented events like: onClick, onMoseHover, etc.
• Event Listeners and Events Handlers.

1. Make sure you have the breathecode-cli installed and node.js version 8+

This is the command to install the breathecode-cli
$ npm i breathecode-cli -g

2. Download the react exercises in the current directory run:

$ bc start:dom-exercises -r

Note: Once you finish downloading, you will find a "exercises" folder that contains all the exercises within.

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

$ npm i [email protected] -g
$ bc run:exercises

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

1. index.js: represents the entry file for the entire app.
2. README.md: contains exercise instructions.
3. test.js: you don't have to open this file, it contains the testing script for the exercise.

Thanks goes to these wonderful people (emoji key):

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

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