Последние новости: Свежий coursehunters.club

MERN Stack Front To Back: Full Stack React, Redux & Node.js - Видеоуроки

MERN Stack Front To Back: Full Stack React, Redux & Node.js
Duration 16:27:20
Открыть все курсы от udemy

MERN Stack Front To Back: Full Stack React, Redux & Node.js - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Welcome To The Course 00:04:32
  • Урок 2. A Look At the Main App 00:06:11
  • Урок 3. Before We Begin 00:02:40
  • Урок 4. VSCode Setup 00:08:24
  • Урок 5. MongoDB Setup With mLab 00:03:56
  • Урок 6. Install Dependencies & Basic Server Setup 00:09:38
  • Урок 7. Connecting To MongoDB With Mongoose 00:04:59
  • Урок 8. Route Files With Express Router 00:13:29
  • Урок 9. Creating The User Model 00:05:03
  • Урок 10. User Registration & Postman 00:21:30
  • Урок 11. Email & Password Login 00:08:32
  • Урок 12. Creating The JWT 00:07:34
  • Урок 13. Passport JWT Authentication Strategy 00:19:18
  • Урок 14. Validation Handlers - 1 00:14:21
  • Урок 15. Validation Handlers - 2 00:14:28
  • Урок 16. Aside - Front End Visual 00:03:41
  • Урок 17. Creating The Profile Model 00:13:40
  • Урок 18. Current User Profile Route 00:10:14
  • Урок 19. Create & Update Profile Routes 00:15:51
  • Урок 20. Profile Field Validations 00:18:56
  • Урок 21. More Profile API Routes 00:17:30
  • Урок 22. Add Experience & Education Routes 00:17:23
  • Урок 23. Delete Education & Experience Routes 00:17:37
  • Урок 24. Creating The Post Model 00:07:12
  • Урок 25. Post Create Route 00:13:02
  • Урок 26. Get & Delete Post Routes 00:12:22
  • Урок 27. Post Like & Unlike Routes 00:12:06
  • Урок 28. Add & Remove Comment Routes 00:15:19
  • Урок 29. A Look At The Bootstrap Theme & UI 00:10:34
  • Урок 30. Implementing React 00:13:13
  • Урок 31. Bootstrap & Assets Setup 00:10:52
  • Урок 32. Basic Layout 00:13:45
  • Урок 33. React Router Setup (v4) 00:14:24
  • Урок 34. Creating The Register Form With State 00:11:49
  • Урок 35. Creating The Login Form With State 00:04:47
  • Урок 36. Testing Registration With Our Form - No Redux Yet 00:08:07
  • Урок 37. Error Handling & Display 00:13:46
  • Урок 38. Why We Need Redux 00:09:24
  • Урок 39. Redux Store & Chrome Extension Setup 00:16:46
  • Урок 40. Redux Action & Reducer Workflow Example 00:16:25
  • Урок 41. Registration & The Error Reducer 00:16:46
  • Урок 42. Redux Login Action & Set Current User 00:16:43
  • Урок 43. Login Form Functionality 00:17:08
  • Урок 44. Logout & Conditional Navbar Links 00:21:50
  • Урок 45. TextFieldGroupInput Component 00:16:20
  • Урок 46. Profile Reducer & Get Current Profile 00:20:41
  • Урок 47. Spinner Component & Dashboard Start 00:16:33
  • Урок 48. Private Route Setup 00:09:47
  • Урок 49. CreateProfile Component & Route 00:10:10
  • Урок 50. Form Field Components 00:12:15
  • Урок 51. Create Profile Form 00:19:03
  • Урок 52. Create Profile Functionality 00:12:07
  • Урок 53. Profile Actions Component & Delete Account 00:15:15
  • Урок 54. Edit Profile Component 00:14:02
  • Урок 55. Add Experience Form 00:22:04
  • Урок 56. Add Experience Functionality 00:09:24
  • Урок 57. Add Education Form & Functionality 00:09:17
  • Урок 58. Dashboard Experience Display & Delete 00:22:13
  • Урок 59. Dashboard Education Display & Delete 00:05:54
  • Урок 60. Profiles Component & getProfiles Action 00:19:04
  • Урок 61. Profile Items 00:13:35
  • Урок 62. Profile By Handle & Sub Components 00:14:20
  • Урок 63. Profile Header 00:13:26
  • Урок 64. Profile About & Credentials 00:17:21
  • Урок 65. Profile Github & Touch Ups 00:20:38
  • Урок 66. Post State & addPost Action 00:07:48
  • Урок 67. Posts & Post Form Component 00:18:43
  • Урок 68. getPosts Action & PostFeed Component 00:12:31
  • Урок 69. Post Item Component 00:12:48
  • Урок 70. Delete, Like & Unlike Posts 00:15:12
  • Урок 71. Single Post Display 00:15:51
  • Урок 72. Comment Form Component & Action 00:08:31
  • Урок 73. Comment Display & Delete 00:17:37
  • Урок 74. Securing Our Keys 00:05:30
  • Урок 75. Heroku Setup 00:07:45
  • Урок 76. Post Build & Deployment 00:15:48

