Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn JavaScript
Section 1: Getting Started
Welcome to One Month JavaScript! (1:57)
Oh, The Projects You'll Make! (3:31)
What is JavaScript? (7:44)
The Goal of This Course (4:29)
Setting up Your Development Environment
Section 2: Week 1: JavaScript Basics
The 10 Concepts That are The Same In Every Programming Language (5:18)
JavaScript Events (3:10)
Comments in JavaScript (3:11)
Print (2:04)
Variables (5:03)
Concatenation (3:16)
Datatypes (3:33)
Functions (8:02)
Conditionals (4:41)
New Lecture
Arrays (2:13)
JavaScript Debugging (4:42)
Steal this code: Happy Hour App (1:48)
Your Assignment! (2:31)
Section 3: Week 2: DOM Manipulation
Goals for Week 2 (2:15)
What is the DOM? Just watch along! (4:43)
querySelector() (9:17)
addEventListener() (5:23)
querySelector() Can Grab Classes Too! (1:36)
getElementById() and getElementsByClassName() (5:07)
Create a Function Called Sum That Adds Two Numbers (8:09)
Create a Function Called howManyLetters (4:46)
For Loops in JavaScript (4:08)
Using setTimeout() to Animate (9:10)
Collect Underpants (2:22)
Building a GIF Search Engine! (9:43)
Understanding Scope (12:54)
Which keys is the user pressing? Let's listen in. (11:11)
Giphy API & AJAX (14:45)
JSON.parse() (14:20)
forEach() Loops Through Our GIFs (9:25)
Homework for Week 2! (3:34)
Section 4: Week 3: SoundCloud Application Project
The SoundCloud API project! (2:27)
Wireframe the Soundcloud Player (6:25)
Connecting to the SoundCloud API — PLEASE READ LECTURE NOTES (13:27)
Anonymous Functions with Nyan Cat (5:48)
Let's Create an Object (6:00)
Why Are We Using Objects? (5:41)
Wrap Our SoundCloud Code in an Object (7:42)
Tea Break (8:50)
Dynamically Generate Our HTML Cards with JavaScript (7:25)
Loop Through Our Tracks with forEach (11:37)
Finish the Card and Play Music! (6:59)
Add a Click Event to Our Button (8:56)
How to Get Data from localStorage (5:56)
Homework for Week 3 (2:41)
Section 5: Week 4: Data Visualization with JavaScript
Information Visualization with JavaScript (4:29)
Push, Pop, Shift and Reverse Arrays (9:20)
The Map Method (14:47)
Google Charts Tutorial (9:20)
Tabletop.js Intro (4:18)
Installing Tabletop.js (9:31)
Display Data from Google Spreadsheet on Website using Tabletop (11:13)
Section 6: Bonus
Sublime Text Editor (1:55)
Party Tip: HTML (10:44)
Party Tip: CSS (4:43)
Party Tip: JavaScript (2:50)
Party Tip: Images (11:08)
Juli's Giphy Search Engine Reviewed (8:43)
How to Get a Website Live on Github Pages (14:00)
Happy Hour Explained (11:51)
Download Completed Projects
Download Completed Projects
Dynamically Generate Our HTML Cards with JavaScript
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock