Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай JavaScript Web Projects: 20 Projects to Build Your Portfolio, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:09:11
    Course Outline
  • Урок 2. 00:04:30
    The Purpose Of JavaScript
  • Урок 3. 00:04:41
    OPTIONAL: MAC/LINUX Setup
  • Урок 4. 00:06:59
    OPTIONAL: WINDOWS Setup
  • Урок 5. 00:12:35
    Our Visual Studio Code Setup + Templates
  • Урок 6. 00:07:53
    Developer Tools + Github Pages
  • Урок 7. 00:02:02
    Quote Generator Project Overview
  • Урок 8. 00:05:00
    Setting Up Our Project
  • Урок 9. 00:14:28
    Styling and HTML Elements
  • Урок 10. 00:06:56
    Creating Beautiful Buttons
  • Урок 11. 00:08:10
    Fetching Data With JavaScript
  • Урок 12. 00:12:29
    Manipulating DOM With JavaScript
  • Урок 13. 00:05:09
    Creating A Loader With JavaScript
  • Урок 14. 00:07:39
    Code Review
  • Урок 15. 00:02:03
    Infinity Scroll Project Overview
  • Урок 16. 00:04:49
    Loader SVG
  • Урок 17. 00:11:20
    Centering Elements On The Page
  • Урок 18. 00:06:15
    Responsive Layout
  • Урок 19. 00:11:56
    Fetching Data
  • Урок 20. 00:14:07
    JavaScript To Display Data
  • Урок 21. 00:08:33
    Infinite Scroll With JavaScript
  • Урок 22. 00:11:38
    Infinite Scroll With JavaScript 2
  • Урок 23. 00:06:25
    Code Review
  • Урок 24. 00:08:31
    Picture In Picture Project Overview
  • Урок 25. 00:06:54
    Setting Up Our Project
  • Урок 26. 00:10:48
    Styling and HTML Elements
  • Урок 27. 00:11:42
    Adding Functionality With JavaScript
  • Урок 28. 00:07:33
    Code Review
  • Урок 29. 00:01:16
    Joke Teller Project Overview
  • Урок 30. 00:08:07
    Styling and HTML Elements
  • Урок 31. 00:09:11
    Responsive Layout and Styling
  • Урок 32. 00:13:05
    JavaScript In The Project
  • Урок 33. 00:15:04
    JavaScript In The Project 2
  • Урок 34. 00:07:20
    JavaScript In The Project 3
  • Урок 35. 00:09:18
    Finishing Up The Project
  • Урок 36. 00:08:20
    Code Review
  • Урок 37. 00:01:42
    Light Dark Mode Project Overview
  • Урок 38. 00:13:12
    HTML and CSS Setup
  • Урок 39. 00:13:32
    Content In Our Project
  • Урок 40. 00:11:39
    Toggle Theme With JavaScript
  • Урок 41. 00:12:13
    Toggle Theme With JavaScript 2
  • Урок 42. 00:07:05
    LocalStorage To Save User Data
  • Урок 43. 00:07:41
    Code Review
  • Урок 44. 00:01:02
    Animated Template Project Overview
  • Урок 45. 00:06:13
    Setting Up Our Template
  • Урок 46. 00:09:08
    Setting Up Our Content
  • Урок 47. 00:08:57
    JavaScript Inside of HTML
  • Урок 48. 00:14:58
    Animation On Scroll
  • Урок 49. 00:19:48
    Code Review
  • Урок 50. 00:01:23
    Navigation Nation Project Overview
  • Урок 51. 00:07:11
    Setting Up Our HTML and CSS
  • Урок 52. 00:13:04
    Navigation UI
  • Урок 53. 00:13:26
    Animating Menu With JavaScript
  • Урок 54. 00:10:42
    Animations CSS
  • Урок 55. 00:11:49
    Cleaning Up Our JavaScript
  • Урок 56. 00:04:41
    Code Review
  • Урок 57. 00:02:00
    Music Player Project Overview
  • Урок 58. 00:15:51
    Setting Up Our HTML and CSS
  • Урок 59. 00:08:18
    Coding Our Responsive UI
  • Урок 60. 00:08:58
    JavaScript To Play Audio
  • Урок 61. 00:14:19
    Music Player With JavaScript
  • Урок 62. 00:08:33
    Progress Bar
  • Урок 63. 00:10:16
    Progress Bar 2
  • Урок 64. 00:11:26
    Progress Bar 3
  • Урок 65. 00:07:25
    Code Review
  • Урок 66. 00:02:04
    Custom Countdown Project Overview
  • Урок 67. 00:09:59
    Video Background
  • Урок 68. 00:11:20
    Building Our UI Components
  • Урок 69. 00:10:34
    Building Our UI Components 2
  • Урок 70. 00:09:11
    JavaScript Dates
  • Урок 71. 00:07:00
    Form Values
  • Урок 72. 00:15:32
    Populate Countdown UI
  • Урок 73. 00:09:12
    setInterval And clearInterval
  • Урок 74. 00:06:10
    Finishing Up The UI
  • Урок 75. 00:10:18
    Caching With LocalStorage
  • Урок 76. 00:06:19
    Code Review
  • Урок 77. 00:01:45
    Book Keeper Project Overview
  • Урок 78. 00:08:43
    Building Our UI
  • Урок 79. 00:13:55
    Building Our UI 2
  • Урок 80. 00:16:37
    Building Our Modal
  • Урок 81. 00:10:21
    Modals With JavaScript
  • Урок 82. 00:15:03
    Form Validation
  • Урок 83. 00:11:41
    localStorage And Fetch
  • Урок 84. 00:11:38
    Building The Bookmarks
  • Урок 85. 00:07:20
    Deleting The Bookmarks
  • Урок 86. 00:05:34
    Code Review
  • Урок 87. 00:01:41
    Video Player Project Overview
  • Урок 88. 00:08:15
    Build UI - Player, Video, Mobile Responsive
  • Урок 89. 00:14:42
    Build UI - Controls HTML, Show Controls on Hover
  • Урок 90. 00:04:46
    Build UI - Progress Bar: Width, Hover
  • Урок 91. 00:04:24
    Build UI - Selection, Show CSS Variables
  • Урок 92. 00:13:04
    JS - Video Play/Pause
  • Урок 93. 00:06:46
    JS - Progress Bar (Dynamic Width)
  • Урок 94. 00:08:00
    JS - Populate Current Time / Duration
  • Урок 95. 00:07:37
    JS - Progress Bar (Seek)
  • Урок 96. 00:11:01
    JS - Volume (Slider)
  • Урок 97. 00:08:56
    JS - Volume (Mute/Unmute)
  • Урок 98. 00:04:57
    JS - Playback Seed
  • Урок 99. 00:07:13
    JS - Fullscreen
  • Урок 100. 00:06:23
    Code Review
  • Урок 101. 00:03:12
    Form Validator Project Overview
  • Урок 102. 00:12:56
    Build UI - HTML Forms, Input, Labels
  • Урок 103. 00:07:43
    Build UI - CSS (Body, Container), Google Fonts
  • Урок 104. 00:10:42
    Build UI - Form CSS
  • Урок 105. 00:13:45
    HTML Form Validation
  • Урок 106. 00:11:30
    JS - Validate Form
  • Урок 107. 00:14:13
    JS - Validate Passwords, Store Data
  • Урок 108. 00:06:54
    Code Review
  • Урок 109. 00:02:30
    Spock Rock Project Overview
  • Урок 110. 00:09:34
    Build UI - Player Containers, FontAwesome
  • Урок 111. 00:15:22
    Build UI - CSS, Google Fonts
  • Урок 112. 00:13:36
    JS - Setup, Player Selection
  • Урок 113. 00:09:49
    JS - Computer Selection
  • Урок 114. 00:12:38
    JS - Check Results
  • Урок 115. 00:05:19
    JS - Reset All
  • Урок 116. 00:09:43
    JS - Confetti Functionality
  • Урок 117. 00:12:06
    JS - Module Refactoring
  • Урок 118. 00:13:17
    Code Review
  • Урок 119. 00:02:12
    NASA APOD Project Overview
  • Урок 120. 00:07:53
    Asset - Custom Loading Animation
  • Урок 121. 00:11:49
    Build UI - Navigation
  • Урок 122. 00:13:47
    Build UI - Card with Image
  • Урок 123. 00:10:03
    JS - NASA API Documentation/Fetch
  • Урок 124. 00:21:12
    JS - Create DOM Elements
  • Урок 125. 00:15:45
    JS - Save Favourites
  • Урок 126. 00:10:08
    JS - Favorites DOM Elements
  • Урок 127. 00:07:08
    JS - Delete Favorites
  • Урок 128. 00:12:23
    JS - Navigation, Loader
  • Урок 129. 00:07:44
    Code Review
  • Урок 130. 00:06:19
    Optional: Declarative vs Imperative
  • Урок 131. 00:02:20
    Math Sprint Game Project Overview (
  • Урок 132. 00:12:51
    Build UI - Splash Page, Countdown
  • Урок 133. 00:08:34
    Build UI - Game Page, Score Page
  • Урок 134. 00:15:42
    JS - Radio Selection & Functionality
  • Урок 135. 00:06:36
    JS - Countdown Page
  • Урок 136. 00:13:29
    JS - Generate Random Equations
  • Урок 137. 00:07:50
    JS - Equations to DOM
  • Урок 138. 00:08:06
    JS - Automatic Scrolling & Player Input
  • Урок 139. 00:16:41
    JS - Check Score with Timing Events
  • Урок 140. 00:13:28
    JS - Score Page
  • Урок 141. 00:18:26
    JS - Best Scores in Local Storage
  • Урок 142. 00:12:20
    Code Review
  • Урок 143. 00:02:14
    Drag n' Drop Project Overview
  • Урок 144. 00:12:54
    Build UI - Flexbox, Custom Scrollbar
  • Урок 145. 00:09:41
    JS - localStorage
  • Урок 146. 00:09:02
    JS - Update DOM
  • Урок 147. 00:16:38
    JS - Drag and Drop API
  • Урок 148. 00:10:01
    JS - Rebuild Arrays
  • Урок 149. 00:13:08
    JS - Add Item
  • Урок 150. 00:16:55
    JS - Delete Item
  • Урок 151. 00:07:30
    JS - Update Item
  • Урок 152. 00:09:10
    Code Review
  • Урок 153. 00:01:29
    Calculator Project Overview
  • Урок 154. 00:08:13
    Build UI - Calculator, Display, Buttons
  • Урок 155. 00:11:45
    Build UI - Display CSS
  • Урок 156. 00:05:55
    Build UI - CSS Grid
  • Урок 157. 00:09:29
    Build UI - Button CSS
  • Урок 158. 00:12:48
    JS - Adding Event Listeners
  • Урок 159. 00:05:53
    JS - Reset Value, Add Decimal
  • Урок 160. 00:12:07
    JS - Operator Functionality
  • Урок 161. 00:12:19
    JS - Calculation
  • Урок 162. 00:04:50
    Code Review
  • Урок 163. 00:01:22
    Splash Page Project Overview
  • Урок 164. 00:12:58
    Initial Setup - Figma
  • Урок 165. 00:09:25
    Build UI - Adding Image Assets
  • Урок 166. 00:09:18
    Build UI - Styling Image Assets
  • Урок 167. 00:09:34
    Build UI - Adding Custom Backgrounds
  • Урок 168. 00:11:39
    JS - Background Controls
  • Урок 169. 00:08:28
    Code Review
  • Урок 170. 00:02:43
    Paint Clone Project Overview
  • Урок 171. 00:09:50
    Build UI - Custom Slider, JSColor, Mobile Message
  • Урок 172. 00:12:22
    JS - Canvas Setup
  • Урок 173. 00:14:09
    JS - Color/Range Inputs
  • Урок 174. 00:11:30
    JS - Drawing on Canvas
  • Урок 175. 00:06:39
    JS - Store Drawing Data
  • Урок 176. 00:12:03
    JS - localStorage & Downloading an Image
  • Урок 177. 00:02:04
    Pong Project Overview
  • Урок 178. 00:15:51
    JS - Create Canvas
  • Урок 179. 00:17:45
    JS - RequestAnimationFrame
  • Урок 180. 00:13:15
    JS - Game Over
  • Урок 181. 00:10:51
    JavaScript And Beyond
  • Урок 182. 00:05:29
    JavaScript Engine
  • Урок 183. 00:00:57
    Exercise: Javascript Engine
  • Урок 184. 00:04:06
    Inside the Engine
  • Урок 185. 00:02:34
    Exercise: JS Engine For All
  • Урок 186. 00:06:22
    Interpreters and Compilers
  • Урок 187. 00:08:57
    Inside the V8 Engine
  • Урок 188. 00:04:16
    Comparing Other Languages
  • Урок 189. 00:08:54
    Writing Optimized Code
  • Урок 190. 00:03:16
    WebAssembly
  • Урок 191. 00:14:38
    Call Stack and Memory Heap
  • Урок 192. 00:03:22
    Stack Overflow
  • Урок 193. 00:04:31
    Garbage Collection
  • Урок 194. 00:06:35
    Memory Leaks
  • Урок 195. 00:01:59
    Single Threaded
  • Урок 196. 00:02:41
    Exercise: Issue With Single Thread
  • Урок 197. 00:14:08
    Javascript Runtime
  • Урок 198. 00:06:28
    Node.js
  • Урок 199. 00:17:41
    Git + Github Part 1
  • Урок 200. 00:16:53
    Git + Github Part 2
  • Урок 201. 00:09:40
    Setting Up Github
  • Урок 202. 00:14:45
    Contributing To Open Source
  • Урок 203. 00:09:43
    Contributing To Open Source 2
  • Урок 204. 00:15:11
    Create A Portfolio
  • Урок 205. 00:10:47
    Solving CORS Issues With Heroku Server