Complete JavaScript Course [4]

The modern JavaScript course for everyone! Master JavaScript with projects, challenges and theory. Many courses in one. [Advanced DOM and Events] 0:00:00 PROJECT_ _Bankist_ Website 0:01:04 How the DOM Really Works 0:09:54 Selecting, Creating, and Deleting Elements 0:20:30 Styles, Attributes and Classes 0:40:59 Implementing Smooth Scrolling 1:02:53 Types of Events and Event Handlers 1:18:50 Event Propagation_ Bubbling and Capturing 1:29:24 Event Propagation in Practice 1:34:27 Event Delegation_ Implementing Page Navigation 1:52:14 DOM Traversing 2:11:03 Building a Tabbed Component 2:25:38 Passing Arguments to Event Handlers 2:49:47 Implementing a Sticky Navigation_ The Scroll Event 3:08:30 A Better Way_ The Intersection Observer API 3:16:25 Revealing Elements on Scroll 3:40:26 Lazy Loading Images 3:53:06 Building a Slider Component_ Part 1 4:11:36 Building a Slider Component_ Part 2 4:34:52 Lifecycle DOM Events 4:54:28 Efficient Script Loading_ defer and async 5:03:54 [OOP With JavaScript] 5:17:25 What is Object-Oriented Programming_ 5:18:32 OOP in JavaScript 5:39:28 Constructor Functions and the new Operator 5:49:36 Prototypes 6:03:56 Prototypal Inheritance and The Prototype Chain 6:18:33 Prototypal Inheritance on Built-In Objects 6:29:32 Coding Challenge #1 6:44:19 ES6 Classes 6:51:46 Setters and Getters 7:04:44 Static Methods 7:18:00 Object.create 7:24:24 Coding Challenge #2 7:35:20 Inheritance Between _Classes__ Constructor Functions 7:41:21 Coding Challenge #3 8:02:25 Inheritance Between _Classes__ ES6 Classes 8:13:02 Inheritance Between _Classes__ Object.create 8:23:49 Another Class Example 8:32:43 Encapsulation_ Protected Properties and Methods 8:43:28 Encapsulation_ Private Class Fields and Methods 8:50:15 Chaining Methods 9:06:27 ES6 Classes Summary 9:11:10 Coding Challenge #4 9:18:22 [Mapty App OOP Geolocation External Libraries & More] 9:27:16 Project Overview 9:28:15 How to Plan a Web Project 9:33:18 Using the Geolocation API 9:50:59 Displaying a Map Using Leaflet Library 9:59:16 Displaying a Map Marker 10:13:04 Rendering Workout Input Form 10:32:59 Project Architecture 10:49:41 Refactoring for Project Architecture 10:59:10 Managing Workout Data_ Creating Classes 11:23:15 #javascript #frontend #webdevelopment #js #javascripttutorial #javascriptcourse