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