udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
MERN 2024: MongoDB, Express, React и NodeJS
MERN 2024 Edition - MongoDB, Express, React and NodeJS
★ 4.3 (всего оценок - 8)
Продолжительность
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
Комментарии