Ознакомиться с важной информацией: Майнер отключен!

Mastering React (Mosh Hamedani) - Видеоуроки

Mastering React
Duration 11:39:15
Открыть все курсы от codewithmosh (Mosh Hamedani)

Постройте профессиональные интерактивные приложения с Реакт - библиотека JavaScript # 1 для создания пользовательских интерфейсов. Быстрый путь для создания и развертывания быстрых интерактивных приложений. Посмотрим правде в глаза - все классные чуваки используют React .. Что еще вы ожидаете от библиотеки JavaScript, разработанной Facebook? Но если серьезно, если вы не знаете, как создавать приложения с помощью React - тогда вы отстаете от кривой. Он быстро стал самой популярной библиотекой JavaScript с момента выпуска в 2011 году. Как новые, так и опытные разработчики используют его для создания приложений, которые бывают быстрыми, динамичными и выделяются. Если вы хотите посмотреть, что такое приложения React, просто подумайте о таких популярных популярных сайтах, как Facebook, Instagram, Netflix, Yahoo, список можно продолжить ...

Ваш билет на более высокий заработок

Факт: работодатели и клиенты любят видеть опыт React в вашем резюме.

Вы в значительной степени гарантируете расширение возможностей своей карьеры и сделать некоторые дополнительные деньги в этом процессе.

Больше не тратьте время...

Не тратьте время на курсы, которые:

  • устарели с плохим руководством и плохими советами
  • не прогрессируют логически от основ до мастерства
  • вы должны постоянно смотреть снова и снова из-за плохой презентации
  • являются скучными, мягкими и повторяющимися
  • не предлагают соотношение цены и качества и не поможет вашей карьере.

Вместо этого... Попробуйте Mastering React

Я разработал Mastering React, чтобы охватить абсолютно все детали, которые вам, возможно, понадобится, чтобы взять вас от начинающего разработчика React до уровня эксперта.

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

Почему вы должны пройти этот курс?

  • Вы разработаете новые и ценные навыки, чтобы перенести карьеру разработки приложений на новые высоты
  • Гибкое обучение - в собственном темпе, на любом устройстве
  • 12 часов простых для понимания, «без пропусков» HD-видео. 
  • Практические упражнения, которые можно применить сразу
  • Советы и рекомендации, чтобы сделать вас мастером React и повысить удобство использования.

Вы узнаете, как создать реальное приложение для проката видео.

С курсом Master React вы создадите свое первое приложение React за считанные минуты! И это не останавливается на достигнутом - каждый модуль тщательно разработан, чтобы вырезать B.S. сфокусировавшись только на навыках и знаниях, необходимых для создания приложений профессионального качества.

  • Современный JavaScript
  • Компоненты
  • Таблицы и списки
  • Разбиение страниц, сортировка и поиск
  • Формы с проверкой
  • Маршрутизация и навигация
  • Вызов служб HTTP
  • Аутентификация и авторизация
  • Ошибки обработки и регистрации
  • развертывание

12 часов, 200+ видео

Создавайте приложения профессионального качества к концу этого курса

Все, что вам нужно - это базовое знакомство с JavaScript на начальном уровне. Вам не нужно ничего знать о реакте - все включено в курс.

