JavaScript Programming - Full Course

JavaScript Programming - Full Course

freeCodeCamp.org via freeCodeCamp Direct link

Intro

1 of 151

1 of 151

Intro

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

JavaScript Programming - Full Course

Automatically move to the next video in the Classroom when playback concludes

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.