Completed
Avoid hard-coding values
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
JavaScript Programming - Full Course
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 Passenger counter app
- 3 Setting up file
- 4 Create variable
- 5 Mathematical operations
- 6 Reassigning & incrementing
- 7 Adding button
- 8 onclick event listener
- 9 Using functions to write less code
- 10 First function
- 11 Function that logs sum
- 12 Function that increments
- 13 Increment on clicks
- 14 Display count
- 15 Document Object Model
- 16 Display count w/ innerText
- 17 Create save button
- 18 What is string?
- 19 First string variable
- 20 Log greeting to console
- 21 Strings vs. Numbers
- 22 Render welcome message
- 23 Improve message w/ string concatenation
- 24 Use plus equal for count
- 25 Create save feature
- 26 Debugging online
- 27 Set count to 0
- 28 Recap
- 29 Variables practice
- 30 Concatenate strings
- 31 Incrementing & decrementing
- 32 Strings & numbers
- 33 Rendering error message
- 34 Calculator challenge
- 35 Build Blackjack game
- 36 Add firstCard, secondCard, & sum
- 37 If...else conditionals
- 38 if...else statement
- 39 if/else...if/else statement
- 40 if...else statement for our game
- 41 hasBlackJack variable
- 42 isAlive variable
- 43 Practice boolean conditions
- 44 Add message variable
- 45 Link stylesheet
- 46 Add basic styling
- 47 Make start button work
- 48 Display message
- 49 Display sum
- 50 Display cards
- 51 New card button
- 52 Add to sum when newCard is clicked
- 53 Rename startGame function
- 54 Solving our cards problem w/ array
- 55 Arrays intro
- 56 Array indexes
- 57 Arrays w/ multiple data types
- 58 Adding & removing items from arrays
- 59 Creating cards array
- 60 Push new card to array
- 61 Counting
- 62 Loops
- 63 For loops & arrays
- 64 First array-based for loop
- 65 For loops, arrays, & DOM
- 66 Use loop to render cards
- 67 Avoid hard-coding values
- 68 Returning values
- 69 Use function to set card values
- 70 Generating random numbers w/ Math.random()
- 71 Math.random() * 6
- 72 Flooring number w/ Math.floor()
- 73 Create dice
- 74 Completing dice function
- 75 Make getRandomCard() work
- 76 getRandomNumber function
- 77 Assign values in startGame function
- 78 Card feature is broken
- 79 Logical AND operator
- 80 Logical operators
- 81 logical OR operator
- 82 Only trigger newCard() if you're allowed to
- 83 Object sneak peek
- 84 Objects
- 85 Create first object
- 86 Store player data
- 87 Methods on object
- 88 Recap
- 89 Objects & functions
- 90 if else
- 91 Loops & arrays
- 92 push, pop, unshift, shift challenge
- 93 Logical operators
- 94 Rock papers scissors
- 95 Sorting fruits
- 96 Build Chrome Extension
- 97 Add button & input tag
- 98 Style button & input tag
- 99 Make input button work w/ onclick
- 100 Refactor to addEventListener
- 101 addEventListener()
- 102 Refactoring
- 103 Create myLeads array & inputEl
- 104 Using let & const
- 105 Push to myLeads array
- 106 Push value from input field
- 107 Use for loop to log out leads
- 108 Create unordered list
- 109 Render leads in unordered list
- 110 How to render li elements w/ innerHTML
- 111 innerHTML
- 112 More innerHTML practice
- 113 Render li elements w/ innerHTML
- 114 Use createElement() & append() instead of innerHTML
- 115 Improving performance of our app
- 116 Create render function
- 117 Clear input field
- 118 Add a tag
- 119 Template strings
- 120 Write template string
- 121 Make template string more dynamic
- 122 Template strings on multiple lines
- 123 Refactor app to use template string
- 124 Style list
- 125 Preparing deployment
- 126 Deploying Chrome Extension
- 127 What is localStorage?
- 128 First localStorage
- 129 Storing arrays in localStorage
- 130 Save leads
- 131 Get leads
- 132 Truthy & falsy values
- 133 Guess expression: truthy or falsy?
- 134 Checking localStorage before rendering
- 135 Style delete button
- 136 Make delete button work
- 137 How function parameters can improve our code
- 138 Write function parameter
- 139 Functions w/ multiple params
- 140 Numbers as function params
- 141 Arguments vs Params
- 142 Arrays as params
- 143 Refactor renderLeads() to use parameter
- 144 Create tabBtn
- 145 Save tab url
- 146 Get current tab
- 147 Use Chrome API to get tab
- 148 Deploy final version
- 149 Recap
- 150 Practice
- 151 Outro
