DEV Community: Alex-Braine

DEV Community: Alex-Braine The latest articles on DEV Community by Alex-Braine (@alexbraine). https://dev.to/alexbraine https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F627808%2F335116ac-17fd-4b12-a2ee-4b3653697200.jpg DEV Community: Alex-Braine https://dev.to/alexbraine en Top 15 JavaScript Videos with Timelines Alex-Braine Sun, 09 May 2021 10:10:37 +0000 https://dev.to/alexbraine/top-15-javascript-videos-with-timelines-1ic2 https://dev.to/alexbraine/top-15-javascript-videos-with-timelines-1ic2 <h1> 1. Learn JavaScript - Full Course for Beginners </h1> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FPkZNo7MFNFg%2Fmaxresdefault.jpg"></a>6,050,991 views • 118,676 likes </p> <h4> Introduction </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=0" rel="noopener noreferrer">Introduction (1m 24s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=84" rel="noopener noreferrer">Running JavaScript (2m 59s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=263" rel="noopener noreferrer">Comment Your Code (1m 33s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=356" rel="noopener noreferrer">Data Types and Variables (5m 35s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=691" rel="noopener noreferrer">Initializing Variables with the Assignment Operator (27s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=718" rel="noopener noreferrer">Uninitialized Variables (42s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=760" rel="noopener noreferrer">Case Sensitivity in Variables (1m 25s)</a></p> <h4> Numbers </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=845" rel="noopener noreferrer">Add Two Numbers (29s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=874" rel="noopener noreferrer">Subtract One Number from Another (18s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=892" rel="noopener noreferrer">Multiply Two Numbers (20s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=912" rel="noopener noreferrer">Dividing Numbers (18s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=930" rel="noopener noreferrer">Increment (28s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=958" rel="noopener noreferrer">Decrement (24s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=982" rel="noopener noreferrer">Decimal Numbers (26s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1008" rel="noopener noreferrer">Multiply Two Decimals (30s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1038" rel="noopener noreferrer">Divide Decimals (15s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1053" rel="noopener noreferrer">Finding a Remainder (49s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1102" rel="noopener noreferrer">Augmented Addition (1m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1162" rel="noopener noreferrer">Augmented Subtraction (56s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1218" rel="noopener noreferrer">Augmented Multiplication (33s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1251" rel="noopener noreferrer">Augmented Division (28s)</a></p> <h4> Strings </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1279" rel="noopener noreferrer">Declare String Variables (42s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1321" rel="noopener noreferrer">Escaping Literal Quotes (1m 43s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1424" rel="noopener noreferrer">Quoting Strings with Single Quotes (1m 34s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1518" rel="noopener noreferrer">Escape Sequences (1m 28s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1606" rel="noopener noreferrer">Concatenating String with Plus Operator (1m 3s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1669" rel="noopener noreferrer">Plus Equals Operator (1m 12s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1741" rel="noopener noreferrer">Constructing Strings with Variables (1m 13s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1814" rel="noopener noreferrer">Appending Variables to Strings (57s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1871" rel="noopener noreferrer">Length of a String (50s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=1921" rel="noopener noreferrer">Bracket Notation (1m 26s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2007" rel="noopener noreferrer">String Immutability (56s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2063" rel="noopener noreferrer">Find the Nth Character (28s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2091" rel="noopener noreferrer">Find the Last Character (57s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2148" rel="noopener noreferrer">Find the Nth-to-Last Character (40s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2188" rel="noopener noreferrer">Word Blanks (4m 16s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11199" rel="noopener noreferrer">Template Literals (4m 4s)</a></p> <h4> Arrays </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2444" rel="noopener noreferrer">Arrays (59s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2503" rel="noopener noreferrer">Nest Arrays (50s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2553" rel="noopener noreferrer">Access Array Data (1m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2614" rel="noopener noreferrer">Modify Array Data (1m 14s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2688" rel="noopener noreferrer">Access Multi-Dimensional Arrays (1m 42s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2790" rel="noopener noreferrer">push() (59s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2849" rel="noopener noreferrer">pop() (1m 4s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2913" rel="noopener noreferrer">shift() (50s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=2963" rel="noopener noreferrer">unshift() (1m 13s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3036" rel="noopener noreferrer">Shopping List (1m 5s)</a></p> <h4> Functions </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3101" rel="noopener noreferrer">Write Reusable with Functions (2m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3221" rel="noopener noreferrer">Arguments (2m 2s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3343" rel="noopener noreferrer">Global Scope (3m 48s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3571" rel="noopener noreferrer">Local Scope (1m 15s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3646" rel="noopener noreferrer">Global vs Local Scope in Functions (1m 54s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3760" rel="noopener noreferrer">Return a Value from a Function (1m 15s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3835" rel="noopener noreferrer">Undefined Value returned (57s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3892" rel="noopener noreferrer">Assignment with a Returned Value (1m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=3952" rel="noopener noreferrer">Stand in Line (2m 49s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4121" rel="noopener noreferrer">Boolean Values (43s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6071" rel="noopener noreferrer">Returning Boolean Values from Functions (1m 9s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6140" rel="noopener noreferrer">Return Early Pattern for Functions (1m 18s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6218" rel="noopener noreferrer">Counting Cards (5m 33s)</a></p> <h4> Operators </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4311" rel="noopener noreferrer">Equality Operator (1m 27s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4398" rel="noopener noreferrer">Strict Equality Operator (1m 25s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4483" rel="noopener noreferrer">Comparing different values (55s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4538" rel="noopener noreferrer">Inequality Operator (42s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4580" rel="noopener noreferrer">Strict Inequality Operator (45s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4625" rel="noopener noreferrer">Greater Than Operator (34s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4659" rel="noopener noreferrer">Greater Than Or Equal To Operator (30s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4689" rel="noopener noreferrer">Less Than Operator (35s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4724" rel="noopener noreferrer">Less Than Or Equal To Operator (33s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4757" rel="noopener noreferrer">And Operator (1m 24s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4841" rel="noopener noreferrer">Or Operator (56s)</a></p> <h4> Statements </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4164" rel="noopener noreferrer">If Statements (2m 27s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4897" rel="noopener noreferrer">Else Statements (50s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=4947" rel="noopener noreferrer">Else If Statements (1m 3s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5010" rel="noopener noreferrer">Logical Order in If Else Statements (1m 15s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5085" rel="noopener noreferrer">Chaining If Else Statements (3m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5265" rel="noopener noreferrer">Golf Code (4m 30s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5535" rel="noopener noreferrer">Switch Statements (3m 31s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5746" rel="noopener noreferrer">Default Option in Switch Statements (1m 37s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5843" rel="noopener noreferrer">Identical Options in Switch Statements (1m 57s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=5960" rel="noopener noreferrer">Replacing If Else Chains with Switch (1m 51s)</a></p> <h4> Objects </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6551" rel="noopener noreferrer">Build Objects (1m 35s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6646" rel="noopener noreferrer">Accessing Object Properties with Dot Notation (47s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6693" rel="noopener noreferrer">Accessing Object Properties with Bracket Notation (1m 14s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6767" rel="noopener noreferrer">Accessing Object Properties with Variables (47s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6814" rel="noopener noreferrer">Updating Object Properties (56s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6870" rel="noopener noreferrer">Add New Properties to Object (49s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6919" rel="noopener noreferrer">Delete Properties from Object (35s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=6954" rel="noopener noreferrer">Objects for Lookups (1m 49s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7063" rel="noopener noreferrer">Testing Objects for Properties (1m 32s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7155" rel="noopener noreferrer">Manipulating Complex Objects (1m 45s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7260" rel="noopener noreferrer">Nested Objects (53s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7313" rel="noopener noreferrer">Nested Arrays (1m 13s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7386" rel="noopener noreferrer">Record Collection (7m 9s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9892" rel="noopener noreferrer">Prevent Object Mutation (2m 25s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11443" rel="noopener noreferrer">Simple Fields (1m 41s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11544" rel="noopener noreferrer">Declarative Functions (32s)</a></p> <h4> Class </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11576" rel="noopener noreferrer">Use class Syntax to Define a Constructor Function (2m 15s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11711" rel="noopener noreferrer">getters and setters (5m 14s)</a></p> <h4> Loops </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7815" rel="noopener noreferrer">While Loops (1m 20s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=7895" rel="noopener noreferrer">For Loops (2m 21s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8036" rel="noopener noreferrer">Odd Numbers With a For Loop (1m 32s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8128" rel="noopener noreferrer">Count Backwards With a For Loop (1m 40s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8228" rel="noopener noreferrer">Iterate Through an Array with a For Loop (2m 35s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8383" rel="noopener noreferrer">Nesting For Loops (3m 2s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8565" rel="noopener noreferrer">Do...While Loops (1m 27s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8652" rel="noopener noreferrer">Profile Lookup (4m 6s)</a></p> <h4> Random </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8898" rel="noopener noreferrer">Random Fractions (36s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=8934" rel="noopener noreferrer">Random Whole Numbers (1m 27s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9021" rel="noopener noreferrer">Random Whole Numbers within a Range (1m 25s)</a></p> <h4> parseInt </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9106" rel="noopener noreferrer">parseInt Function (50s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9156" rel="noopener noreferrer">parseInt Function with a Radix (53s)</a></p> <h4> Ternary Operator </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9209" rel="noopener noreferrer">Ternary Operator (1m 28s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9297" rel="noopener noreferrer">Multiple Ternary Operators (2m 1s)</a></p> <h4> var vs let </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9417" rel="noopener noreferrer">var vs let (2m 5s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9542" rel="noopener noreferrer">var vs let scopes (2m 30s)</a></p> <h4> const </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9692" rel="noopener noreferrer">const Keyword (2m 8s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=9820" rel="noopener noreferrer">Mutate an Array Declared with const (1m 12s)</a></p> <h4> Arrow Functions </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10037" rel="noopener noreferrer">Arrow Functions (1m 6s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10103" rel="noopener noreferrer">Arrow Functions with Parameters (1m 4s)</a></p> <h4> Higher Order </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10167" rel="noopener noreferrer">Higher Order Arrow Functions (3m 37s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10384" rel="noopener noreferrer">Higher Order Default Parameters (56s)</a></p> <h4> Rest/Spread Operators </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10440" rel="noopener noreferrer">Rest Operator (1m 31s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10531" rel="noopener noreferrer">Spread Operator (1m 47s)</a></p> <h4> Destructuring Assignment </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10638" rel="noopener noreferrer">Destructuring Assignment: Objects (3m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10818" rel="noopener noreferrer">Destructuring Assignment: Nested Objects (1m 37s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=10915" rel="noopener noreferrer">Destructuring Assignment: Arrays (1m 45s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11020" rel="noopener noreferrer">Destructuring Assignment with Rest Operator to Reassign Array (1m 25s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=11105" rel="noopener noreferrer">Destructuring Assignment to Pass an Object (1m 34s)</a></p> <h4> import / export </h4> <p><a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=12025" rel="noopener noreferrer">import vs require (2m 8s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=12153" rel="noopener noreferrer">export (1m 7s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=12220" rel="noopener noreferrer">* to Import (1m 10s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=12290" rel="noopener noreferrer">export default (36s)</a><br> <a href="https://www.youtube.com/watch?v=PkZNo7MFNFg&t=12326" rel="noopener noreferrer">Import a Default Export (50s)</a></p> <h1> 2. JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour </h1> <p><a href="https://www.youtube.com/watch?v=W6NZfCO5SIk" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FW6NZfCO5SIk%2Fmaxresdefault.jpg"></a>4,688,241 views • 81,950 likes <br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=0" rel="noopener noreferrer">What is JavaScript (4m 41s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=281" rel="noopener noreferrer">Setting Up the Development Environment (3m 11s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=472" rel="noopener noreferrer">JavaScript in Browsers (3m 49s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=701" rel="noopener noreferrer">Separation of Concerns (2m 6s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=827" rel="noopener noreferrer">JavaScript in Node (2m 24s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=971" rel="noopener noreferrer">Variables (5m 38s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=1309" rel="noopener noreferrer">Constants (1m 46s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=1415" rel="noopener noreferrer">Primitive Types (3m 12s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=1607" rel="noopener noreferrer">Dynamic Typing (3m 19s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=1806" rel="noopener noreferrer">Objects (5m 16s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=2122" rel="noopener noreferrer">Arrays (4m 19s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=2381" rel="noopener noreferrer">Functions (4m 41s)</a><br> <a href="https://www.youtube.com/watch?v=W6NZfCO5SIk&t=2662" rel="noopener noreferrer">Types of Functions (3m 54s)</a></p> <h1> 3. Data Structures and Algorithms in JavaScript - Full Course for Beginners </h1> <p><a href="https://www.youtube.com/watch?v=t2CEgPsws3U" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2Ft2CEgPsws3U%2Fmaxresdefault.jpg"></a>534,045 views • 12,602 likes <br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=21" rel="noopener noreferrer">Stacks (8m 42s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=543" rel="noopener noreferrer">Sets (10m 21s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=1164" rel="noopener noreferrer">Queues & Priority Queues (6m 39s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=1563" rel="noopener noreferrer">Binary Search Tree (13m 31s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=2374" rel="noopener noreferrer">Binary Search Tree: Traversal & Height (13m 45s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=3199" rel="noopener noreferrer">Hash Tables (9m 45s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=3784" rel="noopener noreferrer">Linked List (11m 55s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=4499" rel="noopener noreferrer">Trie (12m 30s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=5249" rel="noopener noreferrer">Heap (max and min) (14m 38s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=6127" rel="noopener noreferrer">Graphs: adjacency list, adjacency matrix, incidence matrix (4m 38s)</a><br> <a href="https://www.youtube.com/watch?v=t2CEgPsws3U&t=6405" rel="noopener noreferrer">Graphs: breadth-first search (6m 9s)</a></p> <h1> 4. Redux Tutorial - Learn Redux from Scratch </h1> <p><a href="https://www.youtube.com/watch?v=poQXNp9ItL4" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FpoQXNp9ItL4%2Fmaxresdefault.jpg"></a>386,940 views • 10,528 likes <br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=0" rel="noopener noreferrer">Introduction (1m 2s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=62" rel="noopener noreferrer">What is Redux? (2m 18s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=200" rel="noopener noreferrer">Pros and Cons of Redux (5m 29s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=529" rel="noopener noreferrer">Is Redux for You? (2m 29s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=678" rel="noopener noreferrer">Setting Up the Development Environment (1m 49s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=787" rel="noopener noreferrer">Course Structure (2m 25s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=932" rel="noopener noreferrer">Function Programming (27s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=959" rel="noopener noreferrer">What is Functional Programming? (1m 26s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=1045" rel="noopener noreferrer">Functions as First-Class Citizens (3m 8s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=1233" rel="noopener noreferrer">Higher-order Functions (1m 33s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=1326" rel="noopener noreferrer">Functional Composition (3m 39s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=1545" rel="noopener noreferrer">Composing and Piping (2m 23s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=1688" rel="noopener noreferrer">Currying (6m 9s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=2057" rel="noopener noreferrer">Pure Functions (2m 51s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=2228" rel="noopener noreferrer">Immutability (4m 14s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=2482" rel="noopener noreferrer">Updating Objects (4m 34s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=2756" rel="noopener noreferrer">Updating Arrays (3m 55s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=2991" rel="noopener noreferrer">Enforcing Immutability (1m 5s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3056" rel="noopener noreferrer">Immutable.js (3m 40s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3276" rel="noopener noreferrer">Immer (2m 54s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3450" rel="noopener noreferrer">Redux Intro (25s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3475" rel="noopener noreferrer">Redux Architecture (5m 3s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3778" rel="noopener noreferrer">Your First Redux Application (1m 45s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3883" rel="noopener noreferrer">Designing the Store (1m 27s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=3970" rel="noopener noreferrer">Defining the Actions (3m 27s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=4177" rel="noopener noreferrer">Creating a Reducer (6m 13s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=4550" rel="noopener noreferrer">Creating the Store (1m 26s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=4636" rel="noopener noreferrer">Dispatching Actions (2m 46s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=4802" rel="noopener noreferrer">Subscribing to the Store (2m 8s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=4930" rel="noopener noreferrer">Action Types (3m 53s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=5163" rel="noopener noreferrer">Action Creators (2m 58s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=5341" rel="noopener noreferrer">Exercise (17s)</a><br> <a href="https://www.youtube.com/watch?v=poQXNp9ItL4&t=5358" rel="noopener noreferrer">Solution (5m 34s)</a></p> <h1> 5. JavaScript Higher Order Functions & Arrays </h1> <p><a href="https://www.youtube.com/watch?v=rRgD1yVwIvE" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FrRgD1yVwIvE%2Fmaxresdefault.jpg"></a>581,307 views • 18,493 likes <br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=0" rel="noopener noreferrer">Intro (3m 20s)</a><br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=200" rel="noopener noreferrer">ForEach() (2m 1s)</a><br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=321" rel="noopener noreferrer">Filter() (10m 19s)</a><br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=940.5" rel="noopener noreferrer">Map() (5m 24s)</a><br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=1265" rel="noopener noreferrer">Sort() (4m 45s)</a><br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=1550" rel="noopener noreferrer">Reduce() (5m 5s)</a><br> <a href="https://www.youtube.com/watch?v=rRgD1yVwIvE&t=1865" rel="noopener noreferrer">Extra (2m 35s)</a></p> <h1> 6. Object-oriented Programming in JavaScript: Made Super Simple | Mosh </h1> <p><a href="https://www.youtube.com/watch?v=PFmuCDHHpwk" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FPFmuCDHHpwk%2Fmaxresdefault.jpg"></a>946,391 views • 20,701 likes <br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=0" rel="noopener noreferrer">What is OOP? (1m 46s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=106" rel="noopener noreferrer">Four Pillars of OOP (7m 4s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=530" rel="noopener noreferrer">Setting Up the Development Environment (2m 17s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=667" rel="noopener noreferrer">Objects (46s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=713" rel="noopener noreferrer">Object Literals (3m 5s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=898" rel="noopener noreferrer">Factories (2m 52s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=1070" rel="noopener noreferrer">Constructors (5m 37s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=1407" rel="noopener noreferrer">Constructor Property (2m 26s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=1553" rel="noopener noreferrer">Functions are Objects (5m 16s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=1869" rel="noopener noreferrer">Value vs Reference Types (5m 51s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=2220" rel="noopener noreferrer">Adding or Removing Properties (3m 54s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=2454" rel="noopener noreferrer">Enumerating Properties (2m 51s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=2625" rel="noopener noreferrer">Abstraction (4m 3s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=2868" rel="noopener noreferrer">Private Properties and Methods (4m 7s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=3115" rel="noopener noreferrer">Getters and Setters (5m 37s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=3452" rel="noopener noreferrer">Exercise (2m 10s)</a><br> <a href="https://www.youtube.com/watch?v=PFmuCDHHpwk&t=3582" rel="noopener noreferrer">Solution (3m 6s)</a></p> <h1> 7. Learn JavaScript by Building 7 Games </h1> <p><a href="https://www.youtube.com/watch?v=lhNdUVh3qCc" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FlhNdUVh3qCc%2Fmaxresdefault.jpg"></a>380,987 views • 12,601 likes <br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=0" rel="noopener noreferrer">Intro (1m 55s)</a><br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=119" rel="noopener noreferrer">Memory Game - Level 1 (9m 40s)</a><br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=703" rel="noopener noreferrer">Whack-a-mole - level 1 (8m 4s)</a><br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=1192" rel="noopener noreferrer">Connect Four - level 1 (7m 45s)</a><br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=1663" rel="noopener noreferrer">Nokia 3310 Snake - level 2 (15m 27s)</a><br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=2596" rel="noopener noreferrer">Space Invaders - level 2 (36m 22s)</a><br> <a href="https://www.youtube.com/watch?v=lhNdUVh3qCc&t=4782" rel="noopener noreferrer">Tetris - level 3 (29m 27s)</a></p> <h1> 8. 10 JavaScript Projects in 10 Hours - Coding Challenge </h1> <p><a href="https://www.youtube.com/watch?v=dtKciwk_si4" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FdtKciwk_si4%2Fmaxresdefault.jpg"></a>744,203 views • 30,682 likes <br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=0" rel="noopener noreferrer">Intro (1m 12s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=72" rel="noopener noreferrer">Countdown Timer (31m 3s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=1935" rel="noopener noreferrer">Quiz App (51m 5s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=5000" rel="noopener noreferrer">Recipe App (1h 56m 37s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=11997" rel="noopener noreferrer">Notes App (50m 38s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=15035" rel="noopener noreferrer">ToDo App (35m 39s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=17174" rel="noopener noreferrer">Movies App (53m 41s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=20395" rel="noopener noreferrer">GitHub Profiles (53m 35s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=23610" rel="noopener noreferrer">Drawing App (46m 10s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=26380" rel="noopener noreferrer">Password Generator (50m 25s)</a><br> <a href="https://www.youtube.com/watch?v=dtKciwk_si4&t=29405" rel="noopener noreferrer">Weather App (1h 7m 3s)</a></p> <h1> 9. Build 15 JavaScript Projects - Vanilla JavaScript Course </h1> <p><a href="https://www.youtube.com/watch?v=3PHXvlpOkf4" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2F3PHXvlpOkf4%2Fmaxresdefault.jpg"></a>605,400 views • 19,254 likes <br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=0" rel="noopener noreferrer">Intro (7m 1s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=421" rel="noopener noreferrer">Color Flipper (23m 24s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=1825" rel="noopener noreferrer">Counter (13m 39s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=2644" rel="noopener noreferrer">Reviews (27m 25s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=4289" rel="noopener noreferrer">Navbar (14m 52s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=5181" rel="noopener noreferrer">Sidebar (12m 42s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=5943" rel="noopener noreferrer">Modal (9m 23s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=6506" rel="noopener noreferrer">Questions (27m 59s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=8185" rel="noopener noreferrer">Menu (59m 48s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=11773" rel="noopener noreferrer">Video (16m 32s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=12765" rel="noopener noreferrer">Scroll (1h 3m 30s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=16575" rel="noopener noreferrer">Tabs (22m 38s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=17933" rel="noopener noreferrer">Countdown (57m 42s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=21395" rel="noopener noreferrer">Lorem Ipsum (21m 48s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=22703" rel="noopener noreferrer">Grocery (1h 42m 51s)</a><br> <a href="https://www.youtube.com/watch?v=3PHXvlpOkf4&t=28874" rel="noopener noreferrer">Slider (22m 42s)</a></p> <h1> 10. 12HR+ YouTube Coding Bootcamp 2021! </h1> <p><a href="https://www.youtube.com/watch?v=Xm4BObh4MhI" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FXm4BObh4MhI%2Fmaxresdefault.jpg"></a>250,238 views • 12,223 likes </p> <h4> Introduction </h4> <p><a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=0" rel="noopener noreferrer">Introduction (3m 34s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=214" rel="noopener noreferrer">Code Editors (2m 31s)</a></p> <h4> HTML </h4> <p><a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=365" rel="noopener noreferrer">HTML Introduction (2m 17s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=502" rel="noopener noreferrer">HTML Boilerplate setup (2m 33s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=655" rel="noopener noreferrer">HTML Elements (6m 58s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=1073" rel="noopener noreferrer">Online Portfolio Project (2m 12s)</a></p> <h4> CSS </h4> <p><a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=1205" rel="noopener noreferrer">Check-in (57s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=1262" rel="noopener noreferrer">CSS Introduction (2m 35s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=1417" rel="noopener noreferrer">File set up (4m 5s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=1662" rel="noopener noreferrer">Class names and Id's (3m 6s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=1848" rel="noopener noreferrer">Pop Quiz (7m 4s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=2272" rel="noopener noreferrer">Box Model (2m 4s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=2396" rel="noopener noreferrer">Colours (4m 16s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=2652" rel="noopener noreferrer">Unordered and Ordered Lists (5m 21s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=2973" rel="noopener noreferrer">Images (4m 49s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=3262" rel="noopener noreferrer">Styling classes as id's (2m 45s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=3427" rel="noopener noreferrer">The Data property (1m 53s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=3540" rel="noopener noreferrer">Flexbox (2m 45s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=3705" rel="noopener noreferrer">Pop Quiz (1m 56s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=3821" rel="noopener noreferrer">Flexbox website layout (6m 2s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=4183" rel="noopener noreferrer">Commenting out Code (3m 54s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=4417" rel="noopener noreferrer">Gradients in CSS (2m 16s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=4553" rel="noopener noreferrer">Box Shadows in CSS (1m 25s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=4638" rel="noopener noreferrer">Button Styling in CSS (8m 33s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=5151" rel="noopener noreferrer">Fonts (3m 34s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=5365" rel="noopener noreferrer">Generic Website Layout (5m 3s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=5668" rel="noopener noreferrer">making a NavBar (12m 26s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=6414" rel="noopener noreferrer">Anchor Links (3m 23s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=6617" rel="noopener noreferrer">Creating Sections (23m 33s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=8030" rel="noopener noreferrer">Forms in CSS and HTML (13m 5s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=8815" rel="noopener noreferrer">Font Awesome (5m 17s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=9132" rel="noopener noreferrer">Break points (6m 23s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=9515" rel="noopener noreferrer">Z-index (10m 49s)</a></p> <h4> JavaScript </h4> <p><a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=10164" rel="noopener noreferrer">Check-in (1m 43s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=10267" rel="noopener noreferrer">Introduction to JavaScript (1m 5s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=10332" rel="noopener noreferrer">JavaScript file setup (6m 27s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=10719" rel="noopener noreferrer">Variables (17m 36s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=11775" rel="noopener noreferrer">Control Flow (25s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=11800" rel="noopener noreferrer">If Statements (9m 29s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=12369" rel="noopener noreferrer">Operators (29m 30s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=14139" rel="noopener noreferrer">Fizz Buzz Exercise (5m 20s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=14459" rel="noopener noreferrer">for loops (6m 59s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=14878" rel="noopener noreferrer">Arrays (6m 44s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=15282" rel="noopener noreferrer">Objects (10m 8s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=15890" rel="noopener noreferrer">Functions (13m 1s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=16671" rel="noopener noreferrer">A Progress Exercise (10m 29s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=17300" rel="noopener noreferrer">Arrow Functions (4m 1s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=17541" rel="noopener noreferrer">While loop (3m 2s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=17723" rel="noopener noreferrer">Built-in-Objects Introduction (39s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=17762" rel="noopener noreferrer">length() (5m 27s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=18089" rel="noopener noreferrer">concat() (5m 12s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=18401" rel="noopener noreferrer">join() (5m 25s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=18726" rel="noopener noreferrer">pop() (6m 40s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=19126" rel="noopener noreferrer">shift() (3m 27s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=19333" rel="noopener noreferrer">unshift() (3m 19s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=19532" rel="noopener noreferrer">push() (10m 19s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=20151" rel="noopener noreferrer">splice() (5m 56s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=20507" rel="noopener noreferrer">forEach() (8m 38s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=21025" rel="noopener noreferrer">some() (9m 24s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=21589" rel="noopener noreferrer">map() (7m 30s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=22039" rel="noopener noreferrer">filter() (9m 47s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=22626" rel="noopener noreferrer">reduce() (5m 21s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=22947" rel="noopener noreferrer">every() (5m 58s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=23305" rel="noopener noreferrer">split() (6m 1s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=23665" rel="noopener noreferrer">Array work - Exercises to practise (43m 41s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=26286" rel="noopener noreferrer">addEventListener() (8m 3s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=26769" rel="noopener noreferrer">removeEventListener() (7m 48s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=27237" rel="noopener noreferrer">querySelector() (6m 2s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=27599" rel="noopener noreferrer">Check-in and Project suggestion (52s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=27651" rel="noopener noreferrer">Math.random() (12m 17s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=28388" rel="noopener noreferrer">Let's make a Responsive Burger NavBar (17m 4s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=29412" rel="noopener noreferrer">Date (9m 17s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=29969" rel="noopener noreferrer">setTimeout() (9m 31s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=30540" rel="noopener noreferrer">setInterval() (15m 11s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=31451" rel="noopener noreferrer">Classes in JavaScript (8m 5s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=31936" rel="noopener noreferrer">Check-in and Project suggestion (42s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=31978" rel="noopener noreferrer">Keys (8m 48s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=32506" rel="noopener noreferrer">switch case (21m 5s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=33771" rel="noopener noreferrer">sort() (2m 1s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=33892" rel="noopener noreferrer">Introduction to Algorithms (24s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=33916" rel="noopener noreferrer">includes() (2m 18s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=34054" rel="noopener noreferrer">contains() (2m 18s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=34192" rel="noopener noreferrer">createElement() (8m 30s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=34702" rel="noopener noreferrer">Check-in and Project Introduction (48m 45s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=37627" rel="noopener noreferrer">Check-in and Project suggestions (1m 9s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=37696" rel="noopener noreferrer">Introduction to HTTP (8m 39s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=38215" rel="noopener noreferrer">fetch(). GET POST PUT DELETE (30m 29s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=40044" rel="noopener noreferrer">Check-in and video suggestion (29s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=40073" rel="noopener noreferrer">Storing Projects on GitHub (8m 5s)</a><br> <a href="https://www.youtube.com/watch?v=Xm4BObh4MhI&t=40558" rel="noopener noreferrer">Where to go next (5m 46s)</a></p> <h1> 11. JavaScript Pro Tips - Code This, NOT That </h1> <p><a href="https://www.youtube.com/watch?v=Mus_vwhTCq0" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FMus_vwhTCq0%2Fmaxresdefault.jpg"></a>1,681,238 views • 78,111 likes <br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=0" rel="noopener noreferrer">Intro (51s)</a><br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=51" rel="noopener noreferrer">Debugging with console.log (1m 48s)</a><br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=159" rel="noopener noreferrer">Destructuring (1m 20s)</a><br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=239" rel="noopener noreferrer">Template literals (2m 8s)</a><br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=367" rel="noopener noreferrer">Spread syntax (2m 12s)</a><br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=499" rel="noopener noreferrer">Loops (1m 59s)</a><br> <a href="https://www.youtube.com/watch?v=Mus_vwhTCq0&t=618" rel="noopener noreferrer">async/await (2m 18s)</a></p> <h1> 12. Async JS Crash Course - Callbacks, Promises, Async Await </h1> <p><a href="https://www.youtube.com/watch?v=PoRJizFvM7s" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FPoRJizFvM7s%2Fmaxresdefault.jpg"></a>771,965 views • 21,236 likes <br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=160" rel="noopener noreferrer">Pre-callback (6m 20s)</a><br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=555" rel="noopener noreferrer">Actual callback (1m 25s)</a><br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=665" rel="noopener noreferrer">Promise (3m 55s)</a><br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=925" rel="noopener noreferrer">Promise.all (3m 1s)</a><br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=1105" rel="noopener noreferrer">Fetch() (1m 35s)</a><br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=1230" rel="noopener noreferrer">Async/Await (1m 20s)</a><br> <a href="https://www.youtube.com/watch?v=PoRJizFvM7s&t=1310" rel="noopener noreferrer">Async with Fetch() (1m 40s)</a></p> <h1> 13. ES6 Tutorial: Learn Modern JavaScript in 1 Hour </h1> <p><a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FNCwa_xi0Uuc%2Fmaxresdefault.jpg"></a>433,798 views • 10,765 likes <br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=105" rel="noopener noreferrer">Let vs Var vs Const (3m 54s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=339" rel="noopener noreferrer">Objects (2m 47s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=506" rel="noopener noreferrer">The this Keyword (2m 51s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=677" rel="noopener noreferrer">Binding this (2m 38s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=835" rel="noopener noreferrer">Arrow Functions (4m 17s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=1092" rel="noopener noreferrer">Arrow Functions and this (4m 17s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=1349" rel="noopener noreferrer">Array.map Method (3m 37s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=1566" rel="noopener noreferrer">Object Destructuring (2m 31s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=1717" rel="noopener noreferrer">Spread Operator (4m 4s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=1961" rel="noopener noreferrer">Classes (3m 47s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=2188" rel="noopener noreferrer">Inheritance (4m 5s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=2433" rel="noopener noreferrer">Modules (4m 12s)</a><br> <a href="https://www.youtube.com/watch?v=NCwa_xi0Uuc&t=2685" rel="noopener noreferrer">Named and Default Exports (5m 19s)</a></p> <h1> 14. TypeScript Course for Beginners 2021 - Learn TypeScript from Scratch! </h1> <p><a href="https://www.youtube.com/watch?v=BwuLxPH8IDs" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2FBwuLxPH8IDs%2Fmaxresdefault.jpg"></a>742,660 views • 15,747 likes <br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=0" rel="noopener noreferrer">Getting Started (1m 57s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=117" rel="noopener noreferrer">What is TypeScript (4m 34s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=391" rel="noopener noreferrer">Installing & Using TypeScript (13m 22s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=1193" rel="noopener noreferrer">The Advantages of TypeScript (3m 6s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=1379" rel="noopener noreferrer">Course Outline (4m 17s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=1636" rel="noopener noreferrer">How to Get the Most out of This Course (3m 13s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=1829" rel="noopener noreferrer">Setting Up our Development Environment (3m 7s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=2016" rel="noopener noreferrer">The Course Project Setup (7m 20s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=2456" rel="noopener noreferrer">Module Introduction (27s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=2483" rel="noopener noreferrer">Using Types (10m 20s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=3103" rel="noopener noreferrer">TypeScript Types vs JavaScript Types (4m 54s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=3397" rel="noopener noreferrer">Numbers, Strings and Booleans (5m 43s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=3740" rel="noopener noreferrer">Type Assignment and Type Inference (5m 39s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=4079" rel="noopener noreferrer">Object Types (7m 32s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=4531" rel="noopener noreferrer">Array Types (5m 30s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=4861" rel="noopener noreferrer">Tuples (6m 20s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=5241" rel="noopener noreferrer">Enums (7m 5s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=5666" rel="noopener noreferrer">The Any Type (2m 4s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=5790" rel="noopener noreferrer">Union Types (6m 31s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=6181" rel="noopener noreferrer">Literal Types (7m 54s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=6655" rel="noopener noreferrer">Type Aliases (3m 1s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=6835" rel="noopener noreferrer">Function Return Types and Void (7m 26s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=7281" rel="noopener noreferrer">Function Types (5m 34s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=7615" rel="noopener noreferrer">Function Types and Callbacks (4m 23s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=7878" rel="noopener noreferrer">The Unknown Type (3m 44s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=8102" rel="noopener noreferrer">The Never Type (4m 10s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=8352" rel="noopener noreferrer">Wrap Up (1m 52s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=8464" rel="noopener noreferrer">Module Introduction (46s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=8510" rel="noopener noreferrer">Watch Node (2m 5s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=8635" rel="noopener noreferrer">Compiling the Entire Project (3m 47s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=8862" rel="noopener noreferrer">Include and Exclude Files (6m 13s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=9235" rel="noopener noreferrer">Setting a Compilation Target (4m 4s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=9479" rel="noopener noreferrer">Understanding TypeScript Libs (5m 32s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=9811" rel="noopener noreferrer">More Options (1m 41s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=9912" rel="noopener noreferrer">Source Maps (2m 1s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=10032" rel="noopener noreferrer">Rootdir and Outdir (5m 31s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=10363" rel="noopener noreferrer">noemit on Error (2m 52s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=10535" rel="noopener noreferrer">Strict Compilation Options (11m 4s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=11199" rel="noopener noreferrer">Code Quality Options (4m 23s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=11462" rel="noopener noreferrer">Debugging with Visual Studio Code (4m 20s)</a><br> <a href="https://www.youtube.com/watch?v=BwuLxPH8IDs&t=11722" rel="noopener noreferrer">Wrap Up (1m 17s)</a></p> <h1> 15. Asynchronous JavaScript & EVENT LOOP from scratch </h1> <p><a href="https://www.youtube.com/watch?v=8zKuNo4ay8E" rel="noopener noreferrer"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fimg.youtube.com%2Fvi%2F8zKuNo4ay8E%2Fmaxresdefault.jpg"></a>63,543 views • 4,993 likes <br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=0" rel="noopener noreferrer">Introduction (40s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=40" rel="noopener noreferrer">How JS Engine Executes the Code using Call Stack (2m 45s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=205" rel="noopener noreferrer">Main Job of the Call Stack (26s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=231" rel="noopener noreferrer">How does JavaScript perform async tasks (45s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=276" rel="noopener noreferrer">Behind the Scenes in Browser (2m 59s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=455" rel="noopener noreferrer">Web APIs in JS (4m 28s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=723" rel="noopener noreferrer">How setTimeout Works behind the scenes in Browsers (4m 6s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=969" rel="noopener noreferrer">Event Loop & CallBack Queue in JS (2m 50s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=1139" rel="noopener noreferrer">How Event Listeners Work in JS (4m 44s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=1423" rel="noopener noreferrer">More about Event Loop (1m 19s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=1502" rel="noopener noreferrer">Why do we need Event Loop (2m 27s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=1649" rel="noopener noreferrer">How fetch() function works (2m 57s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=1826" rel="noopener noreferrer">MicroTask Queue in JS (5m 35s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=2161" rel="noopener noreferrer">What are MicroTasks in JS? (2m 34s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=2315" rel="noopener noreferrer">Starvation of Functions in Callback Queue (1m 13s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=2388" rel="noopener noreferrer">Teaser of the Next Video (1m 5s)</a><br> <a href="https://www.youtube.com/watch?v=8zKuNo4ay8E&t=2453" rel="noopener noreferrer">Thank you for watching Namaste JavaScript (51s)</a></p> <h5> Source: <a href="https://kilteron.github.io/alex-braine/javascript" rel="noopener noreferrer">https://kilteron.github.io/alex-braine/javascript</a> </h5> javascript tutorial programming