React Node FullStack - социальная сеть с нуля до развертывания - Видеоуроки

React Node FullStack - Social Network from Scratch to Deploy
Duration 20:49:20
Открыть все курсы от udemy

React Node FullStack - Social Network from Scratch to Deploy - Полный список уроков

Развернуть / Свернуть
  • Урок 1. What is node js 00:02:19
  • Урок 2. Why learn node js 00:02:21
  • Урок 3. Installing node js 00:02:40
  • Урок 4. Javascript in browser environment 00:03:16
  • Урок 5. Javascript in node js environment 00:02:27
  • Урок 6. Getting started with node js 00:02:55
  • Урок 7. Writing functions 00:03:44
  • Урок 8. Import export 00:06:27
  • Урок 9. Using arrow functions 00:05:38
  • Урок 10. Object destructuring 00:02:02
  • Урок 11. Using node js core modules 00:03:30
  • Урок 12. Using npm packages 00:08:16
  • Урок 13. Using express 00:05:29
  • Урок 14. Node js event loop 00:03:07
  • Урок 15. Programming for event loop 00:04:29
  • Урок 16. Asynchronous programming 00:08:14
  • Урок 17. Synchronous programming 00:04:25
  • Урок 18. Functional approach 00:03:47
  • Урок 19. Secrets of understanding node js 00:02:38
  • Урок 20. Creating server with express 00:07:16
  • Урок 21. Separating routes 00:05:05
  • Урок 22. Middleware explained 00:06:50
  • Урок 23. Using controllers 00:07:14
  • Урок 24. Json and postman 00:04:33
  • Урок 25. Signup with mlab to use mongodb 00:11:32
  • Урок 26. Connecting to database using mongoose 00:05:42
  • Урок 27. Post schema 00:04:53
  • Урок 28. Creating a post 00:12:59
  • Урок 29. Validation and friendly error messages 00:14:27
  • Урок 30. Getting posts 00:06:37
  • Урок 31. Whats next and cleanup 00:03:04
  • Урок 32. User schema 00:05:08
  • Урок 33. Virtual fields and methods 00:12:49
  • Урок 34. User signup using async await 00:12:16
  • Урок 35. User signin validation and error messaging 00:09:49
  • Урок 36. User signin flow 00:09:41
  • Урок 37. User signin with jwt 00:13:33
  • Урок 38. Testing user signin 00:03:43
  • Урок 39. Signout method 00:03:27
  • Урок 40. Protecting routes 00:06:39
  • Урок 41. Handling unauthorized error 00:02:59
  • Урок 42. Implementing authorization 00:05:23
  • Урок 43. Find user by id and add to req object 00:06:35
  • Урок 44. Has authorization method 00:03:59
  • Урок 45. Apply require signin to create post 00:02:01
  • Урок 46. Showing all users 00:08:49
  • Урок 47. Showing single user 00:07:49
  • Урок 48. Update user 00:10:51
  • Урок 49. Delete user 00:06:22
  • Урок 50. User post relationship with post schema 00:06:46
  • Урок 51. Create post with image upload and user 00:11:13
  • Урок 52. Testing create post 00:09:34
  • Урок 53. Get all posts with user 00:02:36
  • Урок 54. Get all posts by user 00:07:31
  • Урок 55. Post update delete flow 00:02:53
  • Урок 56. Post by id based on route param 00:03:51
  • Урок 57. Delete post 00:10:39
  • Урок 58. Update post 00:05:59
  • Урок 59. Whats next 00:03:59
  • Урок 60. Documenting api 00:09:11
  • Урок 61. Adding cors 00:03:41
  • Урок 62. Modern javascript 00:01:54
  • Урок 63. Creating variables using const 00:04:06
  • Урок 64. Creating variables using let 00:03:48
  • Урок 65. Template strings 00:05:10
  • Урок 66. Default parameters 00:03:25
  • Урок 67. Arrow functions 00:05:58
  • Урок 68. Arrow functions and this keyword 00:10:11
  • Урок 69. Destructuring object 00:08:14
  • Урок 70. Destructuring array 00:02:09
  • Урок 71. Restructuring 00:04:57
  • Урок 72. Spread and rest operators 00:07:32
  • Урок 73. Class constructor super 00:14:23
  • Урок 74. Installing react 00:05:24
  • Урок 75. React files and folders introduction 00:06:23
  • Урок 76. Storing data in component state via ajax call 00:10:59
  • Урок 77. Rendering state data using map 00:05:48
  • Урок 78. Conditional rendering 00:04:18
  • Урок 79. Imports exports props 00:09:36
  • Урок 80. Handling click events 00:07:40
  • Урок 81. Destructuring inline styling and keys 00:04:24
  • Урок 82. Create react project 00:04:45
  • Урок 83. Using react router dom 00:09:30
  • Урок 84. Adding pages 00:02:51
  • Урок 85. Signup form 00:04:25
  • Урок 86. Handling onChange events 00:08:46
  • Урок 87. User signup 00:11:02
  • Урок 88. Code refactoring 00:06:03
  • Урок 89. Showing validation and success message 00:08:48
  • Урок 90. Code refactoring signup page 00:03:57
  • Урок 91. Signin page 00:08:07
  • Урок 92. User signin 00:10:56
  • Урок 93. Loading... 00:05:05
  • Урок 94. Menu component 00:04:20
  • Урок 95. Styling and active link 00:08:49
  • Урок 96. Signout 00:13:00
  • Урок 97. Conditional rendering of signup signin links 00:08:09
  • Урок 98. Show user name 00:02:48
  • Урок 99. Code refactoring auth logic 00:05:29
  • Урок 100. Profile page 00:07:07
  • Урок 101. Showing user info from local storage 00:05:40
  • Урок 102. Using .env variables 00:03:51
  • Урок 103. Fetch user profile 00:13:46
  • Урок 104. Code refactoring fetch user 00:08:19
  • Урок 105. Show edit profile delete profile buttons 00:06:45
  • Урок 106. Active link user profile 00:02:42
  • Урок 107. Whats next? 00:01:45
  • Урок 108. Users component 00:02:30
  • Урок 109. Populate users in state 00:04:22
  • Урок 110. Loop through users 00:06:08
  • Урок 111. Style user cards 00:06:18
  • Урок 112. Default profile image 00:03:39
  • Урок 113. All users profile page 00:08:37
  • Урок 114. Delete profile component 00:02:15
  • Урок 115. Users profile based on props change 00:03:25
  • Урок 116. Delete account prompt 00:03:58
  • Урок 117. Delete user account 00:07:35
  • Урок 118. Edit profile component 00:07:09
  • Урок 119. Pre profile edit profile form 00:05:30
  • Урок 120. Update user profile 00:09:51
  • Урок 121. Client side validation on profile update 00:09:18
  • Урок 122. Private route for authenticated users only 00:08:58
  • Урок 123. Profile photo upload 00:11:00
  • Урок 124. Loading... on edit profile 00:03:53
  • Урок 125. Node API - Update profile with image 00:13:44
  • Урок 126. File size validation 00:04:22
  • Урок 127. Node API - Get user photo with separate route 00:05:45
  • Урок 128. Display profile image in edit profile page 00:05:18
  • Урок 129. Default image and profile image on all pages 00:09:21
  • Урок 130. User about field 00:04:52
  • Урок 131. Update user info in local storage 00:07:34
  • Урок 132. Whats next? 00:03:03
  • Урок 133. Following and followers - User schema and userById method 00:05:54
  • Урок 134. Following and followers - Routes and controller methods 00:09:46
  • Урок 135. Remove following and remove followers - Routes and controller methods 00:03:44
  • Урок 136. Follow Profile Buttons Component 00:04:41
  • Урок 137. Check follow or not 00:08:08
  • Урок 138. Implement follow 00:10:55
  • Урок 139. Implement unfollow 00:04:49
  • Урок 140. Profile tabs component 00:06:02
  • Урок 141. Display followers list 00:07:34
  • Урок 142. Display following list 00:05:22
  • Урок 143. Node API - Who to follow? 00:06:49
  • Урок 144. Find people component 00:08:55
  • Урок 145. Find people and follow 00:10:19
  • Урок 146. Starting with posts 00:02:58
  • Урок 147. Create new post 00:18:32
  • Урок 148. Show all posts in home page 00:08:39
  • Урок 149. Show post's user date and excerpt 00:12:38
  • Урок 150. Node API - Post image 00:03:45
  • Урок 151. Show posts with image 00:04:52
  • Урок 152. Single post component 00:03:25
  • Урок 153. Load single post in state 00:06:15
  • Урок 154. Display single post 00:06:40
  • Урок 155. Show loading on single post and posts 00:03:04
  • Урок 156. Posts by user 00:08:15
  • Урок 157. Display posts by user 00:04:29
  • Урок 158. Show update delete buttons 00:06:48
  • Урок 159. Delete post 00:07:24
  • Урок 160. Delete post prompt 00:01:52
  • Урок 161. Update post component 00:04:48
  • Урок 162. Implement update post 00:17:23
  • Урок 163. Update post photo and error messaging 00:05:36
  • Урок 164. Whats next? 00:02:13
  • Урок 165. Node API - Implement like unlike 00:09:45
  • Урок 166. React frontend - Like Unlike methods 00:03:21
  • Урок 167. Implement like unlike in frontend 00:15:28
  • Урок 168. Like unlike styling 00:04:38
  • Урок 169. Like signin redirect 00:04:46
  • Урок 170. Comments backend 00:08:56
  • Урок 171. React comment uncomment methods 00:03:21
  • Урок 172. Adding comments 00:14:54
  • Урок 173. Render comments 00:12:04
  • Урок 174. Comment uncomment and validations 00:13:04
  • Урок 175. Deploy Node JS API - Signup and super user 00:13:44
  • Урок 176. Running API in Digital Ocean 00:12:09
  • Урок 177. Using mongoDB in Digital Ocean 00:07:02
  • Урок 178. Deploy React SPA to Digital Ocean 00:10:15
  • Урок 179. Own reCAPTCHA? 00:02:18
  • Урок 180. Super Admin Overview 00:01:27
  • Урок 181. Implementing role to users 00:11:44
  • Урок 182. Making a user admin using command line 00:11:40
  • Урок 183. Admin can update and delete anyone's post 00:06:44
  • Урок 184. Admin can update and delete any user 00:12:45
  • Урок 185. How to download source code from Github and checkout different commits 00:07:30

