Summary
Keywords
Full Transcript
Complete Modern Javascript / es6 Course Part 2 Source Code : https://github.com/harshitvee/javascript-beginning-to-mastery/tree/main/part2 Part 1 Link : https://youtu.be/chx9Rs41W6g Complete Syllabus : https://docs.google.com/document/d/1szmtyiymgBkIrsvtMzTESIh80uP2bUZGQ4BYAsdvfBM/edit?usp=sharing Time Stamp 00:00 Introduction 02:39 How javascript works overview 16:19 How javascript execute code 18:00 Global execution context 32:11 What happens to function declarations ? 45:33 What is hoisting ? 49:07 What happens to function expressions ? 56:18 Are let and const are hoisted ? 01:08:36 Quick summary of what we’ve learned so far 01:14:54 Function execution context 01:31:46 Scope chain 01:40:53 Intro to closures 01:47:02 Closures Example 1 02:07:57 Closures Example 2 02:17:22 Closures Example 3 02:31:55 Closures Example 4 02:50:43 Create Webpage using HTML & CSS 03:25:37 Async vs Defer | Correct way of linking JS file 03:39:46 What is DOM ? 03:47:38 getElementById 03:52:23 querySelector 03:57:48 textContent and innerText 04:02:53 Change the styles of elements 04:09:20 get and set attributes 04:14:29 querySelectorAll & getElementsbyClassName 04:20:01 Iterate elements 04:32:14 innerHTML 04:36:19 DOM Tree 04:52:30 Traversing DOM Tree 05:16:55 classList ,add and remove, toggle classes 05:25:10 Add HTML element using JavaScript 05:31:49 createElement, append, prepend, remove, before, after 05:40:15 insertAdjacentHTML 05:45:45 Clone Nodes 05:48:58 appendChild, insertBefore, replaceChild, removeChild 05:54:10 static list vs live list 06:01:17 How to get the dimensions of an element 06:04:40 Intro to events 06:16:35 This keyword inside eventListener callback 06:21:17 Click event on multiple buttons 06:31:27 Event object 06:45:02 Events Behind the scenes 07:04:32 practice with click events 07:06:51 Little demo project 07:18:09 Keypress & mouseover event 07:22:38 Event bubbling & Event Capturing 07:43:28 Event Delegation 07:49:25 Project Using Event Delegation
