Главная страницаКатегория react.jsMERN STACK 2022 - Создайте CMS (клон WordPress)

MERN STACK 2022 - Создайте CMS (клон WordPress)

Name: MERN STACK 2022 - Создайте CMS (клон WordPress)
Price: 12.5 USD
Rating: 5 (18 reviews)

MERN STACK 2022 - Build Ultimate CMS (WordPress Clone)

udemy

★5 (всего оценок - 18)

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

34 ч 4 мин

Категория

React.js

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

196 Видео

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

17 июн. 2022 г., 23:48

Язык

Английский

Дата выхода

10 мая 2022 г., 01:00

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

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

Хотите освоить MERN-стек и создать настоящую CMS уровня WordPress с нуля?Этот курс поможет вам получить практический опыт full‑stack разработки, научит работать с современными технологиями и создавать масштабируемые веб‑приложения.

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

Этот курс сфокусирован на практическом создании полноценного приложения на основе стека MERN. Вместо теории без практики вы шаг за шагом создадите собственную CMS — аналог WordPress, но на JavaScript от начала и до развертывания в облаке.

Почему MERN-стек — идеальный выбор

MERN объединяет в себе MongoDB, Express, React и Node.js, что позволяет работать сразу с одним языком как на стороне клиента, так и на сервере. Это ускоряет разработку, упрощает поддержку и делает процесс обучения значительно комфортнее.

Чему вы научитесь

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

Зачем создавать собственный клон WordPress

WordPress — мощная система, но её кастомизация требует значительных усилий: плагины, темы, редактирование кода, проблемы масштаба. Создавая CMS самостоятельно, вы полностью понимаете её внутреннюю структуру и получаете навыки разработки «на уровне ядра».

Практическая ценность

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

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

Новичкам во full‑stack разработке, которые хотят получить практические навыки
Frontend-разработчикам, желающим освоить backend на Node.js
Backend-разработчикам, стремящимся перейти на JavaScript‑стек
Тем, кто хочет научиться создавать крупные проекты без шаблонов и готовых CMS

Что вы получите к концу курса

Глубокое понимание всех элементов стека MERN
Навыки разработки масштабируемых full‑stack приложений
Собственную CMS, готовую к использованию реальными пользователями
Уверенность в создании проектов любого уровня сложности

Почему этот курс выделяется среди других

Полный практический подход

Вы не будете просто смотреть лекции — на каждом этапе вы будете писать код и создавать рабочий функционал. Основная цель — научить вас строить реальные приложения, а не просто изучать синтаксис.

Пошаговая структура

Каждый модуль выстроен логически: от настройки окружения до развертывания готовой системы. Этот подход помогает легко усваивать материал и видеть свой прогресс.

Готовы построить свою CMS на MERN?

Присоединяйтесь к курсу и погрузитесь в современную разработку, создавая мощное веб‑приложение, которым сможете гордиться.

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

