Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай MERN STACK 2022 UPDATE React Node from Scratch + 2 Projects, а также все другие курсы, прямо сейчас!
Купить сейчас
  • Урок 1. 00:02:34
    Project demo
  • Урок 2. 00:02:10
    Is this course right for you?
  • Урок 3. 00:02:16
    VS Code editor setup
  • Урок 4. 00:06:12
    JavaScript in HTML
  • Урок 5. 00:11:11
    Window object, DOM and Local storage
  • Урок 6. 00:09:29
    Variables using var, let and const
  • Урок 7. 00:08:49
    Const and Object
  • Урок 8. 00:06:56
    Template Strings
  • Урок 9. 00:06:44
    Function and default arguments
  • Урок 10. 00:10:49
    Arrow function and return keyword
  • Урок 11. 00:06:01
    This keyword
  • Урок 12. 00:08:26
    Object destructuring
  • Урок 13. 00:02:23
    Array destructuring
  • Урок 14. 00:03:53
    Spread operator
  • Урок 15. 00:06:18
    Rest operator
  • Урок 16. 00:06:31
    Function and prototype
  • Урок 17. 00:04:47
    Classes
  • Урок 18. 00:08:20
    Extending class
  • Урок 19. 00:04:44
    NodeJs
  • Урок 20. 00:06:00
    Code execution in nodejs
  • Урок 21. 00:05:45
    Using NPM
  • Урок 22. 00:09:58
    Require and export
  • Урок 23. 00:05:55
    Core nodejs module
  • Урок 24. 00:05:51
    NodeJs event loop (theory)
  • Урок 25. 00:11:41
    Code execution
  • Урок 26. 00:04:56
    Synchronous vs Non-Asynchronous
  • Урок 27. 00:11:54
    Using ExpressJs
  • Урок 28. 00:08:26
    Create react app
  • Урок 29. 00:10:09
    Creating a form
  • Урок 30. 00:04:25
    HTML to JSX
  • Урок 31. 00:13:05
    React state and event handlers
  • Урок 32. 00:10:10
    Making API request using fetch
  • Урок 33. 00:09:03
    Handling CORS error
  • Урок 34. 00:13:38
    Rendering data
  • Урок 35. 00:07:58
    External API request
  • Урок 36. 00:07:44
    Fetch to Axios
  • Урок 37. 00:12:22
    Reusable components
  • Урок 38. 00:08:26
    CSS in React
  • Урок 39. 00:04:33
    Styled components
  • Урок 40. 00:06:25
    Using Ant Design
  • Урок 41. 00:06:41
    Loading state
  • Урок 42. 00:05:10
    Middlewares
  • Урок 43. 00:08:48
    Routes and controllers
  • Урок 44. 00:03:13
    MongoDB connection (theory)
  • Урок 45. 00:07:06
    Signup to Mongo Atlas
  • Урок 46. 00:05:47
    Connect to MongoDB
  • Урок 47. 00:07:10
    Dotenv and Gitignore
  • Урок 48. 00:03:40
    Using import export in nodejs
  • Урок 49. 00:07:44
    Creating pages
  • Урок 50. 00:09:13
    React router
  • Урок 51. 00:07:21
    SEO and NextJs
  • Урок 52. 00:04:38
    Social network project
  • Урок 53. 00:08:29
    NextJs setup
  • Урок 54. 00:03:55
    Bootstrap CSS
  • Урок 55. 00:09:23
    Navigation
  • Урок 56. 00:06:30
    Public folder
  • Урок 57. 00:11:20
    Register page
  • Урок 58. 00:06:21
    React state and onChange event
  • Урок 59. 00:03:51
    Using axios
  • Урок 60. 00:15:07
    Server setup
  • Урок 61. 00:11:16
    Routes and controllers
  • Урок 62. 00:10:16
    User model
  • Урок 63. 00:06:20
    Bcrypt hash and compare
  • Урок 64. 00:15:15
    Register user
  • Урок 65. 00:11:09
    Toast notifications
  • Урок 66. 00:06:09
    Ant design modal
  • Урок 67. 00:07:18
    Env, validation and form cleanup
  • Урок 68. 00:06:01
    Loading state
  • Урок 69. 00:03:13
    Background image
  • Урок 70. 00:09:26
    Auth form component
  • Урок 71. 00:10:48
    Login page
  • Урок 72. 00:14:29
    User login and JWT token
  • Урок 73. 00:02:42
    Global state using context (theory)
  • Урок 74. 00:08:27
    Context state
  • Урок 75. 00:08:49
    Local storage
  • Урок 76. 00:05:02
    Logout
  • Урок 77. 00:04:23
    Conditional Nav links
  • Урок 78. 00:11:07
    Active links
  • Урок 79. 00:04:10
    Redirect logged in user
  • Урок 80. 00:10:09
    Using Postman
  • Урок 81. 00:09:22
    Verify current user token
  • Урок 82. 00:16:36
    Wrapper component for Authorization
  • Урок 83. 00:09:36
    Axios interceptors
  • Урок 84. 00:05:40
    Axios config
  • Урок 85. 00:08:10
    Forgot password page
  • Урок 86. 00:06:31
    Forgot password form
  • Урок 87. 00:10:55
    Forgot password server
  • Урок 88. 00:09:47
    Fix the error (cannot read property data of undefined)
  • Урок 89. 00:08:01
    Create post form
  • Урок 90. 00:09:39
    Create post request
  • Урок 91. 00:07:27
    Post model
  • Урок 92. 00:12:53
    Save post
  • Урок 93. 00:09:39
    React Quill rich text editor (WYSIWYG)
  • Урок 94. 00:13:46
    Image upload client
  • Урок 95. 00:10:34
    Using cloudinary
  • Урок 96. 00:07:14
    Upload to cloudinary
  • Урок 97. 00:14:24
    Create post with image
  • Урок 98. 00:07:03
    User posts (server)
  • Урок 99. 00:06:59
    User posts (client)
  • Урок 100. 00:07:35
    Post list component
  • Урок 101. 00:11:57
    Render posts
  • Урок 102. 00:04:55
    Background image
  • Урок 103. 00:06:46
    Ant design icons
  • Урок 104. 00:10:53
    Edit and delete icons
  • Урок 105. 00:03:36
    Load posts on new post create
  • Урок 106. 00:13:42
    Single post edit
  • Урок 107. 00:12:07
    Post update client
  • Урок 108. 00:15:44
    Can update and delete middleware
  • Урок 109. 00:04:59
    Delete post and image
  • Урок 110. 00:05:56
    Delete post
  • Урок 111. 00:03:04
    What's next?
  • Урок 112. 00:09:44
    Dropdown menu
  • Урок 113. 00:07:53
    Adding username
  • Урок 114. 00:13:37
    Profile update page
  • Урок 115. 00:10:49
    Profile update client
  • Урок 116. 00:17:44
    Profile update server
  • Урок 117. 00:09:03
    Update user in local storage and context
  • Урок 118. 00:11:18
    User profile image
  • Урок 119. 00:06:29
    Find people to follow (server)
  • Урок 120. 00:08:03
    Find people (client)
  • Урок 121. 00:10:01
    People component
  • Урок 122. 00:07:26
    User avatar
  • Урок 123. 00:04:10
    Generate app logo (optional)
  • Урок 124. 00:06:52
    Handle follow click
  • Урок 125. 00:16:08
    User follow (server)
  • Урок 126. 00:07:17
    User follow (client)
  • Урок 127. 00:12:02
    News feed
  • Урок 128. 00:08:17
    List of following
  • Урок 129. 00:10:36
    Following page
  • Урок 130. 00:10:25
    User unfollow
  • Урок 131. 00:06:55
    Like and unlike post (client)
  • Урок 132. 00:09:38
    Like and unlike post (server)
  • Урок 133. 00:06:36
    Helper function and likes count
  • Урок 134. 00:10:11
    Ant design modal
  • Урок 135. 00:06:10
    Comment form
  • Урок 136. 00:04:55
    Add comment (client)
  • Урок 137. 00:09:37
    Add comment (server)
  • Урок 138. 00:05:56
    Comment count link and fixes
  • Урок 139. 00:09:11
    Render comments
  • Урок 140. 00:07:48
    Post comments page
  • Урок 141. 00:13:34
    Render posts with all comments
  • Урок 142. 00:11:49
    Comment remove
  • Урок 143. 00:05:37
    Pagination
  • Урок 144. 00:15:45
    Pagination client
  • Урок 145. 00:13:11
    Search component
  • Урок 146. 00:10:50
    Search result
  • Урок 147. 00:08:30
    Conditional follow and unfollow
  • Урок 148. 00:05:03
    Follow and unfollow searched user
  • Урок 149. 00:09:49
    User profile page
  • Урок 150. 00:10:17
    Public profile page
  • Урок 151. 00:12:06
    Parallax image
  • Урок 152. 00:11:28
    Posts SSR (server side rendering)
  • Урок 153. 00:12:53
    SEO and Head section
  • Урок 154. 00:10:38
    Single post and public post component
  • Урок 155. 00:12:25
    Single post view, SEO and head section
  • Урок 156. 00:10:29
    Socker.io server
  • Урок 157. 00:06:47
    Socker.io client
  • Урок 158. 00:11:12
    Broadcasting event
  • Урок 159. 00:11:02
    Realtime posts (server)
  • Урок 160. 00:09:19
    Realtime posts (client)
  • Урок 161. 00:12:40
    Admin access server
  • Урок 162. 00:09:46
    Is admin middleware
  • Урок 163. 00:09:53
    Admin route
  • Урок 164. 00:05:25
    Wrap up
  • Урок 165. 00:03:31
    Deployment explained
  • Урок 166. 00:08:16
    Socker.io path
  • Урок 167. 00:05:46
    Digital ocean setup
  • Урок 168. 00:08:56
    SSH access
  • Урок 169. 00:05:37
    Push code to Github
  • Урок 170. 00:13:18
    Installing NodeJs, NGINX and Git clone
  • Урок 171. 00:15:49
    Running server, MongoDB and commit changes
  • Урок 172. 00:04:59
    Running React and NextJs client
  • Урок 173. 00:01:48
    Project demo
  • Урок 174. 00:02:19
    What is node js
  • Урок 175. 00:02:21
    Why learn node js
  • Урок 176. 00:02:40
    Installing node js
  • Урок 177. 00:03:16
    Javascript in browser environment
  • Урок 178. 00:02:27
    Javascript in node js environment
  • Урок 179. 00:02:55
    Getting started with node js
  • Урок 180. 00:03:44
    Writing functions
  • Урок 181. 00:06:27
    Import export
  • Урок 182. 00:05:38
    Using arrow functions
  • Урок 183. 00:02:02
    Object destructuring
  • Урок 184. 00:03:30
    Using node js core modules
  • Урок 185. 00:08:16
    Using npm packages
  • Урок 186. 00:05:29
    Using express
  • Урок 187. 00:03:07
    Node js event loop
  • Урок 188. 00:04:29
    Programming for event loop
  • Урок 189. 00:08:14
    Asynchronous programming
  • Урок 190. 00:04:25
    Synchronous programming
  • Урок 191. 00:03:47
    Functional approach
  • Урок 192. 00:02:38
    Secrets of understanding node js
  • Урок 193. 00:07:16
    Creating server with express
  • Урок 194. 00:05:05
    Separating routes
  • Урок 195. 00:06:50
    Middleware explained
  • Урок 196. 00:07:14
    Using controllers
  • Урок 197. 00:04:33
    Json and postman
  • Урок 198. 00:11:32
    Signup with mlab to use mongodb
  • Урок 199. 00:05:42
    Connecting to database using mongoose
  • Урок 200. 00:04:53
    Post schema
  • Урок 201. 00:12:59
    Creating a post
  • Урок 202. 00:14:27
    Validation and friendly error messages
  • Урок 203. 00:06:37
    Getting posts
  • Урок 204. 00:03:04
    Whats next and cleanup
  • Урок 205. 00:05:08
    User schema
  • Урок 206. 00:12:49
    Virtual fields and methods
  • Урок 207. 00:12:16
    User signup using async await
  • Урок 208. 00:09:49
    User signin validation and error messaging
  • Урок 209. 00:09:41
    User signin flow
  • Урок 210. 00:13:33
    User signin with jwt
  • Урок 211. 00:03:43
    Testing user signin
  • Урок 212. 00:03:27
    Signout method
  • Урок 213. 00:06:39
    Protecting routes
  • Урок 214. 00:02:59
    Handling unauthorized error
  • Урок 215. 00:05:23
    Implementing authorization
  • Урок 216. 00:06:35
    Find user by id and add to req object
  • Урок 217. 00:03:59
    Has authorization method
  • Урок 218. 00:02:01
    Apply require signin to create post
  • Урок 219. 00:08:49
    Showing all users
  • Урок 220. 00:07:49
    Showing single user
  • Урок 221. 00:10:51
    Update user
  • Урок 222. 00:06:22
    Delete user
  • Урок 223. 00:06:46
    User post relationship with post schema
  • Урок 224. 00:11:13
    Create post with image upload and user
  • Урок 225. 00:09:34
    Testing create post
  • Урок 226. 00:02:36
    Get all posts with user
  • Урок 227. 00:07:31
    Get all posts by user
  • Урок 228. 00:02:53
    Post update delete flow
  • Урок 229. 00:03:51
    Post by id based on route param
  • Урок 230. 00:10:39
    Delete post
  • Урок 231. 00:05:59
    Update post
  • Урок 232. 00:03:59
    Whats next
  • Урок 233. 00:09:11
    Documenting api
  • Урок 234. 00:03:41
    Adding cors
  • Урок 235. 00:01:54
    Modern javascript
  • Урок 236. 00:04:06
    Creating variables using const
  • Урок 237. 00:03:48
    Creating variables using let
  • Урок 238. 00:05:10
    Template strings
  • Урок 239. 00:03:25
    Default parameters
  • Урок 240. 00:05:58
    Arrow functions
  • Урок 241. 00:10:11
    Arrow functions and this keyword
  • Урок 242. 00:08:14
    Destructuring object
  • Урок 243. 00:02:09
    Destructuring array
  • Урок 244. 00:04:57
    Restructuring
  • Урок 245. 00:07:32
    Spread and rest operators
  • Урок 246. 00:14:23
    Class constructor super
  • Урок 247. 00:05:24
    Installing react
  • Урок 248. 00:06:23
    React files and folders introduction
  • Урок 249. 00:10:59
    Storing data in component state via ajax call
  • Урок 250. 00:05:48
    Rendering state data using map
  • Урок 251. 00:04:18
    Conditional rendering
  • Урок 252. 00:09:36
    Imports exports props
  • Урок 253. 00:07:40
    Handling click events
  • Урок 254. 00:04:24
    Destructuring inline styling and keys
  • Урок 255. 00:04:45
    Create react project
  • Урок 256. 00:09:30
    Using react router dom
  • Урок 257. 00:02:51
    Adding pages
  • Урок 258. 00:04:25
    Signup form
  • Урок 259. 00:08:46
    Handling onChange events
  • Урок 260. 00:11:02
    User signup
  • Урок 261. 00:06:03
    Code refactoring
  • Урок 262. 00:08:48
    Showing validation and success message
  • Урок 263. 00:03:57
    Code refactoring signup page
  • Урок 264. 00:08:07
    Signin page
  • Урок 265. 00:10:56
    User signin
  • Урок 266. 00:05:05
    Loading...
  • Урок 267. 00:04:20
    Menu component
  • Урок 268. 00:08:49
    Styling and active link
  • Урок 269. 00:13:00
    Signout
  • Урок 270. 00:08:09
    Conditional rendering of signup signin links
  • Урок 271. 00:02:48
    Show user name
  • Урок 272. 00:05:29
    Code refactoring auth logic
  • Урок 273. 00:07:07
    Profile page
  • Урок 274. 00:05:40
    Showing user info from local storage
  • Урок 275. 00:03:51
    Using .env variables
  • Урок 276. 00:13:46
    Fetch user profile
  • Урок 277. 00:08:19
    Code refactoring fetch user
  • Урок 278. 00:06:45
    Show edit profile delete profile buttons
  • Урок 279. 00:02:42
    Active link user profile
  • Урок 280. 00:01:45
    Whats next?
  • Урок 281. 00:02:30
    Users component
  • Урок 282. 00:04:22
    Populate users in state
  • Урок 283. 00:06:08
    Loop through users
  • Урок 284. 00:06:18
    Style user cards
  • Урок 285. 00:03:39
    Default profile image
  • Урок 286. 00:08:37
    All users profile page
  • Урок 287. 00:02:15
    Delete profile component
  • Урок 288. 00:03:25
    Users profile based on props change
  • Урок 289. 00:03:58
    Delete account prompt
  • Урок 290. 00:07:35
    Delete user account
  • Урок 291. 00:07:09
    Edit profile component
  • Урок 292. 00:05:30
    Pre profile edit profile form
  • Урок 293. 00:09:51
    Update user profile
  • Урок 294. 00:09:18
    Client side validation on profile update
  • Урок 295. 00:08:58
    Private route for authenticated users only
  • Урок 296. 00:11:00
    Profile photo upload
  • Урок 297. 00:03:53
    Loading... on edit profile
  • Урок 298. 00:13:44
    Node API - Update profile with image
  • Урок 299. 00:04:22
    File size validation
  • Урок 300. 00:05:45
    Node API - Get user photo with separate route
  • Урок 301. 00:05:18
    Display profile image in edit profile page
  • Урок 302. 00:09:21
    Default image and profile image on all pages
  • Урок 303. 00:04:52
    User about field
  • Урок 304. 00:07:34
    Update user info in local storage
  • Урок 305. 00:03:03
    Whats next?
  • Урок 306. 00:05:54
    Following and followers - User schema and userById method
  • Урок 307. 00:09:46
    Following and followers - Routes and controller methods
  • Урок 308. 00:03:44
    Remove following and remove followers - Routes and controller methods
  • Урок 309. 00:04:41
    Follow Profile Buttons Component
  • Урок 310. 00:08:08
    Check follow or not
  • Урок 311. 00:10:55
    Implement follow
  • Урок 312. 00:04:49
    Implement unfollow
  • Урок 313. 00:06:02
    Profile tabs component
  • Урок 314. 00:07:34
    Display followers list
  • Урок 315. 00:05:22
    Display following list
  • Урок 316. 00:06:49
    Node API - Who to follow?
  • Урок 317. 00:08:55
    Find people component
  • Урок 318. 00:10:19
    Find people and follow
  • Урок 319. 00:02:58
    Starting with posts
  • Урок 320. 00:18:32
    Create new post
  • Урок 321. 00:08:39
    Show all posts in home page
  • Урок 322. 00:12:38
    Show post's user date and excerpt
  • Урок 323. 00:03:45
    Node API - Post image
  • Урок 324. 00:04:52
    Show posts with image
  • Урок 325. 00:03:25
    Single post component
  • Урок 326. 00:06:15
    Load single post in state
  • Урок 327. 00:06:40
    Display single post
  • Урок 328. 00:03:04
    Show loading on single post and posts
  • Урок 329. 00:08:15
    Posts by user
  • Урок 330. 00:04:29
    Display posts by user
  • Урок 331. 00:06:48
    Show update delete buttons
  • Урок 332. 00:07:24
    Delete post
  • Урок 333. 00:01:52
    Delete post prompt
  • Урок 334. 00:04:48
    Update post component
  • Урок 335. 00:17:23
    Implement update post
  • Урок 336. 00:05:36
    Update post photo and error messaging
  • Урок 337. 00:02:13
    Whats next?
  • Урок 338. 00:09:45
    Node API - Implement like unlike
  • Урок 339. 00:03:21
    React frontend - Like Unlike methods
  • Урок 340. 00:15:28
    Implement like unlike in frontend
  • Урок 341. 00:04:38
    Like unlike styling
  • Урок 342. 00:04:46
    Like signin redirect
  • Урок 343. 00:08:56
    Comments backend
  • Урок 344. 00:03:21
    React comment uncomment methods
  • Урок 345. 00:14:54
    Adding comments
  • Урок 346. 00:12:04
    Render comments
  • Урок 347. 00:13:04
    Comment uncomment and validations
  • Урок 348. 00:13:44
    Deploy Node JS API - Signup and super user
  • Урок 349. 00:12:09
    Running API in Digital Ocean
  • Урок 350. 00:07:02
    Using mongoDB in Digital Ocean
  • Урок 351. 00:10:15
    Deploy React SPA to Digital Ocean
  • Урок 352. 00:02:18
    Own reCAPTCHA?
  • Урок 353. 00:01:27
    Super Admin Overview
  • Урок 354. 00:11:44
    Implementing role to users
  • Урок 355. 00:11:40
    Making a user admin using command line
  • Урок 356. 00:06:44
    Admin can update and delete anyone's post
  • Урок 357. 00:12:45
    Admin can update and delete any user
  • Урок 358. 00:07:30
    How to download source code from Github and checkout different commits