Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Javascript
Course Kickoff
Intro (0:29)
Javascript Info (2:34)
Course Goals (1:43)
Course Structure (2:16)
Course Resources
Useful Info
Discord Server
Visual Studio Code and Google Chrome
Intro (1:00)
Install Google Chrome (3:10)
Install VS-Code (1:49)
VS-Code Overview (3:56)
Install Live-Preview (3:38)
Install Prettier (2:58)
Emmet (3:37)
My Setup (1:04)
Javascript Fundamentals
Intro (0:17)
Setup New Project (3:00)
Inline Javascript (3:15)
Internal Javascript (7:51)
External Javascript (10:01)
Cleanup Workspace (1:08)
Helper Methods (10:06)
Statements and Comments (9:31)
Variables (8:47)
Assign Variable Value Later (4:22)
Variable Naming Rules (6:04)
const, let , var (5:14)
Challenges Intro (1:13)
Variables Challenge (3:59)
Prettier Settings (3:21)
Quotation Marks (5:46)
String Concatenation (5:25)
String Concat Challenge (2:54)
Numbers Basics (8:21)
Numbers - Additional Features (8:24)
Numbers Challenge (7:10)
Implicit Type Conversion (12:00)
Data Types (8:13)
Arrays (11:14)
Arrays Challenge (2:58)
Functions - Declare, Invoke (6:27)
Functions - Parameters, Arguments (12:56)
Functions - Return (13:21)
Function Expression (7:43)
Functions Challenge (6:31)
Objects (8:23)
Objects Challenge (4:20)
Conditional Statements - Basics (5:57)
Conditional Statements Continued (7:02)
Equality (4:24)
Logical Operators (4:24)
Switch Statement (7:27)
Conditionals Challenge (4:33)
while Loops (5:56)
do while Loops (2:57)
for loop (4:03)
Javascript Tutorial Continued
Connecting the Dots (0:24)
String Properties and Methods (16:35)
Template Literals (6:10)
Strings Challenge (7:14)
Array Properties and Methods (11:51)
Exercise - Full Name (10:13)
Exercise - Calculate Total (14:40)
Value vs Reference (5:51)
Null and Undefined (2:16)
Truthy and Falsy (4:34)
Ternary Operator (4:16)
Global Scope (7:25)
Local Scope (7:02)
Variable Lookup (6:52)
Callback Functions, Higher Order Functions (15:07)
Array Iterators (2:22)
forEach (9:44)
map (10:43)
filter (3:55)
find (8:30)
reduce (9:49)
Array Challenge - Intro (1:00)
Array Challenge - Setup Data (3:43)
Array Challenge - Multiple Files (6:15)
Array Challenge - Map (4:49)
Array Challenge - Filter (3:30)
Array Challenge - Filter Alternative Syntax (4:09)
Array Challenge - Find (3:59)
Array Challenge - Reduce #1 (5:51)
Square Bracket Notation (3:22)
Array Challenge - Reduce #2 (6:05)
Math Object (8:33)
Date Object (9:18)
DOM
DOM - Intro (2:39)
DOM - General Concepts (8:40)
Window and Document Overview (4:15)
getElementById (6:51)
getElementsByTagName (8:21)
getElementsByClassName (1:57)
querySelector and querySelectorAll (7:29)
Navigate the DOM - Children (4:54)
Navigate the DOM - parentElement (3:06)
Navigate the DOM - nextSibling, previousSibling (4:28)
Navigate the DOM - nextElementSibling, previousElementSibling (1:15)
textContent and nodeValue (2:57)
getAttribute() and setAttribute() (8:09)
classList and className (9:28)
createElement, createTextNode, appendChild (8:09)
insertBefore (3:43)
replaceChild (2:23)
prepend, innerText (3:10)
remove, removeChild (4:52)
innerHTML, textContent (8:24)
Change CSS with Style Property (5:07)
Events Overview (1:53)
Click Event (7:24)
Function Reference (4:51)
Mouse Events (5:17)
Key Events (4:14)
Event Object (10:48)
currentTarget, target (7:33)
Event Propagation, Bubbling, Capturing (10:39)
Event Propagation Example (7:31)
Forms (5:48)
Local Storage (9:22)
Local Storage with Multiple Values (9:05)
setTimeout (9:36)
setInterval (3:22)
Events - "DOMContentLoaded" (6:07)
Events - "load" (6:10)
Events - "scroll" (2:48)
Width, Height, GetBoundingClientRect (7:09)
Events - "resize" (1:07)
DOM Projects
Intro (1:17)
Starter Project
Setup (4:11)
Color Flipper - HTML (4:10)
Color Flipper - JS (8:58)
Color Flipper - Hex (10:16)
Counter - HTML (2:25)
Counter - JS (11:14)
Reviews - HTML (4:45)
Reviews - JS (22:40)
Navbar - HTML (2:48)
Navbar General Concepts (4:08)
Navbar - JS (7:56)
Sidebar - HTML (3:44)
Sidebar Manual Setup (3:07)
Sidebar - JS (5:51)
Modal - HTML (3:39)
Modal - Challenge (2:42)
Modal - JS (3:02)
Questions - HTML (7:14)
Questions - General Concepts (2:54)
Questions - Traversing the DOM (7:32)
Questions - Using Selectors Inside the Element (10:20)
Menu - HTML (6:56)