Полный список уроков Развернуть / Свернуть
  • Урок 1. 1- What is React 00:04:33
  • Урок 2. 2- Setting Up the Development Environment 00:03:38
  • Урок 3. 3- Your First React App 00:06:34
  • Урок 4. 4- Hello World 00:05:26
  • Урок 5. 5- Custom Configs 00:03:12
  • Урок 6. 6- Full-stack Architecture 00:02:45
  • Урок 7. 7- Course Structure 00:02:25
  • Урок 8. 1 - Introduction 00:01:44
  • Урок 9. 2- Let vs Var vs Const 00:03:53
  • Урок 10. 3- Objects 00:02:46
  • Урок 11. 4- The this Keyword 00:02:50
  • Урок 12. 5- Binding this 00:02:37
  • Урок 13. 6- Arrow Functions 00:04:16
  • Урок 14. 7- Arrow Functions and this 00:04:15
  • Урок 15. 8- Array.map Method 00:03:37
  • Урок 16. 9- Object Destructuring 00:02:30
  • Урок 17. 10- Spread Operator 00:04:03
  • Урок 18. 11- Classes 00:03:46
  • Урок 19. 12- Inheritance 00:04:04
  • Урок 20. 13- Modules 00:04:12
  • Урок 21. 14- Named and Default Exports 00:05:16
  • Урок 22. 1- Introduction 00:01:39
  • Урок 23. 2- Setting Up the Project 00:02:07
  • Урок 24. 3- Your First React Component 00:05:21
  • Урок 25. 4- Specifying Children 00:04:17
  • Урок 26. 5- Embedding Expressions 00:04:51
  • Урок 27. 6- Setting Attributes 00:05:46
  • Урок 28. 7- Rendering Classes Dynamically 00:04:19
  • Урок 29. 8 - Rendering Lists 00:03:59
  • Урок 30. 9- Conditional Rendering 00:06:05
  • Урок 31. 10- Handling Events 00:02:50
  • Урок 32. 11- Binding Event Handlers 00:04:37
  • Урок 33. 12- Updating the State 00:02:15
  • Урок 34. 13- What Happens When State Changes 00:02:05
  • Урок 35. 14- Passing Event Arguments 00:03:06
  • Урок 36. 15- Setting Up the Vidly Project 00:05:39
  • Урок 37. 16- Exercises 00:03:26
  • Урок 38. 17- Building the Movies Component 00:07:19
  • Урок 39. 18- Deleting a Movie 00:05:19
  • Урок 40. 19- Conditional Rendering 00:03:27
  • Урок 41. 20 - Summary 00:00:37
  • Урок 42. 1- Introduction 00:00:46
  • Урок 43. 2- Composing Components 00:03:46
  • Урок 44. 3- Passing Data to Components 00:03:12
  • Урок 45. 4- Passing Children 00:03:11
  • Урок 46. 5 - Debugging React Apps 00:04:10
  • Урок 47. 6- Props vs State 00:02:25
  • Урок 48. 7 - Raising and Handling Events 00:04:53
  • Урок 49. 8- Updating the State 00:04:39
  • Урок 50. 9- Single Source of Truth 00:03:56
  • Урок 51. 10- Removing the Local State 00:06:48
  • Урок 52. 11- Multiple Components in Sync 00:05:54
  • Урок 53. 12- Lifting the State Up 00:05:37
  • Урок 54. 13 - Stateless Functional Components 00:02:30
  • Урок 55. 14- Destructuring Arguments 00:02:01
  • Урок 56. 15 - Lifecycle Hooks 00:01:39
  • Урок 57. 16 - Mounting Phase 00:05:35
  • Урок 58. 17- Updating Phase 00:04:21
  • Урок 59. 18- Unmounting Phase 00:01:27
  • Урок 60. 19- Exercise- Decrement Button 00:01:06
  • Урок 61. 20- Solution - Decrement Button 00:04:54
  • Урок 62. 21- Exercise- Like Component 00:01:45
  • Урок 63. 22- Solution- Like Component 00:12:27
  • Урок 64. 23- Summary 00:00:43
  • Урок 65. 1- Introduction 00:01:09
  • Урок 66. 2- Exercise- Pagination Component 00:01:02
  • Урок 67. 3- Pagination- Component Interface 00:03:48
  • Урок 68. 4- Pagination- Displaying Pages 00:06:49
  • Урок 69. 5- Pagination- Handling Page Changes 00:05:50
  • Урок 70. 6- Pagination- Paginating Data 00:06:15
  • Урок 71. 7- Pagination- Type Checking with PropTypes 00:04:57
  • Урок 72. 8- Exercise- ListGroup Component 00:01:25
  • Урок 73. 9- Filtering- Component Interface 00:05:33
  • Урок 74. 10- Filtering- Displaying Items 00:03:59
  • Урок 75. 11- Filtering- Default Props 00:02:07
  • Урок 76. 12- Filtering- Handling Selection 00:04:21
  • Урок 77. 13- Filtering- Implementing Filtering 00:03:00
  • Урок 78. 14- Filtering- Adding All Genres 00:03:40
  • Урок 79. 15- Sorting- Extracting MoviesTable 00:05:20
  • Урок 80. 16- Sorting- Raising the Sort Event 00:03:29
  • Урок 81. 17- Sorting- Implementing Sorting 00:05:14
  • Урок 82. 18- Sorting- Moving Responsibility 00:05:16
  • Урок 83. 19- Sorting- Extracting TableHeader 00:07:45
  • Урок 84. 20- Sorting- Extracting TableBody 00:03:13
  • Урок 85. 21- Sorting- Rendering Cell Content 00:08:03
  • Урок 86. 22- Sorting- Unique Keys - Final 00:02:59
  • Урок 87. 23- Sorting- Adding the Sort Icon 00:03:58
  • Урок 88. 24- Sorting- Extracting Table 00:03:52
  • Урок 89. 25- Sorting- Extracting a Method 00:03:19
  • Урок 90. 26- Destructuring Arguments 00:00:59
  • Урок 91. 27- Summary 00:00:52
  • Урок 92. 1- Introduction 00:00:34
  • Урок 93. 2- Setup 00:01:47
  • Урок 94. 3- Adding Routing 00:04:16
  • Урок 95. 4- Switch 00:02:27
  • Урок 96. 5- Link 00:04:21
  • Урок 97. 6- Route Props 00:02:11
  • Урок 98. 7- Passing Props 00:02:36
  • Урок 99. 8- Route Parameters 00:03:33
  • Урок 100. 9- Optional Parameters 00:02:07
  • Урок 101. 10- Query String Parameters 00:03:52
  • Урок 102. 11- Redirects 00:03:08
  • Урок 103. 12- Programmatic Navigation 00:02:21
  • Урок 104. 13- Nested Routing 00:04:36
  • Урок 105. 14- Exercises- NavBar and Routing 00:01:44
  • Урок 106. 15- Adding React Router 00:01:27
  • Урок 107. 16- Adding Routes 00:04:58
  • Урок 108. 17- Adding the NavBar 00:04:40
  • Урок 109. 18- Linking to the MovieForm 00:04:43
  • Урок 110. 19 - Summary 00:00:32
  • Урок 111. 1- Introduction 00:00:39
  • Урок 112. 2- Building a Bootstrap Form 00:05:35
  • Урок 113. 3- Handling Form Submission 00:02:01
  • Урок 114. 4- Refs 00:03:59
  • Урок 115. 5- Controlled Elements 00:04:33
  • Урок 116. 6- Handling Multiple Inputs 00:02:50
  • Урок 117. 7- Common Errors 00:02:29
  • Урок 118. 8- Extracting a Reusable Input 00:03:58
  • Урок 119. 9- Validation 00:02:57
  • Урок 120. 10- A Basic Validation Implementation 00:03:12
  • Урок 121. 11- Displaying Validation Errors 00:03:43
  • Урок 122. 12- Validation on Change 00:04:21
  • Урок 123. 13- Joi 00:04:34
  • Урок 124. 14- Validating a Form Using Joi 00:04:44
  • Урок 125. 15- Validating a Field Using Joi 00:05:23
  • Урок 126. 16- Disabling the Submit Button 00:01:12
  • Урок 127. 17- Code Review 00:03:14
  • Урок 128. 18- Extracting a Reusable Form 00:04:52
  • Урок 129. 19- Extracting Helper Rendering Methods 00:08:19
  • Урок 130. 20- Register Form 00:01:43
  • Урок 131. 21- Code Review 00:01:11
  • Урок 132. 22- Exercise 2- Movie Form 00:03:19
  • Урок 133. 23- Code Review 00:08:25
  • Урок 134. 24- Exercise 3- Search Movies 00:01:23
  • Урок 135. 25- Code Review 00:05:13
  • Урок 136. 1- Introduction 00:01:14
  • Урок 137. 2- JSON Placeholder 00:02:55
  • Урок 138. 3- Http Clients 00:02:57
  • Урок 139. 4- Getting Data 00:05:27
  • Урок 140. 5- Creating Data 00:04:53
  • Урок 141. 6- Lifecycle of a Request 00:02:51
  • Урок 142. 7- Updating Data 00:04:15
  • Урок 143. 8- Deleting Data 00:01:36
  • Урок 144. 9- Optimistic vs Pessimistic Updates 00:04:25
  • Урок 145. 10- Expected vs Unexpected Errors 00:06:41
  • Урок 146. 11- Handling Unexpected Errors Globally 00:07:55
  • Урок 147. 12- Extracting a Reusable Http Service 00:03:44
  • Урок 148. 13- Extracting a Config Module 00:01:37
  • Урок 149. 14- Displaying Toast Notifications 00:02:57
  • Урок 150. 15- Logging Errors 00:05:48
  • Урок 151. 16- Extracting a Logger Service 00:04:26
  • Урок 152. 17- Vidly Backend 00:01:51
  • Урок 153. 18- Installing MongoDB on Mac 00:03:59
  • Урок 154. 19- Installing MongoDB on Windows 00:05:40
  • Урок 155. 20- Setting Up the Node Backend 00:02:45
  • Урок 156. 21- Disabling Authentication 00:04:02
  • Урок 157. 22- Exercise- Connect Movies Page to the Backend 00:01:57
  • Урок 158. 23- Ading Http and Log Services 00:02:39
  • Урок 159. 24- Replacing FakeGenreService 00:03:24
  • Урок 160. 25- Replacing FakeMovieService 00:05:49
  • Урок 161. 26- Extracting a Config File 00:01:55
  • Урок 162. 27- Exercise- Connect Movie Form to the Backend 00:00:57
  • Урок 163. 28- Populating the Form 00:03:46
  • Урок 164. 29- Refactoring 00:02:31
  • Урок 165. 30- Saving the Movie 00:02:41
  • Урок 166. 31- Refactoring 00:02:37
  • Урок 167. 1 - Introduction 00:00:50
  • Урок 168. 2- Registering a New User 00:02:38
  • Урок 169. 3- Submitting the Registration Form 00:04:31
  • Урок 170. 4- Handling Registration Errors 00:01:59
  • Урок 171. 5- Logging in a User 00:01:44
  • Урок 172. 6- Submitting the Login Form 00:02:24
  • Урок 173. 7- Handling Login Errors 00:01:52
  • Урок 174. 8- Storing the JWT 00:03:05
  • Урок 175. 9- Logging in the User upon Registration 00:05:39
  • Урок 176. 10- JSON Web Tokens (JWT) 00:04:00
  • Урок 177. 11- Getting the Current User 00:04:19
  • Урок 178. 12- Displaying the Current User on NavBar 00:04:49
  • Урок 179. 13- Logging out a User 00:02:45
  • Урок 180. 14- Refactoring 00:10:04
  • Урок 181. 15- Calling Protected API Endpoints 00:04:11
  • Урок 182. 16- Fixing Bi-directional Dependencies 00:02:44
  • Урок 183. 17- Authorization 00:06:31
  • Урок 184. 18- Showing or Hiding Elements based on the User 00:02:41
  • Урок 185. 19- Protecting Routes 00:02:51
  • Урок 186. 20- Extracting ProtectedRoute 00:05:56
  • Урок 187. 21- Redirecting after Login 00:05:41
  • Урок 188. 22- Exercise 00:00:20
  • Урок 189. 23- Hiding the Delete Column 00:04:20
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 10.09.2018. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в наших пабликах facebook, или вступай в наш канал telegram.

