Modular Javascript #2 - Converting jQuery to an Object Literal Module
In this video, we'll convert plain jQuery code to an object literal module. It will still use jQuery, but the pattern will be much cleaner and easier to maintain.
Missed video #1? http://youtu.be/HkFlM73G-hk
Source code for this video:
http://codepen.io/anon/pen/OVZpqO?editors=101
Web developers often don't see the value of changing the way they write javascript code - this is often due to the fact that they have never had to code a large application. Code that doesn't look messy at first gets VERY messy when you need a lot of code doing a lot of things.
This video will show how to take that messy jQuery code and clean it up into a self-encapsulated module that is easy to work with.
Modular JS #1 - Object Literal Pattern pt 1:
https://www.youtube.com/watch?v=HkFlM73G-hk&index=1&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f
Modular JS #2 - Object Literal Pattern pt 2:
https://www.youtube.com/watch?v=m-NYyst_tiY&index=2&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f
Modular JS #3 - Revealing Module Pattern:
https://www.youtube.com/watch?v=pOfwp6VlnlM&index=3&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f
-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-
Видео Modular Javascript #2 - Converting jQuery to an Object Literal Module канала LearnCode.academy
Missed video #1? http://youtu.be/HkFlM73G-hk
Source code for this video:
http://codepen.io/anon/pen/OVZpqO?editors=101
Web developers often don't see the value of changing the way they write javascript code - this is often due to the fact that they have never had to code a large application. Code that doesn't look messy at first gets VERY messy when you need a lot of code doing a lot of things.
This video will show how to take that messy jQuery code and clean it up into a self-encapsulated module that is easy to work with.
Modular JS #1 - Object Literal Pattern pt 1:
https://www.youtube.com/watch?v=HkFlM73G-hk&index=1&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f
Modular JS #2 - Object Literal Pattern pt 2:
https://www.youtube.com/watch?v=m-NYyst_tiY&index=2&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f
Modular JS #3 - Revealing Module Pattern:
https://www.youtube.com/watch?v=pOfwp6VlnlM&index=3&list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f
-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-
Видео Modular Javascript #2 - Converting jQuery to an Object Literal Module канала LearnCode.academy
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build Wordle in 20min with React.js!How to code in 30min - FOR ABSOLUTE BEGINNERSHow to code in 2022 - From zero to career-levelTailwind CSS - why CSS utility classes save so much timeManage React state like a boss with MobX Local ObservablesNext.js + React.js tutorial - YOU REALLY should be using Next.jsWeb Development in 2020 - A complete roadmapUltimate Hacking Keyboard UHK60 - Mechanical Keyboard ReviewArangoDB Tutorial - Databases every developer should know aboutCSS Units - Which ones to use and which to stop using! - HTML CSS TutorialHow To Make A Website From HTML & CSS - FAST, CHEAP, EASYResponsive Design Tutorial - Tips for making web sites look great on any deviceHTML & CSS Tutorial - Ways to code images...and how to do it wellMOST AMAZING ERGODOX YET! - ERGODOX EZ GLOW REVIEW w/ Kailh Copper keyswitchesCSS SELECTORS MADE EASY - HTML CSS Tutorial for BeginnersHTML CSS TUTORIAL FOR BEGINNERS - multiple pagesBuild an HTML + CSS Layout with Flexbox in just a few lines of codeEASY! Hand-code an HTML + CSS layoutHTML CSS Tutorial for Beginners - Web Development Tutorials For BeginnersHTML Tutorial for BeginnersWeb Development Tutorial For Beginners - how to make a website