Изучите разработку Node JS API с нуля с MongoDB. Изучите веб-разработку с помощью React JS с нуля. В этом курсе вы узнаете, как работать с React и Node JS - создадите социальную сеть с нуля и развернете ее на облачном хостинге.

В этом курсе вы изучите:

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

Этот курс имеет гораздо больше, нет смысла писать все здесь. Но я могу гарантировать, что этот курс - ваш путь к тому, чтобы стать разработчиком FullStack JavaScript.

Запишитесь на этот курс. Это революционно :)

Вы овладеете навыками JavaScript, разберетесь в программировании Core Node JS, создадите быстрый, гибкий и масштабируемый API с Node JS.

Мало того, вы также изучите React JS с нуля. Вы научитесь создавать молниеносное веб-приложение, которое будет использовать данные из создаваемого вами API.

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

Твоя оценка

6 6
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

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

15-04-2018 en 76 уроков
udemy MERN Stack Front To Back: Full Stack React, Redux & Node.js
Создавайте и разверните социальную сеть с помощью Node.js, Express, React, Redux и MongoDB и узнайте как собрать все это вместе.Добро пожаловать в «MERN Stack Front To Back». В этом курсе мы создадим полномасштабное приложение социальной сети, используя Node.js, Express, React, Redux и MongoDB вместе с ES6 +. Мы начнем с пустого текстового редактора и закончим развертывание полного приложения.
Duration 16:27:20
83 1
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
69 7
11-04-2017 en 161 урок
udemy Full-Stack Web Apps with Meteor and React
Вы пытаетесь создать и запустить full-stack веб-приложения? Возможно вы хотите работать на фрилансе, поменять работу или запустить собственный проект. Если это так, этот курс для вас. Как и все мои курсы, я разработал этот с единственной целью: превратить вас в фулл-стек разработчика Meteor и React, способного разрабатывать, тестировать и развертывать реальные веб-приложения. Этот курс охватывает все что вам нужно для создания реальных...
Duration 31:38:24
18 0
14-08-2018 en 459 уроков
udemy Angular 6 (Angular 2+) & React 16 - The Complete App Guide
Совершенствуйтесь в  Angular (Angular 5, включая Angular 6), React + Redux (React 16) и Node. Создайте собственное веб-приложение, доступное в Интернете. Современный курс, который слушается своих учеников. Дополнительные функции по требованию регулярно интегрируются в этот курс. Если вы планируете начать свою карьеру как разработчик или просто хотите улучшить свои навыки программирования, то этот курс подходит именно вам. Получите все, что...
Duration 62:40:37
16 2
19-12-2018 en 182 урока
udemy Complete Next.js with React & Node - Beautiful Portfolio App
Next.js (Next 7), React (React16+) и Node. Узнайте, как создать изоморфный сайт, включая SEO, блог и развертывание. Если вы планируете начать карьеру разработчика или просто хотите усовершенствовать свои навыки программирования, тогда этот курс подходит именно вам. Узнайте, как создать удивительный сайт-портфолио, которым вы сможете поделиться со своими коллегами или будущими работодателями.
Duration 27:47:52
12 0
12-03-2019 en 2 урока
frontendmasters Complete Intro to React, v5
В дополнение к обновлению всех инструментов до последних и самых лучших версий Complete Intro to React v5 реструктурировал семинар, чтобы больше сосредоточиться на обучении основным принципам React, не жертвуя при этом какими-либо инструкциями по инструментарию. В этом двухдневном тренинге Брайан Холт поможет посетителям начать с нуля и иметь возможность поставлять готовые приложения React!
Duration 16:41:57
25 0
05-12-2018 en 43 урока
frontendmasters API Design in Node.js, v3
Проектируйте и создавайте API в Node.js с нуля! Вы будете планировать свои маршруты и моделировать данные для реальных приложений. Затем создайте, прочитайте, обновите и удалите ресурсы из базы данных MongoDB с помощью методов REST, используя маршрутизаторы и контроллеры Express. Наконец, вы добавите промежуточное ПО аутентификации с JWT и научитесь тестировать свои API с помощью Jest!
Duration 03:35:04
11 1
15-01-2019 en 66 уроков
udemy Mastering REST APIs in Node.js: Zero To Hero
Вы когда-нибудь задумывались о том, как работают REST API? Вы пытались понять все компоненты, необходимые для создания REST API ? Вы разработчик Java / PHP / Perl / Python, но сейчас интересуетесь Node.js? Вы хотели знать, как работают реляционные базы данных? Или как работает NoSQL? Чем они отличаются - или даже похожи? Вы слышали о веб-токенах JSON и аутентификации на основе токенов, но не знаете, как они работают? Вы слышали последнее модное...
Duration 08:31:29
3 0
ru 25 уроков
jsexpert Фундаментальный курс Node.js + Express + MongoDB
Через 3 месяца вы незаменимый специалист с зарплатой мечты! У вас будет готовый проект! Экономим ваше время и сылы, мало теории, много практической работы, от разработчика с опытом 12+ лет.
Duration 08:06:42
16 4
ru 27 уроков
loftschool Node.js: серверный JavaScript
Курс рассчитан на веб-разработчиков с опытом разработки на языке JavaScript и на выпускников «Продвинутого курса по веб-разработке» или курса «Комплексное обучение JavaScript»
Duration 21:03:18
7 6
01-11-2018 en 48 уроков
udemy Learn Web Scraping with NodeJs in 2019 - The Crash Course
Изучите Web Scraping с помощью NodeJs и таких инструментов, как: Puppeteer от Google, Request, Cheerio. Войдите в мир Веб-скрапинга и интеллектуального анализа данных с помощью Node. Изучите современные методы Веб-скрапинга с помощью NodeJs - Puppeteer и с прямыми запросами NodeJs.
Duration 06:41:08
23 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
29 0
11-10-2017 en 216 уроков
udemy The Complete 2018 Fullstack Web Developer Course
Изучайте HTML, HTML5, CSS, CSS3, JavaScript, PHP, jQuery, Ajax и MySQL с нуля! Добро пожаловать на полный курс - Fullstack Web Developer 2018.
Duration 21:00:02
14 0
16-09-2018 en 68 уроков
wesbos Full Stack Advanced React + GraphQL
Премиум курс от Wes Bos - Full Stack Advanced React + GraphQL на рельаном примере научит строить вас проекты высокого уровня с помощью React.  Подобно тому, как React изменил способ создания веб-приложений, GraphQL меняет способ сборки API для запроса и изменения данных. С упором на современное приложение для JavaScript и реального мира, этот курс является начальным способом изучения Full Stack Advanced React, GraphQL, Node.js и друзей.
Duration 16:19:09
116 1

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