Урок 1. 00:06:16
Project demo
Урок 2. 00:12:33
Project demo (dashboard)
Урок 3. 00:02:57
Are you ready for this course?
Урок 4. 00:04:43
Code editor
Урок 5. 00:04:45
Using live demo as a guide
Урок 6. 00:06:44
Initialize a project using npm
Урок 7. 00:07:53
React NextJs project setup
Урок 8. 00:11:05
Ant design and custom app component
Урок 9. 00:06:23
Trying ant component
Урок 10. 00:06:36
Global context (theory)
Урок 11. 00:11:41
React hooks
Урок 12. 00:12:51
Accessing context
Урок 13. 00:12:18
Toggle theme context
Урок 14. 00:05:52
Static folder for storing CSS files
Урок 15. 00:12:03
Menu component
Урок 16. 00:13:14
Next link to navigate between components
Урок 17. 00:13:55
Layout component
Урок 18. 00:10:28
Class to functional component (sidebar)
Урок 19. 00:15:22
Admin menu
Урок 20. 00:08:37
Menu icons
Урок 21. 00:13:10
Set current url
Урок 22. 00:11:20
Set active link
Урок 23. 00:10:02
Auto collapse menu based on window width
Урок 24. 00:10:13
Ant design form (theory)
Урок 25. 00:05:00
Understanding grid and columns
Урок 26. 00:13:18
Signup form
Урок 27. 00:05:24
Signin form
Урок 28. 00:09:18
Generate auth server
Урок 29. 00:11:49
Understanding server and GET request
Урок 30. 00:07:06
Understanding server and POST request
Урок 31. 00:12:34
Signup to mongo atlas
Урок 32. 00:08:27
Signup to sendgrid
Урок 33. 00:16:24
Axios POST request and debugging
Урок 34. 00:13:27
Save user in database
Урок 35. 00:14:20
Toast notifications and loading
Урок 36. 00:16:20
Auth context
Урок 37. 00:14:30
Using context and local storage
Урок 38. 00:10:48
Env file and axios configuration
Урок 39. 00:11:33
Signin backend
Урок 40. 00:07:37
Signin frontend
Урок 41. 00:10:59
Signout
Урок 42. 00:13:01
Conditional rendering and reset fields
Урок 43. 00:04:19
How forgot password works (theory)
Урок 44. 00:11:01
Forgot password request
Урок 45. 00:09:37
Forgot password resposne
Урок 46. 00:12:11
Implement reset password
Урок 47. 00:05:51
Trying reset password
Урок 48. 00:07:36
Admin categories page
Урок 49. 00:11:06
Category create form
Урок 50. 00:11:32
Category schema
Урок 51. 00:14:00
Category route and controller function
Урок 52. 00:07:05
Middleware explained
Урок 53. 00:09:59
Request headers
Урок 54. 00:12:58
Require signin middleware
Урок 55. 00:07:31
Create category
Урок 56. 00:12:47
Is admin middleware
Урок 57. 00:12:53
Role based redirect
Урок 58. 00:09:13
Protecting admin pages
Урок 59. 00:08:50
Loading state
Урок 60. 00:16:46
Current admin endpoint
Урок 61. 00:10:38
Protecting page based on server response
Урок 62. 00:09:41
Categories list server
Урок 63. 00:10:32
List of categories client
Урок 64. 00:09:33
Ant columns layout
Урок 65. 00:09:39
Delete category
Урок 66. 00:06:42
Update category server
Урок 67. 00:09:06
Using modal component
Урок 68. 00:13:47
Updating category on modal
Урок 69. 00:09:39
Complete category update
Урок 70. 00:13:52
Editor preview and posts page
Урок 71. 00:09:05
Installing rich markdown editor
Урок 72. 00:15:08
Styling editor
Урок 73. 00:15:52
Post title and content in local storage
Урок 74. 00:06:24
Load categories
Урок 75. 00:07:42
Multiple select
Урок 76. 00:04:15
Rich text editor upload image
Урок 77. 00:15:34
React image resize and resolve editor issues
Урок 78. 00:09:38
Using cloudinary
Урок 79. 00:14:27
Uploading image
Урок 80. 00:13:59
Post preview
Урок 81. 00:08:10
Handle publish
Урок 82. 00:10:11
Post route and schema
Урок 83. 00:15:47
Save post in database
Урок 84. 00:07:03
All posts server
Урок 85. 00:12:27
Creating posts
Урок 86. 00:14:30
List posts client
Урок 87. 00:05:03
Why we need post context (theory)
Урок 88. 00:11:37
Lifting state of posts
Урок 89. 00:10:56
Lifting state of categories
Урок 90. 00:04:40
WordPress inspired media library
Урок 91. 00:08:21
Featured image modal
Урок 92. 00:08:08
Media components
Урок 93. 00:09:39
Upload component
Урок 94. 00:12:48
Sending image as formdata
Урок 95. 00:12:35
Save media in database
Урок 96. 00:12:52
Drag and drop multiple images
Урок 97. 00:13:03
Media context
Урок 98. 00:08:28
Uploaded image preview
Урок 99. 00:08:16
Create post with featured image
Урок 100. 00:06:28
Media endpoints
Урок 101. 00:04:29
Fetch media
Урок 102. 00:09:11
Select from media library
Урок 103. 00:09:56
Remove media
Урок 104. 00:09:01
SEO in react apps and nextjs apps
Урок 105. 00:10:48
Load all posts
Урок 106. 00:13:17
Display posts
Урок 107. 00:11:34
Single post page
Урок 108. 00:14:26
Post image and meta content
Урок 109. 00:08:24
Scrolling post view and responsive layout
Урок 110. 00:07:16
Delete post
Урок 111. 00:16:19
Post edit page
Урок 112. 00:15:18
Pre populate post for edit
Урок 113. 00:07:14
Post edit request client
Урок 114. 00:10:53
Post edit server
Урок 115. 00:12:40
Admin media upload
Урок 116. 00:03:45
Admin media library
Урок 117. 00:12:50
Create user by admin
Урок 118. 00:12:48
Password generator select and checkbox
Урок 119. 00:15:49
Create user by admin server
Урок 120. 00:12:26
Send account info by email
Урок 121. 00:10:33
Code refactoring new post
Урок 122. 00:06:25
Code refactoring post list
Урок 123. 00:05:11
Is admin middleware
Урок 124. 00:11:51
Author nav and layout
Урок 125. 00:05:12
Author post create page
Урок 126. 00:17:26
Can create read update delete middleware
Урок 127. 00:08:58
Apply new middleware
Урок 128. 00:14:15
Author posts
Урок 129. 00:09:35
Author post edit
Урок 130. 00:18:03
Author media management
Урок 131. 00:12:08
Subscriber nav layout and pages
Урок 132. 00:08:19
Users page for admin
Урок 133. 00:16:57
Users list for admin
Урок 134. 00:12:38
Users list with number of posts
Урок 135. 00:08:36
Delete user by admin
Урок 136. 00:14:33
User update page for admin
Урок 137. 00:14:37
User update form fields and media
Урок 138. 00:17:52
Update user by admin
Урок 139. 00:10:55
User image preview
Урок 140. 00:13:07
Profile page
Урок 141. 00:10:19
Author and subscriber profile page
Урок 142. 00:17:34
Updating own profile based on roles
Урок 143. 00:10:36
Post count and pagination server
Урок 144. 00:17:47
Load more posts
Урок 145. 00:09:55
All posts for admin
Урок 146. 00:08:29
Searching and filtering
Урок 147. 00:09:16
Creating comment server
Урок 148. 00:07:13
Post comment form
Урок 149. 00:15:37
Posting comment client
Урок 150. 00:15:37
Populating post comments
Урок 151. 00:08:19
Render list of comments
Урок 152. 00:13:09
Can update delete comments server
Урок 153. 00:10:29
Comments CRUD controller functions
Урок 154. 00:10:55
Admin comments page
Урок 155. 00:10:45
Rendering comments for admin
Урок 156. 00:10:58
Load more comments
Урок 157. 00:10:16
Comments description view and delete
Урок 158. 00:04:05
Comments delete by admin
Урок 159. 00:06:08
Comments page for users
Урок 160. 00:14:05
Comment edit modal
Урок 161. 00:14:00
Comment update
Урок 162. 00:16:19
Contact page
Урок 163. 00:05:06
Contact form submit
Урок 164. 00:16:22
Send contact form email
Урок 165. 00:09:02
Share post to social networks
Урок 166. 00:05:21
Documents statistics server
Урок 167. 00:08:13
Admin index page to display statistics
Урок 168. 00:12:44
Numbers counter with progress
Урок 169. 00:11:33
Custom hook useCategory
Урок 170. 00:05:03
Custom hook useLatestPosts
Урок 171. 00:06:41
Posts by category server
Урок 172. 00:11:40
Posts by category page
Урок 173. 00:11:46
List of posts based on category
Урок 174. 00:11:09
Full width image
Урок 175. 00:06:44
Loading to redirect
Урок 176. 00:07:31
Text on top of full width image
Урок 177. 00:09:29
Stats counter on home page
Урок 178. 00:08:05
Latest posts in home page
Урок 179. 00:09:36
Parallax image
Урок 180. 00:07:09
Categories list in home page
Урок 181. 00:07:25
Footer
Урок 182. 00:10:10
Customize page
Урок 183. 00:10:04
Customize home page from dashboard
Урок 184. 00:13:45
Page create and fetch server
Урок 185. 00:14:33
Customize home page
Урок 186. 00:06:49
Custom hook useHome
Урок 187. 00:03:32
Deployment overview
Урок 188. 00:05:46
Digital ocean setup
Урок 189. 00:08:56
SSH access
Урок 190. 00:05:37
Push code to github
Урок 191. 00:13:18
Installing NodeJs NGINX and git clone
Урок 192. 00:15:49
Installing MongoDB and commit changes
Урок 193. 00:04:59
Running frontend
Урок 194. 00:04:09
Trying signup
Урок 195. 00:12:03
Performing actions in dashboard
Урок 196. 00:02:16
Final thoughts

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии