Последние новости: Coursehunters.club

Практический курс React, учитесь строя проекты. - Видеоуроки

The React practice course, learn by building projects.
Duration 43:45:48
Открыть все курсы от udemy

The React practice course, learn by building projects. - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction 00:01:53
  • Урок 2. First Project Overview 00:01:21
  • Урок 3. Second Project overview 00:02:08
  • Урок 4. Third Project overview 00:02:33
  • Урок 5. Installing NODE Js - MAC 00:02:14
  • Урок 6. Installing NODE Js - WINDOWS 00:02:42
  • Урок 7. Project setting up 00:05:48
  • Урок 8. Creating the Header 00:11:43
  • Урок 9. Header sidedrawer 00:16:03
  • Урок 10. Finishing the Header 00:06:37
  • Урок 11. Slider section 00:12:34
  • Урок 12. Adding a countdown 00:08:00
  • Урок 13. Finishing countdown 00:09:45
  • Урок 14. Venue NFO component 00:09:59
  • Урок 15. Highlight section 00:15:53
  • Урок 16. Button reusable component 00:08:08
  • Урок 17. Adding prices 00:14:35
  • Урок 18. Footer and Location section 00:07:43
  • Урок 19. Adding a Scroll To 00:10:21
  • Урок 20. Deployment to Surge 00:05:56
  • Урок 21. Project setting up 00:08:04
  • Урок 22. Adding a Header 00:13:57
  • Урок 23. Finishing Header, adding Footer 00:13:03
  • Урок 24. Home: featured Animation 00:11:53
  • Урок 25. Home: featured Animation...continued 00:17:45
  • Урок 26. Home: Finishing featured Animation 00:17:02
  • Урок 27. Tags RC 00:13:06
  • Урок 28. Adding Firebase 00:13:28
  • Урок 29. Home: Adding the Match blocks component 00:14:54
  • Урок 30. Home: Finishing the Match blocks component 00:12:49
  • Урок 31. Home: Meet the players component 00:11:43
  • Урок 32. Home: Finishing player card 00:12:05
  • Урок 33. Home: Finishing player card...continued 00:07:08
  • Урок 34. Home: Enroll reveal component 00:07:23
  • Урок 35. Home: Enroll, starting with form fields 00:16:43
  • Урок 36. Home: Enroll and form fields 2 00:18:13
  • Урок 37. Home: Enroll and form fields 3 00:14:58
  • Урок 38. Home: Finishing Enroll and form fields 00:15:18
  • Урок 39. Auth: Login component 00:11:53
  • Урок 40. Auth: Finishing Login 00:06:35
  • Урок 41. Auth: Creating a Dashboard 00:16:50
  • Урок 42. Auth: Private Routes 00:16:39
  • Урок 43. Auth: Public Routes 00:08:51
  • Урок 44. Admin: Matches endpoint 00:18:45
  • Урок 45. Admin: Edit Match - creating the form 00:14:11
  • Урок 46. Admin: Edit Match - creating the form 2 00:19:17
  • Урок 47. Admin: Adding functions 00:18:39
  • Урок 48. Admin: Finishing Edit matches 00:10:38
  • Урок 49. Admin: Add Match 00:05:46
  • Урок 50. Admin: Players Endpoint 00:09:38
  • Урок 51. Admin: Add players - creating the form 00:17:43
  • Урок 52. Admin: Players fileuploader 00:20:23
  • Урок 53. Admin: Players fileuploader ..continued 00:14:06
  • Урок 54. Admin: Finshing add players 00:14:15
  • Урок 55. Admin: Edit player 00:15:41
  • Урок 56. Creating The Team component 00:23:36
  • Урок 57. The matches: Creating the component 00:18:19
  • Урок 58. The matches: Adding transitions 00:16:43
  • Урок 59. The matches: Filters 00:14:45
  • Урок 60. The matches: Finishing filters 00:04:51
  • Урок 61. Adding a 404 PAGE 00:04:59
  • Урок 62. DEPLOY to production. 00:10:52
  • Урок 63. Installing Mongo DB - MAC 00:07:28
  • Урок 64. Installing Mongo DB - WINDOWS 00:08:25
  • Урок 65. installing Robo 3T - MAC 00:03:08
  • Урок 66. Installing Robo 3T - WINDOWS 00:03:11
  • Урок 67. SERVER: initial setup 00:10:59
  • Урок 68. SERVER: .env and middleware 00:07:55
  • Урок 69. SERVER: User model 00:08:51
  • Урок 70. SERVER: Registering users 00:08:33
  • Урок 71. SERVER: Hashing passwords 00:09:54
  • Урок 72. SERVER: Login users and creating tokens 00:22:11
  • Урок 73. SERVER: Auth route 00:17:48
  • Урок 74. SERVER: Logout 00:05:03
  • Урок 75. SERVER: Brand model and routes 00:15:58
  • Урок 76. SERVER: Woods model and routes 00:08:36
  • Урок 77. SERVER:Adding products 00:19:56
  • Урок 78. SERVER: Getting products by ID 00:12:36
  • Урок 79. SERVER: Getting product by order. 00:10:04
  • Урок 80. CLIENT: Starting with the client 00:13:37
  • Урок 81. CLIENT: Header anf footer 00:19:22
  • Урок 82. CLIENT: Setting Redux up. 00:13:01
  • Урок 83. CLIENT: Adding a Register login component 00:13:07
  • Урок 84. CLIENT:Creating the login 00:14:00
  • Урок 85. CLIENT:Creating the login 2 00:20:10
  • Урок 86. CLIENT:Creating the login 3 00:10:10
  • Урок 87. CLIENT: Finishing the login 00:14:44
  • Урок 88. CLIENT: Creating the Register 00:15:20
  • Урок 89. CLIENT: Finishing register 00:16:18
  • Урок 90. CLIENT: Creating the dashoard 00:12:50
  • Урок 91. CLIENT: Preventing routes 00:25:33
  • Урок 92. CLIENT: Header links 00:16:53
  • Урок 93. CLIENT: Finishing Header links 00:13:48
  • Урок 94. CLIENT:Home slider promotions 00:18:54
  • Урок 95. CLIENT:Home cards 00:13:37
  • Урок 96. CLIENT: Home cards 2 00:17:01
  • Урок 97. CLIENT: Finishing home cards 00:12:39
  • Урок 98. CLIENT: Startting the Shop component 00:17:52
  • Урок 99. CLIENT: Shop checkboxes 00:20:20
  • Урок 100. CLIENT: Finishing checkboxes 00:24:15
  • Урок 101. CLIENT: Adding Radio options 00:22:03
  • Урок 102. SERVER: Crating the shop route 00:21:16
  • Урок 103. SERVER: Finishing the shop route 00:07:07
  • Урок 104. CLIENT: Showing Shop cards 00:11:09
  • Урок 105. CLIENT: Shop loadmore button 00:11:57
  • Урок 106. CLIENT: Shop grids 00:06:29
  • Урок 107. ADMIN: Add products form 00:15:18
  • Урок 108. ADMIN: Add products form 2 00:09:13
  • Урок 109. ADMIN: Add products form 3 00:18:50
  • Урок 110. ADMIN: Finishing the Add products form 00:21:19
  • Урок 111. ADMIN: Adding the File Upload 00:19:37
  • Урок 112. ADMIN: Adding the File Upload 2 00:19:21
  • Урок 113. ADMIN: Finishing the File Upload 00:14:31
  • Урок 114. ADMIN: Manage Brands component 00:22:26
  • Урок 115. ADMIN: Finish Manage Brands. 00:15:38
  • Урок 116. CLIENT: Adding the Product Detail component 00:22:09
  • Урок 117. CLIENT: Product Info detail 00:11:35
  • Урок 118. CLIENT: Product detail, images section 00:18:00
  • Урок 119. CLIENT: Finishing the detail, adding Lightbox 00:16:24
  • Урок 120. CLIENT: Quick fix to Prod detail 00:02:35
  • Урок 121. CLIENT: Adding items to Cart 00:22:36
  • Урок 122. CLIENT: Finish the add to cart 00:12:44
  • Урок 123. ADMIN: Cart component 00:20:15
  • Урок 124. ADMIN: Creating the cart blocks. 00:13:51
  • Урок 125. ADMIN: Calculating the total. 00:10:56
  • Урок 126. ADMIN: Removing cart items. 00:19:35
  • Урок 127. ADMIN: Adding the Paypal btn 00:21:12
  • Урок 128. ADMIN: Finishing Paypal. 00:10:44
  • Урок 129. ADMIN: Creating the SUCCESS BUY route 00:17:01
  • Урок 130. ADMIN: Finishing the SUCCESS BUY route 00:16:22
  • Урок 131. ADMIN: Creating the Action and dispatching 00:12:40
  • Урок 132. ADMIN: User History 00:06:58
  • Урок 133. ADMIN: Updating personal info 00:15:44
  • Урок 134. ADMIN: Finishing Update personal info 00:12:58
  • Урок 135. ADMIN: Creating the Site Info 00:16:10
  • Урок 136. ADMIN: Getting the Site Info 00:17:07
  • Урок 137. ADMIN: Finishing Site info 00:14:42
  • Урок 138. GIT and GITHUB 00:16:54
  • Урок 139. Adding SSH keys - MAC USERS 00:07:17
  • Урок 140. Adding SSH keys - WINDOWS USERS 00:07:16
  • Урок 141. Adding Heroku to the mix 00:05:11
  • Урок 142. Deploying the project 00:15:45
  • Урок 143. Deploying the project 2 00:23:35
  • Урок 144. EMAILS: Using Nodemailer 00:11:36
  • Урок 145. EMAILS: Sending a welcome Email 00:16:32
  • Урок 146. NOT FOUND: Adding not found route. 00:03:44
  • Урок 147. ORDER ID: Adding custom PO 00:12:10
  • Урок 148. ORDER ID: Sending email with PO 00:13:39
  • Урок 149. FILE UPLOAD: Uploading files 00:19:37
  • Урок 150. FILE UPLOAD: Uploading files 2 00:13:26
  • Урок 151. FILE DOWNLOAD: Downloading files 00:04:05
  • Урок 152. PASSWORD: Adding forgot password 00:17:03
  • Урок 153. PASSWORD: Adding forgot password 2 00:14:38
  • Урок 154. PASSWORD: Adding forgot password 3 00:15:40
  • Урок 155. PASSWORD: Finishing forgot password 00:08:31
  • Урок 156. Boilerplate 00:05:27
  • Урок 157. Bundle and structure 00:06:51
  • Урок 158. Rendering 00:09:39
  • Урок 159. JSX 00:06:52
  • Урок 160. Structure and exporting 00:09:46
  • Урок 161. Dynamic data 00:04:50
  • Урок 162. Functional and class based components 00:07:47
  • Урок 163. Adding some style 00:10:22
  • Урок 164. Events 00:13:39
  • Урок 165. A little bit more of classes 00:07:13
  • Урок 166. React state 00:11:00
  • Урок 167. Using props 00:10:14
  • Урок 168. Using props 2 00:04:41
  • Урок 169. Using props 3 00:06:49
  • Урок 170. Children props 00:04:16
  • Урок 171. More on styles 00:15:37
  • Урок 172. Using CSS modules 00:13:51
  • Урок 173. Filtering state 00:17:45
  • Урок 174. Routes: installing it 00:06:26
  • Урок 175. Routes: Adding routes 00:13:47
  • Урок 176. Routes: Linking 00:08:28
  • Урок 177. Routes: Params and URL's 00:12:26
  • Урок 178. Routes: Switch 00:04:44
  • Урок 179. Routes: Redirections 00:08:03
  • Урок 180. React Lifecycles 00:07:06
  • Урок 181. React Lifecycles ..continued 00:13:34
  • Урок 182. Conditional rendering 00:07:41
  • Урок 183. Pure components 00:05:10
  • Урок 184. Returning arrays 00:06:26
  • Урок 185. HOC's 00:10:45
  • Урок 186. HOC's ...continued 00:09:54
  • Урок 187. React transitions 00:16:26
  • Урок 188. React transitions 2 00:09:29
  • Урок 189. CSS transitions 00:07:42
  • Урок 190. Transition group 00:10:14
  • Урок 191. Proptypes 00:18:19
  • Урок 192. Proptypes 2 00:03:59
  • Урок 193. Refs 00:05:17
  • Урок 194. Controlled and uncontrolled 00:18:30
  • Урок 195. Form template 00:18:30
  • Урок 196. Form template 2 00:14:56
  • Урок 197. Form template 3 00:15:50
  • Урок 198. Adding textarea and select 00:11:45
  • Урок 199. Validation 00:15:59
  • Урок 200. Validation 2 00:14:21
  • Урок 201. REDUX: Installing and connecting 00:12:27
  • Урок 202. REDUX: Reducers 00:17:34
  • Урок 203. REDUX: Action creators 00:15:47
  • Урок 204. REDUX: Dispatch 00:10:06
  • Урок 205. REDUX: Containers 00:05:19
  • Урок 206. REDUX PRACTICE: Intro and setup 00:11:44
  • Урок 207. REDUX PRACTICE: Adding redux to home 00:17:03
  • Урок 208. REDUX PRACTICE: Finishing home and adding the artist view 00:19:39
  • Урок 209. REDUX PRACTICE: Fixing issues 00:05:02