Жесткие части: cерверы и Node.js

Жесткие части: cерверы и Node.js

en
На этом семинаре мы пойдем под капот Node двумя противоположными способами - поняв разработку серверов на основе интуитивно понятных принципов (HTTP, TCP / IP, Ports, Loopback, SSH) и поняв функции JavaScript, составляющие Node (событие цикл, потоки, буферы, асинхронность, прототипы).
Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

Microsoft Azure Инфраструктура и Развертывание - Экзамен AZ-100

en
Этот курс предназначен для того, чтобы помочь вам выучить и развить необходимые навыки для сдачи сертификационного экзамена Microsoft Azure AZ-100. Экзамен AZ-100 проверяет ваши знания в области создания, настройки и управления ресурсами в облаке Azure, включая, помимо прочего: управление...
Сертифицированный специалист по безопасности информационных систем (CISSP)

Сертифицированный специалист по безопасности информационных систем (CISSP)

en
Чтобы получить сертификат CISSP, кандидаты должны сдать экзамен, состоящий в основном из вопросов с несколькими вариантами ответов. Цель этого курса - подготовить вас к сертификационному экзамену, познакомив вас с понятиями и терминологией, которые вам необходимо знать для прохождения.
Сертифицированный архитектор решений AWS - Professional

Сертифицированный архитектор решений AWS - Professional

