Главная страницаКатегория mongodbMERN 2024: MongoDB, Express, React и NodeJS

MERN 2024: MongoDB, Express, React и NodeJS

Name: MERN 2024: MongoDB, Express, React и NodeJS
Price: 13 USD
Rating: 4.4 (9 reviews)

MERN 2024 Edition - MongoDB, Express, React and NodeJS

udemy

★4.4 (всего оценок - 9)

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

19 ч 7 мин

Категория

MongoDB

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

192 Видео

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

13 нояб. 2024 г., 15:28

Язык

Английский

Дата выхода

9 окт. 2024 г., 01:00

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

29 апр. 2026 г., 21:46

Этот курс по MERN Stack — идеальный выбор для тех, кто хочет полностью освоить создание современных web‑приложений на базе MongoDB, Express, React и Node.js. Материал структурирован логично и последовательно, чтобы вы смогли уверенно двигаться от основ к продвинутым техникам full‑stack разработки.

Что представляет собой курс MERN 2024

Курс построен вокруг разработки реального приложения «Jobify», что позволяет не только изучать теорию, но и сразу применять знания на практике. Каждая тема подкреплена примерами, упражнениями и разбором типичных ошибок.

Кому подойдёт этот курс

Начинающим разработчикам, желающим освоить популярный стек MERN с нуля.
Фронтенд-разработчикам, которые хотят перейти к full‑stack.
Бэкенд-разработчикам, стремящимся изучить React и современные инструменты фронтенда.
Студентам и самоучкам, мечтающим создать первое полноценное веб-приложение.

Основные направления обучения

Программа охватывает полный цикл разработки — от архитектуры и UI до интеграции и деплоя.

Разработка фронтенда на React

Создание проекта с помощью Vite.
Глобальные стили, адаптивные интерфейсы, продуманный UI/UX.
Страницы Landing, Register, Dashboard и Error.
Освоение React Router 6.4+ для навигации и вложенных маршрутов.

Бэкенд на Node.js и Express

Использование ES6‑модулей и «nodemon» для удобной разработки.
Создание API, маршрутов и контроллеров.
Структурирование проекта согласно лучшим практикам Express.

Работа с MongoDB и базами данных

Настройка MongoDB Atlas и подключение к облачной базе.
Разработка моделей и схем.
Оптимизация запросов и грамотная обработка данных.

Безопасность и аутентификация

Хеширование паролей и сравнение хэшей.
JWT‑аутентификация и работа с access‑токенами.
Настройка middleware для защищённых маршрутов.

Интеграция фронтенда и бэкенда

Использование пакета «concurrently» для удобного запуска приложений.
Настройка proxy в Vite.
Работа с Axios, interceptor’ами и обработкой ошибок API.

Работа с данными: CRUD, фильтрация и пагинация

Создание и управление записями.
Настройка прав доступа.
Фильтрация, сортировка, поиск, визуализация данных.
Реализация серверной и клиентской пагинации.

Продвинутые возможности

Улучшение интерфейса и UX

Создание карточек и визуальных элементов.
Добавление графиков и аналитических панелей.

Деплой и подготовка к продакшену

Оптимизация сборки.
Деплой MERN‑приложения на Render.

Итог: чему вы научитесь

Создавать современные SPA‑приложения на React.
Строить надёжный backend на Node.js и Express.
Работать с MongoDB, моделями и схемами.
Интегрировать фронтенд и сервер в единую систему.
Применять лучшие практики безопасности.
Реализовывать полный функционал CRUD с правами доступа.
Готовить приложение к продакшену и развертывать на хостинге.

Почему этот курс стоит пройти

Этот курс станет вашим надежным проводником в мире full‑stack разработки. Вы получите структурированные знания, реальные практические навыки и самостоятельный проект, который можно добавить в портфолио.

Присоединяйтесь и сделайте уверенный шаг к карьере профессионального MERN‑разработчика!

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