Включая три проекта полной практики, целевую страницу, проект Firebase и полный стек с Mongodb и Node. Вы хотите практиковать свой код React или просто изучить его, создав веб-страницы? Это курс для вас. Большинство курсов обучают вас основам и дают вам приложение todo, а я хотел создать что-то другое. Мы создадим три реальных проекта, чтобы вы могли практиковаться в более реальной среде.

Если вы мало знаете об реакте, не беспокойтесь. Мы начнем простую статическую целевую страницу, а после мы перейдем к гораздо более конкурентному проекту с проверкой подлинности и БД, мы создадим проект электронной коммерции с поддержкой PayPal, а также наш собственный сервер для обработки всех запросов.

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

Чтобы подвести итог - вот что мы будем создавать в этом курсе:

Проект 1 «Место проведения»:

  • Как создать проект с помощью React CLI
  • Создание компонентов
  • Использование сторонних библиотек
  • Создание переходов и карусель.
  • Использование частей Material UI, чтобы улучшить наше приложение.
  • Развертывание статических веб-страниц.

Проект 2 «М-Сити»:

  • Создание маршрутов для навигации по нашему проекту
  • Более сложные анимации и переходы
  • Рендеринг компонентов с использованием данных с сервера
  • Мы будем использовать аутентификацию и создадим конечную точку администратора
  • Загрузка и хранение с Firebase
  • Добавим базу данных на сервере
  • Firebase - Развертывание проекта 

Проект 3 «Волны»:

  • Приложение в стиле электронной коммерции
  • Создание динамических маршрутов
  • Использование REDUX.
  • Аутентификация, панель управления пользователя и панель управления admin
  • Создадим сервер с Node JS и express
  • Добавиv базу данных в наш проект с помощью Mongo DB
  • Создадим различных маршрутов для обработки запросов
  • Добавитм элементы корзины в учетную запись пользователя
  • Полная опдата с Paypal
  • Развертывание в Хероку

И в качестве бонуса - крошечный курс React.

Твоя оценка

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

Комментарии

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

11-06-2018 en 62 урока
udemy JavaScript and React for Developers: Master the Essentials
Продвиньте свои навыки JavaScript и изучите современный подход к веб-приложениям, построив проекты с нуля.  Если у вас есть некоторый опыт программирования, но вы хотите перенести свои навыки развития на следующий уровень, этот курс для вас. Это всеобъемлющее введение в более глубокие основы JavaScript и современный, все более популярный фреймворк, React.Независимо от того, являетесь ли вы студентом или работающим разработчиком, который...
Duration 03:18:42
9 5
21-07-2018 en 72 урока
udemy React Front To Back
Изучите React c Context API + Redux  и постройте реальный проект с Firebase/Firestore.  В этом курсе вы научитесь овладевать концепциями React 16.3+, включая новый Context API, а также Redux. Мы будем ориентироваться на определенные концепции при постепенном построении реальных приложений. Если вы никогда не касались React или не работали с ним какое-то время, и хотите узнать больше и создавать класные вещи, этот курс для вас. Конечным...
Duration 11:24:21
22 0
30-11--0001 en 23 урока
leveluptutorials Level 2 React
В этой серии мы погружаемся в промежуточные концепции React, где вы узнаете такие вещи, как использовать React Context API, как создать портал в React, как использовать и понимать props рендеринга, а также анимированные переходы и интерактивные анимации в React.
Duration 03:44:44
64 3
10-05-2018 en 129 уроков
udemy ReactJs, the complete guide with real world projects
ReactJS является одним из самых востребованных фреймворков javascript, и его популярность продолжает расти, поскольку все больше компаний начинают ее принимать. Он продолжает получать популярность, и нет лучшего времени, чтобы добавить его в свой портфель. Этот курс - это совокупность всего, что вам нужно, чтобы стать профессиональным разработчиком React.Redux является библиотекой React и очень популярен в мире разработки frontend. В этом курсе...
Duration 13:36:42
6 4
07-05-2018 ru 20 уроков
javascript.ninja Базовый курс React
2 месяца глубокого погружения в экосистему React. React - превосходно документированная библиотека. create-react-app, redux, да и сам React задали стандартны де-факто по уровню developer experience. Это позволяет на курсе по минимуму пересказывать документацию, и по максимуму учить принципам, указывать слабые места и лучшие практики.
Duration 33:42:36
51 27
30-05-2018 en 232 урока
udemy Advanced React and Redux: 2018 Edition
Курс обновлен 30 мая 2018 года. Наслаждайтесь последними версиями React, React Router, Redux, Redux Form и другое! Знание React + Redux требуется 100%!  Это учебник, который вы искали, чтобы применить свои навыки React и Redux на следующем уровне.Аутентификация с помощью Express / Mongo? Да! Компоненты более высокого порядка? Мы сделали это. Тестирование с помощью Mocha / Chai? Это здесь! Этот курс не тратит время и погружает прямо в...
Duration 20:59:52
43 1
30-11--0001 ru 8 уроков
itvdn React Advanced
Этот курс является логическим продолжением предыдущего курса, который вела милая няшка "ее имя". В этом курсе "React Advanced" автор сделает упор на различные интсрументы React, такие как Redux и другие, с которыми вы будете работать при разработке современного приложения.
Duration 05:56:41
46 3
30-11--0001 en 383 урока
udemy React 16+ - The Complete Guide (incl. Redux & React Router 4)
Погрузитесь и изучите React.js с нуля! Изучите Reactjs, Redux, React Routing, Animations, Основы Next.js и многое другое! Изучите React или погрузитесь в него глубже. Изучайте теорию, решайте задания, практикуйте в демонстрационных проектах и создавайте одно большое приложение, которое улучшается на протяжении всего курса: Burger Builder!
Duration 32:06:03
112 3
30-11--0001 en 23 урока
leveluptutorials React 16 For Everyone
В этой серии уроков мы покроем все современное в React 16. Мы будем использовать современный синтаксис, который довольно хороший в действительности. Мы начнем с основ, поэтому если вы никогда не слышали о реакте до этого, ничего страшного, курс вам будет весьма кстати. Мы разберем все необходимое, от создания компонентов до работы с API, поработаем с async\await, а также рассмотрим такой топик как styled components. Во время курса мы построим...
Duration 04:30:38
25 0
24-07-2018 ru 24 урока
loftschool React.js. Разработка веб-приложений
Больше никаких хаков с jQuery! Только структурированный код и декларативный подход в приложениях. React.js имеет огромную экосистему библиотек, зная его, не составит труда начать писать полноценные мобильные приложения с помощью React Native!

За 5 недель мы изучим React.js и разработаем свое веб-приложение. Освоим джентльменский набор инструментов React-разработчика. Весь код будет храниться на github, тестироваться в облаке, а сообщения...
Duration 28:00:41
22 22
30-11--0001 en 201 урок
Постройте профессиональные интерактивные приложения с Реакт - библиотека JavaScript # 1 для создания пользовательских интерфейсов. Быстрый путь для создания и развертывания быстрых интерактивных приложений. Посмотрим правде в глаза - все классные чуваки используют React .. Что еще вы ожидаете от библиотеки JavaScript, разработанной Facebook? Но если серьезно, если вы не знаете, как создавать приложения с помощью React - тогда вы отстаете от...
Duration 12:15:18
96 0
14-08-2018 ru 6 уроков
udemy Интенсивное погружение в React на реальном проекте
Создай своё первое приложение и научись работать с самой популярной библиотекой на основе JavaScript. Этот курс введет вас в разработку на React в интенсивном формате. Это значит, что всю теорию, которую вы получаете, вы сразу же применяете на реальном проекте. Таким образом вы намного быстрее усваиваете материал и сразу видите результаты своего обучения.
Duration 02:20:13
5 10
27-09-2018 ru 115 уроков
webformyself ReactJS с Нуля до Профи
Овладейте Frontend-разработкой на стеке React.js под руководством успешного программиста. React - обязательный инструмент для современного разработчика.  React - это библиотека JavaScript с открытым исходным кодом, которая используется для создания пользовательского интерфейса. Она была создана компанией Facebook и представлена разработчикам в 2013 год. Это инструмент, который идеально подходит для разработки масштабируемых веб-приложений....
Duration 14:41:16
34 4

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