en
AWS является одной из самых быстрорастущих платформ облачных сервисов, предлагаемых сегодня. Он используется во всем мире миллионами пользователей! Возможность получить сертификацию уровня CSA Pro является одним из главных достижений для любого облачного инженера. Учитывая это, это также один...
Тестирование мобильных приложений

Тестирование мобильных приложений

ru
В современном мире бизнес всё чаще обращает внимание на мобильные технологии. И в этом нет ничего удивительного. Рынок мобильных устройств растёт в разы быстрее рынка домашних компьютеров, позволяя реализовывать новые возможности для развития и продвижения самых передовых бизнес идей.
Фреймворк NuxtJS. Руководство по FullStack-разработке

Фреймворк NuxtJS. Руководство по FullStack-разработке

ru
Полное руководство по Nuxt. Почему стоит посмотреть этот курс? Полный охват теоретических и практических знаний с полным циклом разработки: клиентская и серверная части. Nuxt.js позволяет создавать SEO-дружественные приложения, которые можно продвигать в поисковых системах. По урокам курса...
Moscow Python Conf ++ 2019

Moscow Python Conf ++ 2019

ru
Конференция Moscow Python Conf ++ посвящена всему, что делают Python разработчики: backend и web, сбор и обработка данных, AI/ML, тестирование, DevOps, базы данных, IoT, infosec. Кроме этого, мы обсуждаем сам язык, его развитие, организацию проектов, управление зависимостями и лучшие практики...
Разработка PHP-пакетов (PRO версия)

Разработка PHP-пакетов (PRO версия)

en
Премиум видео курс по разработке пакетов для PHP и Laravel. "Я вроде уже делал такое, давайте я гляну на старых проектах." Знакомы такие слова ? Когда мне давали задание на моей работе, я обычно отправлялся на поиски доступного пакета с открытым исходным кодом на packagist.org - и если не было...
chat
logo