Главная страницаКатегория 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)

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

Начать Сейчас

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

45 ч 23 мин

Категория

JavaScript

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

358 Видео

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

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

Язык

Английский

Дата выхода

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

В этом курсе настолько много всего, что просто нет смысла писать все здесь. Но я могу гарантировать, что этот курс поможет вам стать фулстек разработчиком JavaScript. Вы овладеете навыками JavaScript, поймете программирование Core Node JS, создадите быстрый, гибкий и масштабируемый API с помощью Node JS. Кроме того, вы также изучите React JS с нуля. Вы научитесь создавать молниеносное веб-приложение, которое будет использовать данные из созданного вами API.

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

Курс покажет вам, как легко, быстро и эффективно освоить самые востребованные технологии современности. Хватайте эту возможность и не упустите ее!

В этом курсе:

Node JS с нуля
Разработка Node JS API с нуля
React JS с нуля
Современный JavaScript с нуля
Фулстек приложение для социальной сети с нуля
Как создать надежную аутентификацию Rock Solid с забытым паролем/сбросом пароля с помощью JWT
Авторизация
Как реализовать вход через социальные сети с помощью JWT
CRUD, загрузка изображений, отношения между сообщениями пользователей, подписка, отписка, лайки, комментарии и многое другое
Суперадминистратор в зависимости от роли
Пользовательская reCAPTCHA
Пагинация
Связь в реальном времени
SEO
Разверните социальную сеть фулстек React Node на облачном хостинге Digital Ocean
Полный исходный код доступен для каждого основного раздела и лекций
Глубокое понимание современного JavaScript, React и Node JS
Каждая строка кода объяснена!
Легко понять (Курс начинается с абсолютного базового подхода и постепенно продвигается вперед)
Следуйте лучшим практикам при написании кода
Полностью понимайте код, который вы пишете
Лучший способ структурировать приложение Node Js и React, чтобы оно масштабировалось в будущем.

Посмотреть больше

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

Урок 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 - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+195