Firebase c React, v2

Firebase c React, v2

en
Иногда у вас есть отличная идея для приложения и вы хотите как можно быстрее представить его миру. Лучше потратить время на работу над тем, что делает приложение особенным, чем на настройку и защиту серверов. Firebase позволяет вам получить критически важные - и ужасно утомительные для реализации...
Electron v2

Electron v2

en
Electron - это платформа для создания собственных кроссплатформенных настольных приложений с использованием веб-технологий (например, HTML, CSS и JavaScript). На этом семинаре вы научитесь создавать несколько настольных приложений с использованием Electron. Мы обсудим, как реализовать...
Universal React с Next.js - Полное руководство

Universal React с Next.js - Полное руководство

en
Узнайте, как создавать удивительные server-rendered приложения React с помощью Next.js. Хотите создавать удивительные, производительные и в целом лучшие приложения React? Смотрите не дальше, чем Next.js. Этот курс - лучшее руководство, которое вы найдете для изучения фреймворка Next.js. В нем мы...
JavaScript: Расширенные возможности

JavaScript: Расширенные возможности

en
Курс состоит из 8 уроков, на которых учащиеся смогут ознакомиться с новыми, а также расширенными возможностями языка JavaScript. Студенты рассмотрят возможность использование событий для мобильных устройств, реализацию возможностей ES6, ES7, ES8, ES9, и использование Promises RxJS в написании...
ES6, ES7 и ES8, время обновить ваш JavaScript / ECMAScript!

