JavaScript Programming - Full Course

Lezioni1 lezione

• ✓1JavaScript Programming - Full Course

Pagina del corso

Capitoli

• 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