Главная страницаКатегория graphqlПрактический React Bootcamp (Hooks, Router, Redux и GraphQL)

Практический React Bootcamp (Hooks, Router, Redux и GraphQL)

Name: Практический React Bootcamp (Hooks, Router, Redux и GraphQL)
Price: 12.5 USD
Rating: 3.7 (4 reviews)

Practical React Bootcamp (Hooks, Router, Redux, & GraphQL)

udemy

★3.7 (всего оценок - 4)

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

30 ч 10 мин

Категория

GraphQL

Количество уроков

173 Видео

Дата добавления

28 апр. 2022 г., 16:25

Язык

Английский

Дата выхода

12 мар. 2020 г., 02:00

Дата обновления

29 апр. 2026 г., 14:20

Практический React Bootcamp — это интенсивный курс, который помогает быстро освоить современные инструменты фронтенд‑разработки. Здесь вы шаг за шагом научитесь работать с React Hooks, React Router, Redux и GraphQL, а также поймёте, как создавать полноценные интерфейсные приложения, готовые к продакшену.

Что вы узнаете на курсе

Курс сочетает теорию и практику, позволяя вам не просто изучать технологии, а применять их так, как это делают настоящие разработчики. Материал подаётся последовательно и охватывает ключевые темы, необходимые для уверенного старта в профессии.

Современный подход к разработке интерфейсов

Вы разберётесь, как устроены интерфейсные приложения и почему React стал стандартом индустрии. Особое внимание уделено:

изучению React с нуля через Hooks;
построению навигации с помощью React Router;
работе с состоянием через Redux;
интеграции GraphQL в современные SPA.

Мини‑модули по основам фронтенда

Чтобы вам было проще работать с React‑экосистемой, в курс включены ускоренные блоки по базовым веб‑технологиям:

HTML и семантическая разметка;
CSS, включая современные возможности;
SASS для ускорения стилизации;
JavaScript, необходимый для уверенной работы с React.

Практика на реальных проектах

Вы создадите два полноценных приложения по принципам SOLID — такие проекты часто встречаются в реальной работе фронтенд‑разработчика. Во время практики вы научитесь:

структурировать проект под масштабируемость;
использовать Redux‑архитектуру в реальных задачах;
подключать и использовать GraphQL API;
организовывать код по продакшен‑стандартам.

Почему этот курс выделяется

Вместо абстрактной теории вы получите опыт создания приложений, который ценят работодатели. Более 160 лекций тщательно выстроены так, чтобы вы могли перейти от основ к профессиональной разработке без пробелов в знаниях.

Кому подойдёт курс

Начинающим разработчикам, которые хотят уверенно войти в React‑экосистему.
Тем, кто изучал React фрагментарно и хочет выстроить цельную картину.
Разработчикам, стремящимся добавить Redux и GraphQL в свой стек.

Итог