ES6, ES7 и ES8, время обновить ваш JavaScript / ECMAScript!

en
Если вы потратили время на программирование на JavaScript, вы слышали о ES6, ECMAScript или ES2015. Может быть, это был отвратительный сотрудник, который пытался вас унизить, другой курс удеми, или в встречались с ними на stackoverflow. Если вы не знакомы с ним или все еще задаетесь вопросом...
Просто Express (с кучей node и http). В деталях.

Просто Express (с кучей node и http). В деталях.

en
Нет MERN или MEAN ... просто Express. Для тех, кто немного узнал о самом крутом фреймворке node и хочет больше. У вас есть представление о том, что такое Node, Express и http, иначе вас бы здесь не было. Node и серверная часть JavaScript взяли мир штурмом, [НЕКОТОРАЯ БОЛЬШАЯ КОМПАНИЯ] переехала...
Разработка модуей Drupal 8 с примерами

Разработка модуей Drupal 8 с примерами

en
Никогда не было лучшего времени для изучения разработки модулей Drupal 8. Это потому, что Drupal 8 уже является лучшим технологически и более быстрым способом создания приложений Drupal (по сравнению с Drupal 7). Drupal 8 построен поверх Symfony, поэтому хорошие новости заключаются в том...
Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

en
Appium курс - 200+ лекций по мобильной автоматизации от основ с примерами в реальных проектах. Курс полностью обновлен 12 ноября с последней версией Appium 1.8.2. Узнайте все, что вам нужно знать о мобильной автоматизации (Android + IOS), даже если вы никогда не программировали раньше.
chat
logo