Комментарии

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

19-07-2018 en 209 уроков
udemy The React practice course, learn by building projects.
Включая три проекта полной практики, целевую страницу, проект Firebase и полный стек с Mongodb и Node. Вы хотите практиковать свой код React или просто изучить его, создав веб-страницы? Это курс для вас. Большинство курсов обучают вас основам и дают вам приложение todo, а я хотел создать что-то другое. Мы создадим три реальных проекта, чтобы вы могли практиковаться в более реальной среде.
Duration 43:45:48
5 0
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
5 0
10-05-2018 en 129 уроков
udemy ReactJs, the complete guide with real world projects
ReactJS является одним из самых востребованных фреймворков javascript, и его популярность продолжает расти, поскольку все больше компаний начинают ее принимать. Он продолжает получать популярность, и нет лучшего времени, чтобы добавить его в свой портфель. Этот курс - это совокупность всего, что вам нужно, чтобы стать профессиональным разработчиком React.Redux является библиотекой React и очень популярен в мире разработки frontend. В этом курсе...
Duration 13:36:42
3 0
07-05-2018 ru 20 уроков
javascript.ninja Базовый курс React
2 месяца глубокого погружения в экосистему React. React - превосходно документированная библиотека. create-react-app, redux, да и сам React задали стандартны де-факто по уровню developer experience. Это позволяет на курсе по минимуму пересказывать документацию, и по максимуму учить принципам, указывать слабые места и лучшие практики.
Duration 33:42:36
40 22
en 380 уроков
udemy React 16+ - The Complete Guide (incl. Redux & React Router 4)
Погрузитесь и изучите React.js с нуля! Изучите Reactjs, Redux, React Routing, Animations, Основы Next.js и многое другое! Изучите React или погрузитесь в него глубже. Изучайте теорию, решайте задания, практикуйте в демонстрационных проектах и создавайте одно большое приложение, которое улучшается на протяжении всего курса: Burger Builder!
Duration 31:39:39
81 1
27-11-2017 ru 146 уроков
frontendscience 8-недельный онлайн-курс «ReactJS»
Все, хватит jquery и просто верстки. Пора тебе повышать свой скилл в фреймворках, таких как React.js - введь в нем сейчас все самое интересное от мира веб-разработки. Добро пожаловать на один из самых актуальных курсов по реакт в русском интернете, в котором реакт раскладывается  по полочкам. 
Duration 63:07:46
101 10
08-11-2017 en 18 уроков
egghead Advanced React Component Patterns
Цель этого курса - дать вам знания о продвинутых шаблонах, которые вы можете использовать, чтобы сделать компоненты React более гибкими, проще и веселее - создавать, использовать и поддерживать все приложения. Вы начнете с простого компонента <Toggle />, который будете постепенно реорганизовывать на каждый из шаблонов, чтобы видеть относительные компромиссы шаблонов и как их можно использовать вместе, чтобы повысить полезность вашего...
Duration 00:56:40
24 1
en
fullstack.io Fullstack React Book - The Complete Guide to ReactJS and Friends
Обновленное, подробное руководство по React. Станьте экспертом ReactJS уже сегодня. Прекратите тратить свое время на запутаные и неполные уроки и книги. Есть так много неправильных, запутанных и устаревших статей и книг... В одном учебнике говорится одно, в другом нечто совершенно иное. Слишком много вариантов. Существует пятьдесят различных паттернов и дюжина различных реализаций Flux. Какой из них лучше? Гугл только доводит вас до страха ......
Duration
32 0
07-08-2018 ru 6 уроков
udemy Изучаем React с нуля на реальном проекте
В этом курсе вы изучите, как создавать проекты на React. Вы создадите реальное приложение. Этот курс будет полезен тем, кто хочет изучить React на реальном проекте.Курс будет дополняться - вы получите еще больше обучающих видео уже осенью 2018! Будет записано более 20 часов.Вы изучите все, что надо для создания вашего первого приложения на React - от Hello World до создания готового приложения.Курс разработан профессиональным JavaScript...
Duration 01:21:47
0 0

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

