Главная страницаКатегория javascriptСтек MERN: React Node с нуля + 2 проекта

Стек MERN: React Node с нуля + 2 проекта

Name: Стек MERN: React Node с нуля + 2 проекта
Price: 13 USD
Rating: 1 (4 reviews)

MERN STACK 2022 UPDATE React Node from Scratch + 2 Projects

udemy

★1 (всего оценок - 4)

Продолжительность

45 ч 23 мин

Категория

JavaScript

Количество уроков

358 Видео

Дата добавления

17 дек. 2022 г., 23:28

Язык

Английский

Дата выхода

11 нояб. 2022 г., 01:00

Дата обновления

29 апр. 2026 г., 16:39

Хотите уверенно владеть современным стеком MERN и создавать полнофункциональные веб‑приложения? В этом курсе вы шаг за шагом пройдёте путь от основ JavaScript до разработки собственного API на Node.js и динамичного интерфейса на React. Материал подаётся последовательно, понятно и с упором на практику, чтобы вы не просто повторяли код, а действительно понимали, как работает фулстек‑разработка.

Что делает этот курс по MERN действительно уникальным

В отличие от типовых обучающих программ, здесь основное внимание уделяется глубокому пониманию технологий. Перед тем как писать первые строки кода, вы освоите фундамент, который позволит вам легко ориентироваться во всех дальнейших уроках и проектах.

Пошаговое обучение от основ к проектам

Каждый модуль построен так, чтобы постепенно усложнять задачи и укреплять ваше понимание JavaScript, Node.js, React и взаимодействия между ними. Такой подход помогает лучше усваивать материал и быстрее переходить к самостоятельной разработке.

Практические навыки, которые вы получите

Создание и структурирование серверных приложений на Node.js
Работа с REST API и реализация CRUD‑операций
Создание клиентской части на React с нуля
Взаимодействие фронтенда и бэкенда в рамках одного проекта
Настройка ролей, аутентификации, авторизации и входа через соцсети
Реализация реального соцсети‑подобного функционала
Оптимизация, пагинация, работа с медиа и многое другое

Основные темы и технологии курса

Современный JavaScript

Вы освоите ключевые возможности языка, необходимые для уверенной работы как на клиенте, так и на сервере. От базовых конструкций до продвинутых концепций и лучших практик написания кода.

Node.js и создание API

Курс научит вас полностью создавать API с нуля, включая:

архитектуру, удобную для масштабирования;
защищённые эндпоинты с JWT;
восстановление пароля и управление ролями;
загрузку изображений и работу с данными пользователей.

React и разработка интерфейсов

Вы узнаете, как создавать быстрые и гибкие интерфейсы, правильно структурировать приложение и работать с данными, поступающими из вашего API.

Фулстек‑проект социальной сети

Кульминацией курса станет создание полноценного MERN‑приложения, включающего:

профили пользователей;
подписки и взаимодействия между участниками;
лайки, комментарии, посты;
чат и элементы реального времени;
админ‑панель с разными ролями;
SEO‑оптимизацию и развёртывание на Digital Ocean.

Почему вам легко будет учиться

Каждая строка кода объяснена

Автор детально разбирает каждое действие, чтобы вы не просто повторили процесс, а поняли логику разработки.

Лучшие практики и профессиональный подход

Вы изучите структуру, подходящую для масштабируемых приложений, и освоите методики, которыми пользуются реальные разработчики.

Полный исходный код

Для каждого раздела доступен исходный код, чтобы вы могли сверяться, анализировать и дорабатывать решения.

Кому подходит этот курс

Курс создан для начинающих и продолжающих разработчиков, которые хотят уверенно владеть стеком MERN и научиться строить сложные, современные и востребованные веб‑приложения.

Итог

Этот курс — практичный, глубокий и современный путь к тому, чтобы стать фулстек‑разработчиком JavaScript. Если вы хотите освоить один из самых популярных стеков разработки и создать серьёзные проекты с нуля, то этот курс — идеальный выбор.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 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

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии