Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Modern JavaScript The Complete Course - Build +15 Projects, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:11:25
    Overview of the Projects
  • Урок 2. 00:02:37
    Course Structure
  • Урок 3. 00:03:58
    JavaScript Ecosystem
  • Урок 4. 00:07:02
    The Development Environment & Tools needed to complete this course
  • Урок 5. 00:05:28
    Your first JavaScript program
  • Урок 6. 00:01:00
    The Code Snippets in This Course
  • Урок 7. 00:07:58
    Google Chrome Console
  • Урок 8. 00:09:26
    Variables with var
  • Урок 9. 00:04:20
    Variables with let
  • Урок 10. 00:02:35
    Variables with const
  • Урок 11. 00:09:10
    Data Types in JavaScript
  • Урок 12. 00:08:09
    Strings in JavaScript
  • Урок 13. 00:05:26
    String Methods Part 1
  • Урок 14. 00:07:16
    String Methods Part 2
  • Урок 15. 00:06:36
    Numbers and the Methods available for Number part 1
  • Урок 16. 00:06:11
    Numbers and the Methods available for Number part 2
  • Урок 17. 00:06:22
    Comparison Operators
  • Урок 18. 00:04:46
    Converting Strings into Numbers Part 1
  • Урок 19. 00:05:46
    Converting Strings into Numbers Part 2
  • Урок 20. 00:05:31
    Converting Numbers into Strings
  • Урок 21. 00:07:34
    Template Strings in JavaScript
  • Урок 22. 00:05:10
    Arrays and How to create Arrays in JavaScript
  • Урок 23. 00:04:09
    Useful Methods when working with Arrays
  • Урок 24. 00:03:03
    Remove Elements from an Array
  • Урок 25. 00:05:13
    Sorting Arrays and Other Methods
  • Урок 26. 00:10:04
    JavaScript Objects
  • Урок 27. 00:04:20
    Const Variables with Arrays & Objects
  • Урок 28. 00:08:06
    JavaScript Functions - Function Declaration
  • Урок 29. 00:02:15
    JavaScript Functions - Function Expression Part 1
  • Урок 30. 00:05:53
    JavaScript Functions - Function Expression with Property methods
  • Урок 31. 00:06:17
    Dates in JavaScript
  • Урок 32. 00:05:35
    Comparison - If, else if & else part 1
  • Урок 33. 00:05:26
    Comparison - If, else if & else part 2
  • Урок 34. 00:05:28
    Comparison - If, else if & else part 3
  • Урок 35. 00:06:02
    One last example with the if operator
  • Урок 36. 00:06:29
    The Switch Statement
  • Урок 37. 00:05:28
    For Loops in JavaScript
  • Урок 38. 00:05:14
    For Loops in JavaScript: Looping an Array
  • Урок 39. 00:06:02
    While & Do While Loops
  • Урок 40. 00:04:59
    for, forEach & Maps
  • Урок 41. 00:02:30
    Looping Objects in JavaScript
  • Урок 42. 00:04:15
    Try - Catch - Finally in JavaScript
  • Урок 43. 00:05:28
    The WIndow Object - Part 1
  • Урок 44. 00:04:41
    The WIndow Object - Part 2
  • Урок 45. 00:07:06
    Variable Scope
  • Урок 46. 00:03:58
    What's the DOM?
  • Урок 47. 00:06:28
    The document keyword - Part 1
  • Урок 48. 00:06:25
    The document keyword - Part 2
  • Урок 49. 00:07:14
    JavaScript functions to select one element - Part 1
  • Урок 50. 00:07:02
    JavaScript functions to select one element - Part 2
  • Урок 51. 00:06:44
    JavaScript functions to Select Multiple Elements - Part 1
  • Урок 52. 00:07:56
    JavaScript functions to Select Multiple Elements - Part 2
  • Урок 53. 00:05:54
    Traversing the DOM - From Parent to Children - Part 1
  • Урок 54. 00:03:23
    Traversing the DOM - From Parent to Children - Part 2
  • Урок 55. 00:05:14
    Traversing the DOM - From Children to Parent & Siblings- Part 1
  • Урок 56. 00:02:42
    Traversing the DOM - From Children to Parent & Siblings - Part 2
  • Урок 57. 00:06:27
    Creating HTML Elements with JavaScript
  • Урок 58. 00:04:27
    Replace Elements with JavaScript
  • Урок 59. 00:04:20
    Remove Elements with JavaScript
  • Урок 60. 00:02:24
    Classes, Id's and other attributes - Part 1
  • Урок 61. 00:04:11
    Classes, Id's and other attributes - Part 2
  • Урок 62. 00:05:10
    Introduction to Event Listeners
  • Урок 63. 00:04:02
    Passing Event as parameter and the target
  • Урок 64. 00:03:53
    Mouse Events - Part 1
  • Урок 65. 00:03:28
    Mouse Events - Part 2
  • Урок 66. 00:05:19
    Input & Form Events - Part 1
  • Урок 67. 00:05:50
    Input & Form Events - Part 2
  • Урок 68. 00:06:16
    What's the Event Bubbling
  • Урок 69. 00:08:47
    Delegation
  • Урок 70. 00:04:59
    Add items into local storage
  • Урок 71. 00:07:13
    Add Multiple Items into local storage
  • Урок 72. 00:02:00
    Preview of the final project
  • Урок 73. 00:03:58
    First Steps with the Project
  • Урок 74. 00:06:12
    Adding new elements into the DOM
  • Урок 75. 00:04:09
    Removing elements from the DOM
  • Урок 76. 00:07:34
    Adding Elements into Local Storage
  • Урок 77. 00:03:42
    Printing Elements from Storage on Load
  • Урок 78. 00:06:02
    Removing Elements from the Storage - Part 1
  • Урок 79. 00:06:02
    Removing Elements from the Storage - Part 2
  • Урок 80. 00:02:14
    Preview of the final project
  • Урок 81. 00:06:43
    First Steps with the Project
  • Урок 82. 00:04:49
    Adding Courses into the Shopping Cart - Part 1
  • Урок 83. 00:04:16
    Adding Courses into the Shopping Cart - Part 2
  • Урок 84. 00:05:33
    Removing Courses from the cart and clear the cart
  • Урок 85. 00:04:45
    Saving Courses Into Storage
  • Урок 86. 00:03:07
    Print from Storage on Load
  • Урок 87. 00:01:16
    Clearing from Storage
  • Урок 88. 00:07:11
    Remove from Storage
  • Урок 89. 00:02:19
    Preview of the final project
  • Урок 90. 00:03:56
    Kicking off the Project
  • Урок 91. 00:03:09
    Validating Fields - Part 1
  • Урок 92. 00:06:28
    Validating Fields - Part 2
  • Урок 93. 00:06:18
    Allowing the user to send the email if all the fields are filled
  • Урок 94. 00:04:20
    Displaying a Gif when email is sent
  • Урок 95. 00:04:18
    Displaying a Second Gif when Email is sent and restart form
  • Урок 96. 00:02:58
    Object Literals
  • Урок 97. 00:04:50
    Object Constructor
  • Урок 98. 00:03:29
    Constructors for Data Types - Part 1
  • Урок 99. 00:02:47
    Constructors for Data Types - Part 2
  • Урок 100. 00:06:06
    Prototypes - Part 1
  • Урок 101. 00:05:15
    Prototypes - Part 2
  • Урок 102. 00:07:35
    Inheriting Constructors & Prototypes
  • Урок 103. 00:06:03
    The Object Create Method
  • Урок 104. 00:07:09
    Creating a Class
  • Урок 105. 00:08:03
    Inheriting a Class and it's methods
  • Урок 106. 00:02:59
    Preview of the final project
  • Урок 107. 00:10:00
    Kicking off the Project
  • Урок 108. 00:07:45
    Reading Values from the Form
  • Урок 109. 00:04:52
    Printing a message when no values are added into the form
  • Урок 110. 00:14:30
    Calculating the Insurance
  • Урок 111. 00:05:37
    Finishing the Calculate Insurance Function
  • Урок 112. 00:02:47
    Printing the Result
  • Урок 113. 00:04:25
    Displaying a Summary
  • Урок 114. 00:03:45
    Finishing this Example
  • Урок 115. 00:05:26
    From Prototypes to ES6 Classes
  • Урок 116. 00:03:06
    Preview of the final project
  • Урок 117. 00:06:56
    Kicking off the Project
  • Урок 118. 00:08:03
    Getting User Budget and Creating the Classes
  • Урок 119. 00:07:35
    Validating the Expenses
  • Урок 120. 00:05:34
    Adding Expenses into the List
  • Урок 121. 00:12:40
    Working with the Remaining Budget
  • Урок 122. 00:08:04
    First Ajax Example
  • Урок 123. 00:09:31
    AJAX & JSON - Part 1
  • Урок 124. 00:05:42
    AJAX & JSON - Part 2
  • Урок 125. 00:03:54
    API's, REST API's & Request
  • Урок 126. 00:07:12
    AJAX, JSON & REST API's
  • Урок 127. 00:02:26
    Preview of the final project
  • Урок 128. 00:08:03
    Kicking off the Project
  • Урок 129. 00:02:42
    Reading All The Fields from the form
  • Урок 130. 00:02:26
    Making the Ajax Request
  • Урок 131. 00:04:09
    Printing the Results
  • Урок 132. 00:02:56
    Asynchronous JavaScript
  • Урок 133. 00:09:18
    Callbacks
  • Урок 134. 00:05:08
    Promises
  • Урок 135. 00:06:13
    Fetch API - Loading Text from a File
  • Урок 136. 00:04:49
    Fetch API - Load Content from a JSON
  • Урок 137. 00:04:30
    FETCH API - Load Content from a REST API
  • Урок 138. 00:04:26
    Converting the Name Generator Project from AJAX into Fetch API
  • Урок 139. 00:08:23
    Arrow Functions
  • Урок 140. 00:05:37
    Arrow Functions and Fetch API
  • Урок 141. 00:03:07
    Adding Arrow Functions into the Name Generator Project
  • Урок 142. 00:07:05
    First Example with Async Await
  • Урок 143. 00:04:14
    Async Await example from a REST API
  • Урок 144. 00:06:05
    Adding Async Await into the Name Generator Project
  • Урок 145. 00:03:19
    Preview of the final project
  • Урок 146. 00:02:50
    Starting the project
  • Урок 147. 00:11:10
    Querying the Rest APIS
  • Урок 148. 00:03:41
    Reading Values from the Form
  • Урок 149. 00:04:18
    Display an alert when form is empty
  • Урок 150. 00:05:25
    Querying the Rest API
  • Урок 151. 00:09:25
    Printing the Results
  • Урок 152. 00:06:49
    Finishing the Project
  • Урок 153. 00:02:43
    Preview of the final project
  • Урок 154. 00:04:53
    Creating the EventBrite App
  • Урок 155. 00:08:04
    Querying the Rest API to return the Categories
  • Урок 156. 00:04:49
    Printing the Categories into the Select
  • Урок 157. 00:07:40
    Reading the form content
  • Урок 158. 00:09:17
    Querying the REST API to get all the Events
  • Урок 159. 00:11:36
    Printing the Events and Finishing the Project
  • Урок 160. 00:02:02
    What we're building in this chapter
  • Урок 161. 00:03:21
    Adding the Main Containers and first JavaScript Code
  • Урок 162. 00:03:31
    Calling the Questions API
  • Урок 163. 00:07:00
    The Algorithm to insert the correct answer in the possible answers
  • Урок 164. 00:03:35
    Injecting the Right Answer into the Possible Answers
  • Урок 165. 00:07:06
    Displaying the Possible Questions HTML
  • Урок 166. 00:04:07
    Allowing the user to select 1 answer
  • Урок 167. 00:07:00
    Validating that at least 1 answer is selected
  • Урок 168. 00:04:00
    Checking if the answer is correct or wrong
  • Урок 169. 00:06:12
    Adding the Totals and Displaying a new Question
  • Урок 170. 00:07:07
    Saving the Totals into Local Storage for Persistence
  • Урок 171. 00:02:41
    Other values that you can send into the API
  • Урок 172. 00:03:56
    Basic Object Destructuring
  • Урок 173. 00:06:53
    Destructuring an Object that resides inside another Object
  • Урок 174. 00:06:20
    Destructuring a more Complex Object & Arrays
  • Урок 175. 00:06:52
    Destructuring Functions
  • Урок 176. 00:07:10
    Symbols
  • Урок 177. 00:07:06
    Sets
  • Урок 178. 00:07:24
    Maps
  • Урок 179. 00:05:28
    Iterators
  • Урок 180. 00:07:06
    Generators
  • Урок 181. 00:04:42
    Built Iterators In JavaScript (Part 1)
  • Урок 182. 00:06:55
    Built Iterators In JavaScript (Part 2)
  • Урок 183. 00:10:31
    Regular Expressions (Part 1)
  • Урок 184. 00:10:36
    Regular Expressions (Part 2)
  • Урок 185. 00:04:54
    Overview of the Final Project
  • Урок 186. 00:03:11
    The Project Files for this Project and the API
  • Урок 187. 00:06:36
    Adding the Form Event Listener
  • Урок 188. 00:04:55
    Displaying a Message if form is empty
  • Урок 189. 00:05:47
    Querying the Rest API
  • Урок 190. 00:08:07
    Building the Results Template
  • Урок 191. 00:11:44
    Adding the Information from the REST API to the Template
  • Урок 192. 00:05:15
    Making our Rest API Queries more flexible
  • Урок 193. 00:05:01
    Working with Different Methods and Templates in our App
  • Урок 194. 00:06:19
    Adding a Button to show the Recipe in a Modal Window
  • Урок 195. 00:08:48
    Starting the Show Recipe into a Modal Function
  • Урок 196. 00:08:38
    Displaying the Recipe Info into the Modal
  • Урок 197. 00:11:25
    Adding the Categories into a Select from the REST API
  • Урок 198. 00:04:18
    Querying By Category
  • Урок 199. 00:04:02
    Querying by Alcohol / Non Alcohol Drink
  • Урок 200. 00:07:15
    Adding a Button to save into Favorites
  • Урок 201. 00:08:33
    Saving Favorite Drinks into Local Storage
  • Урок 202. 00:07:09
    Print Favorites in the Favorites page
  • Урок 203. 00:03:57
    Removing Favorites from the DOM
  • Урок 204. 00:03:41
    Removing Favorites from the Local Storage
  • Урок 205. 00:07:18
    Identify Favorite Drinks with a different Button
  • Урок 206. 00:04:35
    What's a Module and ES6 Modules
  • Урок 207. 00:06:03
    Importing / Exporting Variables
  • Урок 208. 00:02:39
    Importing / Exporting Functions
  • Урок 209. 00:03:02
    Importing / Exporting Classes
  • Урок 210. 00:04:27
    Importing / Exporting Classes that inherit from other Classes
  • Урок 211. 00:01:38
    Project Intro
  • Урок 212. 00:04:00
    Importing the User Interface Elements
  • Урок 213. 00:04:57
    Validating the Form
  • Урок 214. 00:07:32
    Querying the REST API and sending the Artist and song name
  • Урок 215. 00:03:19
    Finishing the Project
  • Урок 216. 00:04:40
    Client Side Storage - IndexedDB
  • Урок 217. 00:01:54
    What we're building in this chapter
  • Урок 218. 00:03:18
    Adding the Main Selectors for the User Interface
  • Урок 219. 00:03:43
    Creating the IndexedDB Database
  • Урок 220. 00:06:48
    Working with the Schema
  • Урок 221. 00:06:18
    Adding the Rest of the Fields and creating an Object
  • Урок 222. 00:06:46
    Inserting the new Record into the Database
  • Урок 223. 00:09:41
    Displaying the Records from the Database
  • Урок 224. 00:04:26
    Displaying a Conditional Text If no records are available
  • Урок 225. 00:04:52
    Adding a Remove Button
  • Урок 226. 00:03:33
    Deleting Records from the Database
  • Урок 227. 00:04:20
    Why we need Array Methods
  • Урок 228. 00:03:41
    The forEach method
  • Урок 229. 00:04:51
    The .map method
  • Урок 230. 00:05:36
    The .filter method
  • Урок 231. 00:03:42
    The .find method
  • Урок 232. 00:04:36
    The .reduce Method
  • Урок 233. 00:02:22
    The .some Method
  • Урок 234. 00:02:04
    What we're building in this chapter
  • Урок 235. 00:04:10
    Kicking off the Project
  • Урок 236. 00:03:47
    Displaying all the Cars from the Array
  • Урок 237. 00:04:30
    Reading the Selected Element from the Form
  • Урок 238. 00:04:23
    Building our first Higher Order Function - Filtering by Make
  • Урок 239. 00:05:29
    Filtering by Year
  • Урок 240. 00:03:32
    Displaying the Filtered Cars in the HTML
  • Урок 241. 00:04:29
    Filtering by Price
  • Урок 242. 00:04:19
    Developing the Rest of the Filtering functions
  • Урок 243. 00:03:13
    Building the No Results Function
  • Урок 244. 00:03:57
    What's webpack?
  • Урок 245. 00:01:21
    Installing NodeJS & NPM
  • Урок 246. 00:05:18
    Creating a package.json file and installing webpack as a dependency
  • Урок 247. 00:03:15
    Creating our first bundle from the Command Line
  • Урок 248. 00:03:11
    Adding a webpack configuration file
  • Урок 249. 00:02:25
    Creating an NPM Script to create our bundles
  • Урок 250. 00:02:40
    Watching for changes
  • Урок 251. 00:02:57
    What's babel and how to transpile your code Modern JS Code
  • Урок 252. 00:06:06
    Adding Babel into our webpack project
  • Урок 253. 00:03:20
    Adding CSS into our JS Bundles
  • Урок 254. 00:04:18
    Adding SASS (SCSS) Into our JS Bundles
  • Урок 255. 00:03:39
    How to create multiple bundles with multiple entry points
  • Урок 256. 00:02:58
    Creating a Common File for Common Code
  • Урок 257. 00:04:37
    Creating HTML Files with Webpack
  • Урок 258. 00:03:06
    Adding webpack dev server
  • Урок 259. 00:04:00
    Putting everything together
  • Урок 260. 00:01:45
    What's React
  • Урок 261. 00:06:28
    Installing Node, NPM, Create-react-app & some useful extensions
  • Урок 262. 00:08:49
    Your First Component
  • Урок 263. 00:06:17
    JSX & Building the Form
  • Урок 264. 00:04:44
    Adding some CSS into the Project
  • Урок 265. 00:05:04
    Events in ReactJS
  • Урок 266. 00:09:04
    The React State
  • Урок 267. 00:05:40
    How to Validate a Form in React
  • Урок 268. 00:08:18
    Handling Form Submissions & Props in React
  • Урок 269. 00:08:11
    Helper Functions in React (Part 1 of 2)
  • Урок 270. 00:07:51
    Helper Functions in React (Part 2 of 2)
  • Урок 271. 00:06:59
    Building the Result Component
  • Урок 272. 00:07:38
    Displaying the Results
  • Урок 273. 00:06:18
    Conditionally Rendering of Components
  • Урок 274. 00:08:35
    Show a Loading Spinner
  • Урок 275. 00:02:05
    Project Deployment
  • Урок 276. 00:04:16
    What we're building in this chapter (Project Materials Here)
  • Урок 277. 00:04:24
    Kicking off the Project
  • Урок 278. 00:04:16
    Creating the Express Server
  • Урок 279. 00:03:56
    Adding Express Router to create a Website with Multiple Urls
  • Урок 280. 00:05:55
    Working with Views
  • Урок 281. 00:04:22
    Building a Master View
  • Урок 282. 00:08:37
    Creating the Header and the Footer
  • Урок 283. 00:02:26
    Adding the Static Files and linking the Public Folder
  • Урок 284. 00:04:37
    Passing Variables to the Views
  • Урок 285. 00:01:35
    Passing the Name of the Page to the Title
  • Урок 286. 00:05:56
    Creating the Sitename for Production & Development
  • Урок 287. 00:04:00
    Working with the About Us Page (Part 1 of 2)
  • Урок 288. 00:04:03
    Working with the About Us Page (Part 2 of 2)
  • Урок 289. 00:03:27
    Installing Sequelize and Creating the Database
  • Урок 290. 00:05:29
    Connecting our Website with the Database
  • Урок 291. 00:03:08
    Adding the Table Columns
  • Урок 292. 00:04:00
    Defining the Model
  • Урок 293. 00:08:11
    Querying the Database and Displaying the Travels (Part 1 of 2)
  • Урок 294. 00:05:25
    Querying the Database and Displaying the Travels (Part 2 of 2)
  • Урок 295. 00:05:08
    Working with the Single Travel Page
  • Урок 296. 00:02:09
    Finishing the Single Travel Page
  • Урок 297. 00:05:40
    Creating the Form for the Testimonials
  • Урок 298. 00:03:15
    Creating the Testimonials Table & Defining the Model
  • Урок 299. 00:05:12
    Reading the Form Data
  • Урок 300. 00:05:26
    Adding Validation to the Form
  • Урок 301. 00:02:51
    Inserting the Testimonial into the Database
  • Урок 302. 00:04:45
    Displaying the Testimonials into the Page
  • Урок 303. 00:03:01
    Fixing the Problems with the Testimonials Page
  • Урок 304. 00:04:19
    Building the Index Page
  • Урок 305. 00:05:08
    Working with About Us & Discount Section in the Index Page
  • Урок 306. 00:04:53
    Printing the Travels in the Homepage and Creating a Partial
  • Урок 307. 00:06:13
    Passing Multiple Queries to the View
  • Урок 308. 00:03:14
    Highlighting the Current Page
  • Урок 309. 00:06:11
    Adding the C (Controllers) into our MVC Project
  • Урок 310. 00:05:37
    Finishing the Controllers
  • Урок 311. 00:09:28
    Adding Async / Await into our project
  • Урок 312. 00:02:36
    Chapter Summary