Урок 1. 00:02:03
Course Requirements
Урок 2. 00:01:36
Video Blur Fix
Урок 3. 00:00:32
Course Review
Урок 4. 00:06:15
VS Code
Урок 5. 00:01:24
VITE - Info
Урок 6. 00:02:54
VITE - Install
Урок 7. 00:06:22
VITE - Folder Structure
Урок 8. 00:00:56
Remove Boilerplate
Урок 9. 00:04:03
Obtain Assets
Урок 10. 00:03:19
Global CSS
Урок 11. 00:02:16
Title and Favicon
Урок 12. 00:02:05
Install All Libraries (Optional)
Урок 13. 00:02:31
React Router - Info
Урок 14. 00:04:00
React Router - Initial Setup
Урок 15. 00:07:04
Create Pages
Урок 16. 00:05:52
Setup index.js
Урок 17. 00:03:49
Link Component
Урок 18. 00:07:37
Nested Routes
Урок 19. 00:04:42
Error Page
Урок 20. 00:05:12
Styled Components - Intro
Урок 21. 00:03:36
Wrapper
Урок 22. 00:08:04
Landing Page
Урок 23. 00:11:08
Landing Page - CSS (optional)
Урок 24. 00:03:02
Logo Component
Урок 25. 00:01:39
Logo and Images
Урок 26. 00:03:55
Error Page - JSX
Урок 27. 00:03:09
Error Page - CSS (optional)
Урок 28. 00:07:48
Register Page - Setup
Урок 29. 00:07:19
FormRow Component
Урок 30. 00:04:44
Login Page
Урок 31. 00:04:24
Login and Register CSS (optional)
Урок 32. 00:03:40
Dashboard Setup
Урок 33. 00:05:12
Dashboard Structure
Урок 34. 00:03:20
Dashboard CSS (optional)
Урок 35. 00:09:15
Dashboard Context
Урок 36. 00:02:23
React Icons
Урок 37. 00:04:46
Navbar Structure
Урок 38. 00:08:04
Navbar CSS (optional)
Урок 39. 00:04:35
Links Data
Урок 40. 00:05:08
Sidebar Structure
Урок 41. 00:07:35
Sidebar Functionality
Урок 42. 00:11:28
Sidebar CSS (optional)
Урок 43. 00:02:51
NavLinks Component
Урок 44. 00:05:33
Big Sidebar
Урок 45. 00:09:53
Big Sidebar CSS (optional)
Урок 46. 00:07:54
Logout Container
Урок 47. 00:05:55
Logout Container CSS (optional)
Урок 48. 00:03:48
Theme Toggle
Урок 49. 00:01:50
Theme Toggle CSS (optional)
Урок 50. 00:10:15
Dark Theme Logic
Урок 51. 00:01:34
Dark Theme Logic - Bug Fix
Урок 52. 00:07:49
Dark Theme CSS (optional)
Урок 53. 00:05:44
Folder Structure
Урок 54. 00:05:28
ES6 Modules
Урок 55. 00:03:26
Install Server Packages
Урок 56. 00:05:24
Express and Nodemon
Урок 57. 00:03:25
Thunder Client
Урок 58. 00:04:51
JSON Middleware
Урок 59. 00:10:40
Morgan and Dotenv
Урок 60. 00:07:31
New Node Features (optional)
Урок 61. 00:09:45
Get All Jobs
Урок 62. 00:07:45
Create Job
Урок 63. 00:06:34
Get Single Job
Урок 64. 00:04:38
Edit Job
Урок 65. 00:04:16
Delete Job
Урок 66. 00:04:23
Not Found and Error Route
Урок 67. 00:04:35
Not Found vs Error Route
Урок 68. 00:11:53
Controller and Router
Урок 69. 00:00:45
MongoDB
Урок 70. 00:06:10
Atlas Account
Урок 71. 00:01:06
Mongoose
Урок 72. 00:03:13
Connect DB
Урок 73. 00:05:49
Job Model
Урок 74. 00:07:00
Create Job Controller
Урок 75. 00:06:01
Async Errors
Урок 76. 00:05:52
Get All Jobs and Get Single Job
Урок 77. 00:06:44
Delete and Update Job
Урок 78. 00:02:31
Status Codes
Урок 79. 00:12:40
Custom Error
Урок 80. 00:01:49
More Custom Errors
Урок 81. 00:03:11
Validation Layer - Intro
Урок 82. 00:11:12
Express Validator - Setup
Урок 83. 00:08:16
Validation Middleware
Урок 84. 00:05:03
Constants
Урок 85. 00:09:55
Validate Job Input
Урок 86. 00:06:44
Validate ID Params
Урок 87. 00:10:29
Validate Job
Урок 88. 00:03:25
User Model
Урок 89. 00:04:55
User Controller and Router
Урок 90. 00:02:11
Create User
Урок 91. 00:08:50
Validate Register User
Урок 92. 00:03:22
Admin User
Урок 93. 00:06:14
Hash Password
Урок 94. 00:02:58
Hash Utils
Урок 95. 00:03:28
Validate Login
Урок 96. 00:07:04
Login Logic
Урок 97. 00:07:44
JWT
Урок 98. 00:01:55
JWT ENV
Урок 99. 00:08:19
Http Only Cookie
Урок 100. 00:06:17
Authenticate User Setup
Урок 101. 00:05:01
Verify Cookie
Урок 102. 00:05:56
Verify JWT
Урок 103. 00:04:46
Add User to Job Routes
Урок 104. 00:07:13
Validate Owner
Урок 105. 00:03:27
Logout Controller
Урок 106. 00:08:28
User Routes
Урок 107. 00:05:09
Get Current User
Урок 108. 00:07:17
Update User
Урок 109. 00:06:48
Get Application Stats
Урок 110. 00:09:17
Proxy Setup
Урок 111. 00:04:12
Concurrently
Урок 112. 00:07:06
Axios
Урок 113. 00:02:13
React Router Action Intro
Урок 114. 00:07:32
First Action
Урок 115. 00:14:28
Register User Complete
Урок 116. 00:03:31
Navigation State
Урок 117. 00:05:41
React Toastify
Урок 118. 00:07:51
Login User
Урок 119. 00:05:49
UseActionData Hook
Урок 120. 00:04:29
Loaders
Урок 121. 00:06:43
Get Current User
Урок 122. 00:03:01
Logout
Урок 123. 00:07:35
Add Job Structure
Урок 124. 00:08:15
Select Input
Урок 125. 00:08:43
Create Job Functionality
Урок 126. 00:05:52
Add Job CSS (optional)
Урок 127. 00:06:30
All Jobs Structure
Урок 128. 00:02:05
All Jobs Context
Урок 129. 00:03:42
Jobs Container JSX
Урок 130. 00:02:48
Jobs Container CSS (optional)
Урок 131. 00:10:49
Job Component
Урок 132. 00:11:35
Job Component CSS (optional)
Урок 133. 00:06:40
Edit Job - Setup
Урок 134. 00:05:13
Route Params
Урок 135. 00:02:57
Edit Job Loader
Урок 136. 00:05:17
Edit Job JSX
Урок 137. 00:03:03
Edit Job Action
Урок 138. 00:07:24
Delete Job
Урок 139. 00:06:43
Admin Page Setup
Урок 140. 00:05:31
Admin Page Complete
Урок 141. 00:07:28
Admin CSS (optional)
Урок 142. 00:01:10
Avatar Images
Урок 143. 00:05:14
Public Folder
Урок 144. 00:02:08
User Schema Update
Урок 145. 00:09:47
Profile Page Structure
Урок 146. 00:07:06
Profile Action
Урок 147. 00:05:58
Setup Multer
Урок 148. 00:04:58
Cloudinary
Урок 149. 00:12:17
Update User Functionality
Урок 150. 00:06:30
Submit Button Component
Урок 151. 00:04:54
Create Test User
Урок 152. 00:07:21
Restrict Access to Test User
Урок 153. 00:04:38
Mockaroo
Урок 154. 00:08:54
Populate DB
Урок 155. 00:07:53
Stats Route Setup
Урок 156. 00:09:41
Group by Job Status
Урок 157. 00:09:44
Group by Monthly Applications
Урок 158. 00:06:33
Stats Page Setup
Урок 159. 00:06:41
Stats Container
Урок 160. 00:03:14
BarChart Container
Урок 161. 00:08:06
Charts
Урок 162. 00:01:37
Charts Container CSS (optional)
Урок 163. 00:05:46
Query Params
Урок 164. 00:06:19
Search Param
Урок 165. 00:03:46
Job Status and Job Type
Урок 166. 00:05:41
Sort
Урок 167. 00:11:00
Pagination
Урок 168. 00:09:09
Search Form Setup
Урок 169. 00:05:45
Loader and Query Params
Урок 170. 00:09:04
Controlled Inputs
Урок 171. 00:07:33
Debounce
Урок 172. 00:07:29
Pagination Setup
Урок 173. 00:07:11
Render Buttons
Урок 174. 00:08:32
Pagination Logic - First Approach
Урок 175. 00:13:57
Pagination Logic - Complex Approach
Урок 176. 00:07:09
Button Container CSS (optional)
Урок 177. 00:07:52
Local Build
Урок 178. 00:00:35
Render Intro
Урок 179. 00:05:30
Deploy App
Урок 180. 00:08:51
Build Front-End Programmatically
Урок 181. 00:12:24
Update User - Fix
Урок 182. 00:04:46
Global Loading
Урок 183. 00:07:03
React Query - Install
Урок 184. 00:07:53
Page ErrorElement
Урок 185. 00:11:55
First Query with React Query
Урок 186. 00:09:28
React Query in Stats Loader
Урок 187. 00:04:41
React Query - Current User
Урок 188. 00:05:30
Invalidate Queries
Урок 189. 00:09:57
React Query - All Jobs
Урок 190. 00:04:13
React Query - Edit Job
Урок 191. 00:06:02
Axios Interceptors
Урок 192. 00:05:49
Security Packages

Автор - udemy

udemy

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

+198

Комментарии