Lesson 1 of 1
JavaScript Programming - Full Course
Lessons1 lesson
Chapters
- 0:00Intro
- 3:41Passenger counter app
- 4:39Setting up file
- 7:42Create variable
- 12:27Mathematical operations
- 16:16Reassigning & incrementing
- 19:23Adding button
- 21:41onclick event listener
- 25:10Using functions to write less code
- 28:48First function
- 29:34Function that logs sum
- 32:25Function that increments
- 34:23Increment on clicks
- 36:35Display count
- 41:53Document Object Model
- 43:47Display count w/ innerText
- 44:30Create save button
- 46:40What is string?
- 48:16First string variable
- 52:00Log greeting to console
- 53:18Strings vs. Numbers
- 1:31:27Build Blackjack game
- 1:32:27Add firstCard, secondCard, & sum
- 1:33:23If...else conditionals
- 1:39:08if...else statement
- 1:42:05if/else...if/else statement
- 1:45:28if...else statement for our game
- 1:47:32hasBlackJack variable
- 1:49:38isAlive variable
- 1:51:27Practice boolean conditions
- 1:54:55Add message variable
- 1:58:20Link stylesheet
- 2:00:56Add basic styling
- 2:05:19Make start button work
- 2:11:13Display message
- 2:13:48Display sum
- 2:19:36Display cards
- 2:21:34New card button
- 2:25:16Add to sum when newCard is clicked
- 2:28:36Rename startGame function
- 2:30:52Solving our cards problem w/ array
- 2:34:12Arrays intro
- 2:39:30Array indexes
- 2:43:50Arrays w/ multiple data types
- 2:46:12Adding & removing items from arrays
- 2:50:35Creating cards array
- 2:51:43Push new card to array
- 2:53:05Counting
- 2:57:10Loops
- 3:00:37For loops & arrays
- 3:04:23First array-based for loop
- 3:05:55For loops, arrays, & DOM
- 3:08:55Use loop to render cards
- 3:11:16Avoid hard-coding values
- 3:12:51Returning values
- 3:17:54Use function to set card values
- 3:21:05Generating random numbers w/ Math.random()
- 3:25:24Math.random() * 6
- 3:27:11Flooring number w/ Math.floor()
- 3:28:40Create dice
- 3:30:23Completing dice function
- 3:33:04Make getRandomCard() work
- 3:36:00getRandomNumber function
- 3:39:06Assign values in startGame function
- 3:41:52Card feature is broken
- 3:42:54Logical AND operator
- 3:46:39Logical operators
- 3:48:47logical OR operator
- 3:51:52Only trigger newCard() if you're allowed to
- 4:33:54Build Chrome Extension
- 4:38:30Add button & input tag
- 4:40:06Style button & input tag
- 4:47:28Make input button work w/ onclick
- 4:48:49Refactor to addEventListener
- 4:51:11addEventListener()
- 4:52:58Refactoring
- 4:54:25Create myLeads array & inputEl
- 4:56:49Using let & const
- 5:00:11Push to myLeads array
- 5:01:24Push value from input field
- 5:03:56Use for loop to log out leads
- 5:05:38Create unordered list
- 5:07:39Render leads in unordered list
- 5:11:22How to render li elements w/ innerHTML
- 5:13:01innerHTML
- 5:14:34More innerHTML practice
- 5:16:26Render li elements w/ innerHTML
- 5:17:37Use createElement() & append() instead of innerHTML
- 5:21:16Improving performance of our app
- 5:24:37Create render function
- 5:26:40Clear input field
- 5:28:47Add a tag
- 5:35:53Template strings
- 5:35:54Write template string
- 5:36:28Make template string more dynamic
- 5:37:12Template strings on multiple lines
- 5:41:03Refactor app to use template string
- 5:42:19Style list
- 5:46:13Preparing deployment