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

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

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

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

+194

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

Ограничение времени просмотра

Автор - udemy

udemy

Другие материалы в этой категории

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

Приложение для Аренды Автомобилей со стеком MERN: React, Redux, Node

Изучите стек MERN с WebRTC и SocketIO создавая клон Discord

Приложение с подпиской React Node Stripe MongoDB (MERN)

Стек MERN

React и NodeJS: Практическое руководство с Typescript

Создание интернет-магазина с помощью React и Chakra UI - MERN