Продвинутый Elm

Продвинутый Elm

en
Вы потратили время на строительство с Elm, и у вас возникли некоторые вопросы. Каковы наилучшие методы аутентификации, масштабирования, стилизации, структуры модулей, отдельных страниц и оптимизации производительности? Как вы можете декодировать сложные структуры JSON и взаимодействовать с...
Java: модульное программирование с Java 9: 2 в 1

Java: модульное программирование с Java 9: 2 в 1

en
С легкостью создавайте и поддерживайте большие приложения с помощью возможностей модульного программирования в Java 9. Чтобы создать стандартизованный интерфейс и включить модули для связи, вам необходимо разбить среду разработки программного обеспечения на отдельные модули, чтобы минимизировать...
Изучаем React с нуля на реальном проекте

Изучаем React с нуля на реальном проекте

ru
В этом курсе вы изучите, как создавать проекты на React. Вы создадите реальное приложение. Этот курс будет полезен тем, кто хочет изучить React на реальном проекте. Курс будет дополняться - вы получите еще больше обучающих видео уже осенью 2018! Будет записано более 20 часов. Вы изучите все...
Введение в Elm v2

Введение в Elm v2

en
В этом воркшопе вы получите знание языка программирования Elm с нуля, чтобы иметь возможность создавать веб-приложение. Во-первых, мы обсудим преимущества Elm, в том числе его очень сплоченную независимую экосистему пакетов, отладчик и репутацию практически никогда не падающего приложения.
AWS для Frontend инженеров (S3, Cloudfront, Route 53, and Lambda@Edge)

AWS для Frontend инженеров (S3, Cloudfront, Route 53, and Lambda@Edge)

en
Итак, вы работали над фантастическим приложением - что теперь? Как вы собираетесь выставить его в Интернете, чтобы ваши пользователи в Сиднее могли наслаждаться такой же задержкой, как в Миннеаполисе или Куала-Лумпуре? Как насчет DNS? В этом воркшопе мы рассмотрим, что предлагает AWS для Frontend...
chat
logo