JavaScript: Advanced Fundamentals to jQuery & Pure DOM Scripting
Gain an advanced understanding of difficult JavaScript concepts like closure, new, “this”, prototypical inheritance, type comparators, coercion, and delete.
What you'll learn
Gain an advanced understanding of difficult JavaScript concepts such as JavaScript closure, new keyword, “this”, prototypical inheritance, type comparators, coercion, and delete. Learn what happens in memory with pointers when using assignments and “delete”. Then learn what’s under the hood of the popular jQuery library by building your own version of the library in vanilla JavaScript and the DOM API. Learn to build interactive components from scratch using pure DOM scripting and advanced JS concepts. Course materials can be found at https://frontendmasters.com/assets/resources/justinmeyer/JS-DOM-jQuery.zip with setup instructions found here https://frontendmasters.com/assets/resources/justinmeyer/Workshop-JS-jQuery-DOM.pdf
Table of contents
- $.extend() 4m
- Exercise 6 and Solution: Implementing $.extend 4m
- Day 1 Recap 11m
- Type Checking 4m
- Exercise 7: Implementing $.isArray() 2m
- Exercise 7: Solution 4m
- Exercise 8: Implementing isArrayLike() 8m
- Exercise 8: Solution 8m
- Exercise 9: $.each() 2m
- Exercise 9: Solution 7m
- Exercise 10: Implementing $.makeArray() 2m
- Exercise 10: Solution 2m
- Exercise 11: Implementing $.proxy() 6m
- Exercise 11: Solution 10m
- Finding from the Document 3m
- Exercise 12: Creating the $ function 8m
- Exercise 12: Solution 12m
- Exercise 13: Implementing the html() method 3m
- Exercise 13: Solution 6m
- Exercise 14 and Solution: val() function 3m
- Exercise 15: Eliminating 'new' 6m
- Exercise 15: Solution 5m
- Exercise 16: Implementing the text() method 10m
- Exercise 16: Solution 14m
- Exercise 16: Solution, Continued 15m
- Exercise 17: Adding a find() method 7m
- Exercise 17: Solution 10m