Создавайте и разверните социальную сеть с помощью Node.js, Express, React, Redux и MongoDB и узнайте как собрать все это вместе.

Добро пожаловать в «MERN Stack Front To Back». В этом курсе мы создадим полномасштабное приложение социальной сети, используя Node.js, Express, React, Redux и MongoDB вместе с ES6 +. Мы начнем с пустого текстового редактора и закончим развертывание полного приложения.

Этот курс включает...

  • Создание обширного API бэкэнд с помощью Node.js & Express
  • Защита маршрутов / конечных точек с помощью JWT (JSON Web Tokens)
  • Обширное тестирование API с помощью Postman
  • Интеграция React c нашим бэкэндом элегантным способом, создавая отличный рабочий процесс
  • Построение фронтенда для работы с API
  • Использование Redux для управления состояния приложения
  • Создание reducers и actions для наших ресурсов
  • Создание множества компонентов контейнера, которые интегрируются с Redux
  • Тестирование с помощью расширения Redux для Chrome

Создание скрипта сборки, защита наших ключей и развертывание в Heroku с использованием Git

Это НЕ курс «Intro to React» или «Intro to Node». Это практические уроки для создания приложения, используя невероятный стек MERN. Я стараюсь объяснять все, как только я иду, поэтому можно следить без опыта React / Node, но сначала рекомендуется знать, по крайней мере, основы.

Твоя оценка

47 1
Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

Похожие курсы

16-01-2018 en 252 урока
udemy The complete React Fullstack course
Вы хотите увидеть весь процесс создания своего приложения? Тогда этот курс для вас. Поднимите свой скилл на новый уровень с помощью React, Node js, MongoDB, Firebase, Webpack и ES6.

Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать это ... и зачем мне оно», чтобы реально понять, как работает React, и заставить его общаться с другими технологиями, такими как Firebase и Node js. Вы узнаете всю логику и...
Duration 44:33:39
47 0
24-08-2017 en 192 урока
udemy Node with React: Fullstack Web Development
Создавайте и развертывайте веб-приложения с помощью NodeJS, React, Redux, Express и MongoDB. Примечание. Этот курс предполагает что у вас уже есть знания React и Redux. Посмотрите мой курс «Modern React with Redux», он будет отличной подготовкой для вас перед просмотром этого курса.
Duration 25:43:06
17 0
en 85 уроков
jsfullstacker Master React to build real-world web applications!
Этот курс поможет вам понять основы создания компонентов React и отобразить их на странице для таких расширенных тем, как маршрутизация и аутентификация, авторизация пользователей.
Duration 04:29:51
13 0
12-12-2017 en 69 уроков
udemy Node.js, Express & MongoDB Dev to Deployment
Изучите пример создания и развертывания приложений Node.js с нуля. В этом 8,5-часовом курсе вы увидите пример создания 2-х серверных приложений реального мира с нуля вплоть до развертывания с реальным доменом. Вы узнаете, как структурировать ваши приложения Node / Express, создавать модели данных, связывать данные, отображать виды, проверять подлинность пользователей, создавать помощники и многое другое ...
Duration 09:04:14
30 0
10-04-2018 en 16 уроков
udemy The complete JavaScript developer: A primer to Full Stack JS
Создавайте приложения с полным стеком JavaScript - MEAN, используя Angular2 +, TypeScript, Node.js, Express и MongoDB. Изучите все аспекты разработки JavaScript полного стека, используя стек MEAN. В этом учебном курсе мы представляем каждый раздел стека, и в 16 видеороликах мы покажем вам, как создать приложение с использованием новейших и лучших технологий на данный момент. На протяжении всего этого курса мы покажем вам, как использовать...
Duration 03:50:50
9 2
10-05-2018 en 129 уроков
udemy ReactJs, the complete guide with real world projects
ReactJS является одним из самых востребованных фреймворков javascript, и его популярность продолжает расти, поскольку все больше компаний начинают ее принимать. Он продолжает получать популярность, и нет лучшего времени, чтобы добавить его в свой портфель. Этот курс - это совокупность всего, что вам нужно, чтобы стать профессиональным разработчиком React.Redux является библиотекой React и очень популярен в мире разработки frontend. В этом курсе...
Duration 13:36:42
5 3
en 65 уроков
Нет лучшей стратегии для изучения новой технологии, кроме создания собственной версии. В этом курсе мы доведем это до крайности. Сначала вы начнете с создания своего собственного Redux. Затем, как только вы поймете ins и outs Redux, вы посмотрите, как подключить этот интерфейс к пользовательскому интерфейсу JavaScript. Затем вы увидите, как React и Redux работают вместе, заменяя свой интерфейс с помощью React. После этого мы рассмотрим проблемы...
Duration 06:56:47
18 0
27-06-2018 ru 93 урока
webformyself FullStack-Мастер. Разработка CRM-системы на Node.js, Express, Angular 6
В рамках единого видеокурса полностью и подробно раскрыт весь цикл FullStack JavaScript-разработки на MEAN STACK: MongoDB, Express.js, Angular (6) и Node.js. У вас будет четкий пошаговый план FullStack JavaScript-разработки, а также полное понимание алгоритма разработки сложного FullStack-приложения на примере создания CRM-системы с нуля.  Менее чем за 3 месяца, пожалуй, любой новичок сможет овладеть профессией FullStack-разработчик с...
Duration 19:14:54
30 0
10-07-2018 en 399 уроков
udemy Angular, Ionic & Node: Build A Real Web & Mobile Chat App
Научитесь подключать свой Angular и Ionic фронтенд к серверу NodeJS и MongoDB, создав реальное приложение для веба и мобильных устройств.Вы пытались создать собственное веб-приложение и мобильное приложение с использованием NodeJS? Возможно, вы пытались создать приложение для Интернета или мобильного телефона с функциями чата, и вам нужно сделать больше с ним, тогда этот курс для вас.Angular является одним из самых популярных фреймворков для...
Duration 35:37:26
3 0
10-07-2018 en 76 уроков
udemy Full-Stack React with GraphQL and Apollo Boost
Создавайте и развертывайте приложение с React и GraphQL с нуля с помощью Apollo Boost, Express и MongoDB.Этот курс предназначен для всех, кто хочет начать создавать приложения с помощью React и GraphQL! В этом курсе мы создадим приложение "рецептов" с нуля с полной аутентификацией (signup, signin, signout), а также с возможностью создавать, просматривать, искать, сохранять и удалять рецепты.Построение этого проекта даст вам навыки для...
Duration 06:52:36
11 0
09-10-2018 en 155 уроков
udemy Master Full-Stack Web Development | Node, SQL, React, & More
Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое!Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско. Он преподает понятия, которые я применяю на практике каждый день. Крайне важно понять весь полный стек.
Duration 18:36:51
1 0

