Javascript Events Tutorial Part 2 - Javascript Tutorials for Beginning Web Development
In the last video, I covered Javascript Events for new Javascript Web Developers. Let's get a little more complex with those events by adding a loop and some different types of event listeners.
Here's the source code: http://codepen.io/anon/pen/doZbPQ?editors=101
And here's all the key codes: https://css-tricks.com/snippets/javascript/javascript-keycodes/
A web developer often needs to add an event to multiple elements, but you don't want to repeat your code all over the place, so the best way to do it is to make a loop.
The good news is, since this loop just goes from i=0, i=1, i=2, etc, we can use one loop and add events to all 3 li's & inputs with it.
-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-
Видео Javascript Events Tutorial Part 2 - Javascript Tutorials for Beginning Web Development канала LearnCode.academy
Here's the source code: http://codepen.io/anon/pen/doZbPQ?editors=101
And here's all the key codes: https://css-tricks.com/snippets/javascript/javascript-keycodes/
A web developer often needs to add an event to multiple elements, but you don't want to repeat your code all over the place, so the best way to do it is to make a loop.
The good news is, since this loop just goes from i=0, i=1, i=2, etc, we can use one loop and add events to all 3 li's & inputs with it.
-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-
Видео Javascript Events Tutorial Part 2 - Javascript Tutorials for Beginning Web Development канала LearnCode.academy
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
REACT FLUX TUTORIAL #14 - React & Flux Memory LeaksREACT FLUX TUTORIAL #12 - Flux ActionsHow the Internet Works for Developers - Pt 2 - Servers & ScalingMultiple Reducers with Redux Reducers - Redux React Tutorial #4jQuery Tutorial #2 - Event Binding - jQuery Tutorial for BeginnersWATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advicePimp that Terminal - Add shortcuts and functions to your .bash_profile to simplify routine tasksJavascript is Event-Driven - What makes Javascript Weird...and Awesome Pt 2jQuery Ajax Tutorial #4 - "Edit" modes & Better Mustache.js Templating (jQuery tutorial #9)Machine Learning Tutorial for Beginners - USING JAVASCRIPT!Javascript Context Tutorial - What makes Javascript Weird...and Awesome Pt5Machine Learning Tutorial - Making a recommendation engine IN THE BROWSERYarn vs NPM - You won't believe how fast it isModular Javascript #2 - Converting jQuery to an Object Literal ModuleGRUNT TUTORIAL - Grunt makes your web development better!Javascript ES6 Cheatsheet #2 - the best of JS ES6How to code in 2022 - From zero to career-levelHow the Internet Works for Developers - Pt 1 - Overview & FrontendjQuery Ajax Tutorial #3 - Delegating Events & Mustache.js Templating (jQuery tutorial #9)JS Tutorial For Beginners - #2 If Else & Comparison OperatorsModular Javascript #3 - Revealing Module Pattern Javascript Tutorial