Видео курса

  • Урок 1. 00:01:48
    Introduction
  • Урок 2. 00:07:32
    What is the "MERN Stack"?
  • Урок 3. 00:02:12
    MERN - A First Overview
  • Урок 4. 00:02:14
    Course Outline
  • Урок 5. 00:02:55
    How To Get The Most Out Of The Course
  • Урок 6. 00:01:19
    Module Introduction
  • Урок 7. 00:08:05
    Understanding the Big Picture
  • Урок 8. 00:04:07
    Diving Into the Frontend
  • Урок 9. 00:05:11
    Understanding the Backend
  • Урок 10. 00:07:55
    REST vs GraphQL
  • Урок 11. 00:05:51
    Connecting Node & React
  • Урок 12. 00:11:25
    Creating our Development Environment & the Development Servers
  • Урок 13. 00:09:46
    Diving Deeper Into the Code
  • Урок 14. 00:04:51
    Module Introduction
  • Урок 15. 00:02:36
    Understanding the General App Idea
  • Урок 16. 00:09:38
    Sketching out the Frontend
  • Урок 17. 00:05:20
    Data & API Endpoints used in our App
  • Урок 18. 00:02:57
    Required SPA Pages for the Frontend
  • Урок 19. 00:01:13
    Module Introduction
  • Урок 20. 00:03:14
    What is React?
  • Урок 21. 00:04:04
    Setting Up a Starting Project
  • Урок 22. 00:05:32
    Understanding JSX
  • Урок 23. 00:02:51
    Understanding Components
  • Урок 24. 00:07:05
    Working with Multiple Components
  • Урок 25. 00:06:53
    Using Props to pass Data between Components
  • Урок 26. 00:04:31
    Rendering Lists of Data
  • Урок 27. 00:07:25
    Handling Events
  • Урок 28. 00:04:39
    Efficient Child<=>Parent Communication
  • Урок 29. 00:05:55
    Working with "State"
  • Урок 30. 00:04:21
    More on State
  • Урок 31. 00:05:53
    Fetching User Input (Two-way Binding)
  • Урок 32. 00:02:12
    Wrap Up
  • Урок 33. 00:02:33
    Module Introduction
  • Урок 34. 00:17:04
    Starting Setup, Pages & Routes
  • Урок 35. 00:09:30
    Adding a UsersList Page / Component
  • Урок 36. 00:03:42
    Adding a UserItem Component
  • Урок 37. 00:07:18
    Styling our App & More Components
  • Урок 38. 00:03:23
    Presentational vs Stateful Components
  • Урок 39. 00:09:47
    Adding a Main Header
  • Урок 40. 00:05:06
    Adding Navlinks
  • Урок 41. 00:04:22
    Implementing a Basic Desktop & Mobile Navigation
  • Урок 42. 00:03:01
    Understanding Portals
  • Урок 43. 00:04:08
    Handling the Drawer State
  • Урок 44. 00:05:15
    Animating the Sidedrawer
  • Урок 45. 00:16:13
    Rendering User Places & Using Dynamic Route Segments
  • Урок 46. 00:02:17
    Getting Route Params
  • Урок 47. 00:02:54
    Adding Custom Buttons
  • Урок 48. 00:17:27
    Adding a Modal
  • Урок 49. 00:14:37
    Rendering a Map with Google Maps
  • Урок 50. 00:09:43
    Adding a Custom Form Input Component
  • Урок 51. 00:11:52
    Managing State in the Input Component
  • Урок 52. 00:08:03
    Adding Input Validation
  • Урок 53. 00:08:12
    Sharing Input Values & Adding Multiple Inputs
  • Урок 54. 00:09:12
    Managing Form-wide State
  • Урок 55. 00:03:20
    Finishing the "Add Place" Form
  • Урок 56. 00:08:46
    Starting Work on the "Update Place" Page
  • Урок 57. 00:02:39
    Adjusting the Input Component
  • Урок 58. 00:11:03
    Creating a Custom Form Hook (useForm)
  • Урок 59. 00:11:20
    Adjusting the Form Hook
  • Урок 60. 00:04:33
    Fixing Minor Issues
  • Урок 61. 00:05:28
    Showing a Deletion Warning
  • Урок 62. 00:09:06
    Adding an "Auth" Page & Login Form
  • Урок 63. 00:11:19
    Adding Signup + "Switch Mode" Button
  • Урок 64. 00:07:05
    Adding Auth Context for App-wide State Management
  • Урок 65. 00:02:12
    Listening to Context Changes
  • Урок 66. 00:05:50
    Adding Authenticated & Unauthenticated Routes
  • Урок 67. 00:02:45
    More Auth Context Usage
  • Урок 68. 00:01:09
    Wrap Up
  • Урок 69. 00:01:41
    Module Introduction
  • Урок 70. 00:02:56
    What is Node.js?
  • Урок 71. 00:08:21
    Writing our First Node Code
  • Урок 72. 00:13:35
    Sending Requests & Responses
  • Урок 73. 00:01:16
    What is Express.js?
  • Урок 74. 00:11:40
    Adding Express.js
  • Урок 75. 00:08:33
    Understanding the Advantages of Express.js
  • Урок 76. 00:03:17
    How Code Execution Works
  • Урок 77. 00:02:18
    Module Introduction
  • Урок 78. 00:02:30
    Setting up our Project
  • Урок 79. 00:11:22
    Implementing Basic Routing
  • Урок 80. 00:09:40
    Adding Place-Specific Routes
  • Урок 81. 00:04:38
    Getting a Place By User ID
  • Урок 82. 00:10:52
    Handling Errors
  • Урок 83. 00:04:46
    Adding our own Error Model
  • Урок 84. 00:06:43
    Adding Controllers
  • Урок 85. 00:13:22
    Adding a POST Route & Using Postman
  • Урок 86. 00:02:14
    Handling Errors for Unsupported Routes
  • Урок 87. 00:08:04
    Adding Patch Routes to Update Places
  • Урок 88. 00:04:08
    Deleting Places
  • Урок 89. 00:02:45
    Finalizing the "Get Places by User ID" Resource
  • Урок 90. 00:13:24
    Setting Up the User Routes (Signup, Login, Get Users)
  • Урок 91. 00:10:20
    Validating API Input (Request Bodies)
  • Урок 92. 00:06:15
    Validating Patch Requests & User Routes
  • Урок 93. 00:16:21
    Using Google's Geocoding API to Convert an Address Into Coordinates
  • Урок 94. 00:01:28
    Wrap Up
  • Урок 95. 00:01:16
    Module Introduction
  • Урок 96. 00:01:27
    What is MongoDB?
  • Урок 97. 00:03:42
    SQL vs NoSQL
  • Урок 98. 00:01:45
    Connecting React to a Database?
  • Урок 99. 00:05:27
    Setting Up MongoDB
  • Урок 100. 00:05:51
    Creating a Simple Backend & Connecting it to the Database
  • Урок 101. 00:07:53
    Creating a Document with MongoDB
  • Урок 102. 00:06:12
    Getting Data from the Database
  • Урок 103. 00:01:32
    Installing Mongoose
  • Урок 104. 00:03:52
    Understanding Models & Schemas
  • Урок 105. 00:03:24
    Creating a Product
  • Урок 106. 00:07:29
    Connecting to the Database & Saving the Product
  • Урок 107. 00:04:13
    Getting Products
  • Урок 108. 00:03:19
    Understanding the ObjectID
  • Урок 109. 00:01:43
    Wrap Up
  • Урок 110. 00:01:28
    Module Introduction
  • Урок 111. 00:06:33
    Installing Mongoose & Connecting our Backend to MongoDB
  • Урок 112. 00:06:35
    Creating the Place Schema & Model
  • Урок 113. 00:07:27
    Creating & Storing Documents in the Database
  • Урок 114. 00:08:08
    Getting Places by the PlaceID
  • Урок 115. 00:05:54
    Getting Places by the UserID
  • Урок 116. 00:06:11
    Updating Places
  • Урок 117. 00:03:44
    Deleting Places
  • Урок 118. 00:01:35
    How Users & Places are Related
  • Урок 119. 00:06:28
    Creating the User Model
  • Урок 120. 00:11:44
    Using the User Model for Signup
  • Урок 121. 00:04:20
    Adding the User Login
  • Урок 122. 00:05:38
    Getting Users
  • Урок 123. 00:05:04
    Adding the Relation between Places & Users
  • Урок 124. 00:14:00
    Creating Places & Adding it to a User
  • Урок 125. 00:07:48
    Deleting Places & Removing it From the User
  • Урок 126. 00:05:39
    Getting Places - An Alternative
  • Урок 127. 00:02:33
    Cleaning Up our Code
  • Урок 128. 00:01:44
    Wrap Up
  • Урок 129. 00:01:32
    Module Introduction
  • Урок 130. 00:01:02
    Initial Setup
  • Урок 131. 00:10:31
    Sending a POST Request to the Backend
  • Урок 132. 00:06:59
    Handling CORS Errors
  • Урок 133. 00:08:00
    Getting Started with Error Handling
  • Урок 134. 00:05:06
    Proper Error Handling in the Frontend
  • Урок 135. 00:03:36
    Sending a Login Request
  • Урок 136. 00:10:23
    Getting Users with a GET Request
  • Урок 137. 00:10:51
    Creating a Custom Http Hook
  • Урок 138. 00:08:30
    Improving the Custom Http Hook
  • Урок 139. 00:03:48
    Using the Http Hook to GET Users
  • Урок 140. 00:13:07
    Adding Places (POST)
  • Урок 141. 00:08:00
    Loading Places by User Id
  • Урок 142. 00:12:24
    Updating Places
  • Урок 143. 00:07:41
    Deleting Places
  • Урок 144. 00:01:07
    Fixing NavLinks & "My Places"
  • Урок 145. 00:03:43
    Final Adjustments
  • Урок 146. 00:01:14
    Module Introduction
  • Урок 147. 00:10:37
    Building an ImageUpload Component
  • Урок 148. 00:12:17
    Finishing & Using the ImageUpload Component (in a Form)
  • Урок 149. 00:08:53
    On the Backend: Using Multer to Save Files
  • Урок 150. 00:03:04
    Filtering Files on the Backend (Images Only!)
  • Урок 151. 00:05:10
    Wiring Frontend and Backend Up
  • Урок 152. 00:06:20
    Connecting Users to Images
  • Урок 153. 00:03:34
    Serving Images Statically
  • Урок 154. 00:06:09
    Uploading Images for New Places
  • Урок 155. 00:03:00
    Deleting Images When Places Get Deleted
  • Урок 156. 00:01:33
    Wrap Up
  • Урок 157. 00:01:09
    Module Introduction
  • Урок 158. 00:05:02
    How Authentication Works (in a MERN App)
  • Урок 159. 00:05:32
    Hashing the User Password
  • Урок 160. 00:03:11
    Logging Users In (with Hashed Passwords)
  • Урок 161. 00:09:02
    Generating Tokens (JWT) on the Backend
  • Урок 162. 00:12:49
    Backend Route Protection with Auth Middleware
  • Урок 163. 00:07:18
    Using & Attaching JWT (Tokens) in React
  • Урок 164. 00:02:27
    Using Tokens to Update and Delete Places
  • Урок 165. 00:07:36
    Adding Authorization
  • Урок 166. 00:03:02
    Authorization on "Delete Places"
  • Урок 167. 00:06:10
    Storing the Token in the Browser Storage
  • Урок 168. 00:05:14
    Adding Auto-Login (Basic Version)
  • Урок 169. 00:04:55
    Managing the Token Expiration Date
  • Урок 170. 00:08:04
    Finished Auto-Login & Auto-Logout
  • Урок 171. 00:03:46
    Creating a Custom Authentication Hook
  • Урок 172. 00:01:50
    Authentication - Summary
  • Урок 173. 00:04:41
    General App Improvements
  • Урок 174. 00:00:56
    Module Introduction
  • Урок 175. 00:02:30
    Deployment Steps Overview
  • Урок 176. 00:08:26
    Using Environment Variables (Node.js)
  • Урок 177. 00:07:27
    Environment Variables in React Apps
  • Урок 178. 00:05:48
    Preparing API Keys & Credentials
  • Урок 179. 00:04:32
    Building the React App
  • Урок 180. 00:07:15
    Adding Code Splitting to React
  • Урок 181. 00:03:50
    Understanding Possible Deployment Alternatives
  • Урок 182. 00:10:47
    Deploying a Standalone REST API (Example: Heroku)
  • Урок 183. 00:09:13
    Deploying a Standalone React SPA (Example: Firebase Hosting)
  • Урок 184. 00:01:36
    Fixing Style Issues
  • Урок 185. 00:10:25
    Deploying a Combined App
  • Урок 186. 00:02:21
    Storing Files/ Uploads
  • Урок 187. 00:00:46
    Wrap Up
  • Урок 188. 00:03:27
    Course Roundup
Этот курс находится в платной подписке. Оформи премиум подписку и смотри React, NodeJS, Express & MongoDB - The MERN Fullstack Guide, а также все другие курсы, прямо сейчас!
Премиум FAQ