Последнее добавленное

Gulp Сборка. Ускорение верстки

Gulp Сборка. Ускорение верстки

ru
Как вам идея зарабатывать больше, ускорив свой рабочий процесс, за счет внедрения новых инструментов? Все еще используете HTML + CSS? Переходи на красную сторону силы! У нас есть Gulp - Автообновление в браузере, LESS/SASS разложен по модулям, Нет дублированию кода, Компонентый подход.
Веб-разработка Full-Stack | Node, SQL, React и многое другое

Веб-разработка Full-Stack | Node, SQL, React и многое другое

en
Создайте проект fullstack с помощью Node.js, PostgreSQL, SQL, React, Redux! API, аутентификация и многое другое! Это тот курс, который вам нужен, прежде чем стать инженером. Это тот курс, который был мне нужен, прежде чем я стал инженером-программистом, работающим в центре города в Сан-Франциско.
Изучение Blockchain разработки с EOS и C++

Изучение Blockchain разработки с EOS и C++

en
Изучите экосистему ЕOS dApp и узнайте, как писать и развертывать смарт-контракты в EOSIO блокчейн. Смарт-контракты? Они здесь. EOS Blockchain? Да. C ++? Тут! Не может быть никаких сомнений: технология EOS и blockchain является самой разрушительной силой за последние годы. Компании не могут...
Знакомство с API ВКонтакте от Тарасова Алексея

Знакомство с API ВКонтакте от Тарасова Алексея

ru
Курс о том, как отправлять запросы к программному интерфейсу сервиса ВКонтакте и получать или размещать информацию в соц. API – это программный интерфейс взаимодействия между главным приложением (ВКонтакте) и дополнительными внешними приложениями. С помощью HTTP запросов к специальному серверу...
Асинхронные методы и примеры в Python

Асинхронные методы и примеры в Python

en
Поддержка асинхронного и параллельного программирования Python сильно недооценена. В этом курсе вы узнаете весь спектр параллельных API-интерфейсов Python. Мы начнем с изучения новых и мощных асинхронных и ожидающих ключевых слов вместе с базовым модулем: asyncio. Затем мы перейдем к потокам...
chat
logo