Этот буткемп — ваш быстрый путь к созданию современных SPA и получению навыков, востребованных на реальных проектах. После прохождения курса вы будете готовы уверенно работать с React и входить в индустрию фронтенд‑разработки.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:51
Getting Set For The Section
Урок 2. 00:14:34
What You Will Learn After Completing the Course
Урок 3. 00:02:30
About Your Instructor
Урок 4. 00:02:14
Getting the Source Code
Урок 5. 00:09:54
CV For Job Application (Based on Course Content)
Урок 6. 00:04:12
About the Exercises
Урок 7. 00:01:30
Getting to Ask Questions
Урок 8. 00:06:48
Requirements for The Course
Урок 9. 00:01:17
Summary
Урок 10. 00:02:03
Getting Set For Our Journey Into ReactVille
Урок 11. 00:10:12
Development Environment For Windows
Урок 12. 00:04:27
Development Environment For Mac
Урок 13. 00:07:30
Installing Node.Js
Урок 14. 00:02:59
Installing NPM
Урок 15. 00:09:18
Installing Git
Урок 16. 00:02:03
Our Warm-Up React App
Урок 17. 00:00:35
Summary
Урок 18. 00:03:36
Getting Set for The Section
Урок 19. 00:12:56
Setting Up the Notely App Project-Part 1
Урок 20. 00:09:46
Setting Up the Notely App Project-Part 2
Урок 21. 00:09:55
Setting Up the Notely App Project-Part 3
Урок 22. 00:06:37
Setting Up the Notely App Project-Part 4
Урок 23. 00:07:00
Reviewing the Requirements for Notely App
Урок 24. 00:16:58
Reviewing the Notely Back End REST API
Урок 25. 00:12:19
Reviewing the Component Architecture for Notely App-Part 1
Урок 26. 00:09:35
Reviewing the Component Architecture for Notely App-Part 2
Урок 27. 00:12:05
Implementing Notely App Components-Part 1
Урок 28. 00:09:52
Implementing Notely App Components-Part 2
Урок 29. 00:11:46
Implementing Notely App Components-Part 3
Урок 30. 00:09:14
Implementing Notely App Components-Part 4
Урок 31. 00:11:15
Implementing Notely App Navigation System
Урок 32. 00:10:05
Implementing Notely App Redux Store-Part 1
Урок 33. 00:16:23
Implementing Notely App Redux Store-Part 2
Урок 34. 00:15:28
Implementing Notely App Redux Store-Part 3
Урок 35. 00:17:24
Implementing Notely App Redux Store-Part 4
Урок 36. 00:11:38
Implementing Notely App Redux Store-Part 5
Урок 37. 00:17:58
Implementing Notely App Redux Store-Part 6
Урок 38. 00:18:51
Implementing Notely App Redux Store-Part 7
Урок 39. 00:21:02
Updating the Notely App Components-Part 1
Урок 40. 00:19:10
Updating the Notely App Components-Part 2
Урок 41. 00:17:47
Updating the Notely App Components-Part 3
Урок 42. 00:18:08
Updating the Notely App Components-Part 4
Урок 43. 00:15:36
Updating the Notely App Components-Part 5
Урок 44. 00:19:36
Updating the Notely App Components-Part 6
Урок 45. 00:10:27
Updating the Notely App Components-Part 7
Урок 46. 00:13:06
Implementing CSS Styling For Notely App
Урок 47. 00:01:35
Summary
Урок 48. 00:03:02
Getting Set For The Section
Урок 49. 00:16:40
Reviewing the Notely App
Урок 50. 00:14:30
Reviewing the Notely GraphQL API
Урок 51. 00:17:59
Installing Required Packages Part 1
Урок 52. 00:00:40
Installing Required Packages Part 2
Урок 53. 00:10:08
Setting Up Apollo Client
Урок 54. 00:10:33
Implementing GraphQL Queries
Урок 55. 00:08:49
Implementing GraphQL Mutations
Урок 56. 00:15:08
Refactoring Notely App To Use GraphQL Part 1
Урок 57. 00:22:32
Refactoring Notely App To Use GraphQL Part 2
Урок 58. 00:01:15
Summary
Урок 59. 00:03:56
Getting Set For The Section
Урок 60. 00:19:34
Basic Structure Of HTML Document
Урок 61. 00:10:53
Understanding The HTML Elements
Урок 62. 00:11:31
Structure Of an HTML Element
Урок 63. 00:18:44
Working With HTML Attributes
Урок 64. 00:04:36
Working With HTML Element Content
Урок 65. 00:06:44
Working With HTML Void Elements
Урок 66. 00:14:17
Getting To Know the Document Structure
Урок 67. 00:26:14
Making Sense of The Document Object Model (DOM)
Урок 68. 00:05:37
Summary
Урок 69. 00:05:42
Getting Set For The Section
Урок 70. 00:18:46
CSS Basic Concepts
Урок 71. 00:10:22
Working With Inline Style
Урок 72. 00:04:16
Working With Embedded Style
Урок 73. 00:07:33
Working With External Style
Урок 74. 00:15:47
Working With CSS Selectors
Урок 75. 00:21:35
Understanding Cascading Styling
Урок 76. 00:17:29
Working With CSS Units
Урок 77. 00:14:37
Working With Shorthand Properties and Custom Values
Урок 78. 00:03:17
Summary
Урок 79. 00:06:18
Getting Set For The Section
Урок 80. 00:17:41
Sass Basic Concepts
Урок 81. 00:06:40
Basic Sass Syntax
Урок 82. 00:19:53
Working with Variables
Урок 83. 00:20:35
Working with Operators
Урок 84. 00:26:51
Working with Flow Controls
Урок 85. 00:12:56
Working with Functions
Урок 86. 00:12:17
Working with Partials
Урок 87. 00:09:02
Working with Mixins
Урок 88. 00:22:34
Working with Extend Directive
Урок 89. 00:08:17
Sass Output Style
Урок 90. 00:15:01
The Body Element Modifier (BEM) Methodology
Урок 91. 00:03:07
Summary
Урок 92. 00:07:22
Getting Set For The Section
Урок 93. 00:27:13
Understanding and Working Statements and Expressions
Урок 94. 00:10:38
Understanding and Working Variables
Урок 95. 00:10:57
Understanding and Working with Data Types
Урок 96. 00:20:37
Working with Operators
Урок 97. 00:09:39
Working with Functions
Урок 98. 00:17:05
Working With Arrays
Урок 99. 00:13:55
Working With Objects
Урок 100. 00:15:47
Understanding and Working With Promises
Урок 101. 00:10:37
Understanding and Working With Modules
Урок 102. 00:04:08
Summary
Урок 103. 00:04:07
Getting Set For The Section
Урок 104. 00:13:02
Understanding the Building Material Business
Урок 105. 00:05:11
Defining the Problem
Урок 106. 00:03:12
Specifying the Design Criteria
Урок 107. 00:09:04
Creating the Solution
Урок 108. 00:01:46
Summary
Урок 109. 00:01:45
Getting Set For The Section
Урок 110. 00:05:39
Product Catalogue Specifications
Урок 111. 00:04:04
Shopping Cart Specifications
Урок 112. 00:02:31
Customer Registration Specifications
Урок 113. 00:02:55
Customer Authentication Specifications
Урок 114. 00:05:37
Administration Specifications
Урок 115. 00:16:21
Setting Up the BMES Project-Part 1
Урок 116. 00:12:10
Setting Up the BMES Project-Part 2
Урок 117. 00:00:45
Summary
Урок 118. 00:03:35
Getting Set For The Section
Урок 119. 00:05:37
Reviewing The Design Documents
Урок 120. 00:16:57
Identifying Components From the UI-UX Designs
Урок 121. 00:15:53
Documenting and Composing Components Using Mind Map
Урок 122. 00:10:23
Creating The Components in the BMES Project-Part 1
Урок 123. 00:15:15
Creating The Components in the BMES Project-Part 2
Урок 124. 00:00:48
Summary
Урок 125. 00:02:57
Getting Set For The Section
Урок 126. 00:15:58
Reviewing The Product Catalog API
Урок 127. 00:07:52
Reviewing The Product Shopping Cart API
Урок 128. 00:09:35
Reviewing The Checkout API
Урок 129. 00:00:42
Summary
Урок 130. 00:02:34
Getting Set For The Section
Урок 131. 00:17:35
Setting Up The Redux Store-Part 1
Урок 132. 00:08:23
Setting Up The Redux Store-Part 2
Урок 133. 00:10:01
Reviewing BMES Use Cases and their Redux States
Урок 134. 00:11:25
Implementing Redux States for the Use Cases-Part 1
Урок 135. 00:06:23
Implementing Redux States for the Use Cases-Part 2
Урок 136. 00:01:02
Summary
Урок 137. 00:02:07
Getting Set For The Section
Урок 138. 00:11:29
Implementing the Product Catalogue Components-Part 1
Урок 139. 00:12:27
Implementing the Product Catalogue Components-Part 2
Урок 140. 00:17:24
Redux Store: Implementing States For Product Catalogue Use Cases-Part1
Урок 141. 00:14:31
Redux Store: Implementing States For Product Catalogue Use Cases-Part 2
Урок 142. 00:19:16
Redux Store: Implementing States For Product Catalogue Use Cases-Part 3
Урок 143. 00:14:06
Redux Store: Implementing States For Product Catalogue Use Cases-Part 4
Урок 144. 00:15:35
Updating the Product Catalogue Components-Part 1
Урок 145. 00:17:35
Updating the Product Catalogue Components-Part 2a
Урок 146. 00:07:40
Updating the Product Catalogue Components-Part 2b
Урок 147. 00:14:50
Updating the Product Catalogue Components-Part 3
Урок 148. 00:14:04
Updating the Product Catalogue Components-Part 4a
Урок 149. 00:18:50
Updating the Product Catalogue Components-Part 4b
Урок 150. 00:14:37
Implementing BEM Sass Styling For Product Catalogue Components-Part 1
Урок 151. 00:14:09
Implementing BEM Sass Styling For Product Catalogue Components-Part 2
Урок 152. 00:13:29
Implementing BEM Sass Styling For Product Catalogue Components-Part 3
Урок 153. 00:01:02
Summary
Урок 154. 00:01:39
Getting Set For The Section
Урок 155. 00:10:07
Implementing the Shopping Cart Components
Урок 156. 00:15:56
Redux Store Implementing States For Shopping Cart Use Cases-Part 1
Урок 157. 00:13:01
Redux Store Implementing States For Shopping Cart Use Cases-Part 2
Урок 158. 00:09:13
Redux Store Implementing States For Shopping Cart Use Cases-Part 3
Урок 159. 00:11:13
Updating the Shopping Cart Components-Part 1a
Урок 160. 00:07:17
Updating the Shopping Cart Components-Part 1b
Урок 161. 00:11:29
Updating the Shopping Cart Components-Part 2a
Урок 162. 00:07:44
Updating the Shopping Cart Components-Part 2b
Урок 163. 00:12:34
Implementing BEM Sass Styling For Shopping Cart Components-Part 1
Урок 164. 00:04:59
Implementing BEM Sass Styling For Shopping Cart Components-Part 2
Урок 165. 00:01:19
Summary
Урок 166. 00:01:26
Getting Set For The Section
Урок 167. 00:03:02
The Ordering and Checkout Workflow
Урок 168. 00:08:51
Implementing The Checkout Component
Урок 169. 00:09:53
Redux Store Implementing State For Checkout Use Case
Урок 170. 00:15:51
Updating the Checkout Component-Part 1
Урок 171. 00:09:43
Updating the Checkout Component-Part 2
Урок 172. 00:17:21
Implementing BEM Sass Styling For Checkout Component
Урок 173. 00:00:37
Summary

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+198

Комментарии