Главная страницаКатегория react.jsОсвоение React с вопросами для собеседований, проект eStore - 2024

Освоение React с вопросами для собеседований, проект eStore - 2024

Name: Освоение React с вопросами для собеседований, проект eStore - 2024
Price: 12.5 USD
Rating: 5 (4 reviews)

Mastering React With Interview Questions,eStore Project-2024

udemy

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

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

16 ч 53 мин

Категория

React.js

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

209 Видео

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

22 июл. 2024 г., 17:22

Язык

Английский

Дата выхода

23 нояб. 2023 г., 01:00

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

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

Этот курс создан для тех, кто хочет уверенно освоить React 18 и получить практический опыт через реальные проекты, интервью‑вопросы и полноценный eStore‑проект. Материал подан последовательно и понятным языком, что делает обучение доступным даже для тех, кто только начинает путь в веб‑разработке.

Почему этот курс по React выделяется среди остальных

Курс сочетает теорию, практику и реальные задачи, с которыми сталкиваются разработчики React в компаниях любого уровня — от стартапов до корпораций Fortune 500. Благодаря проектному подходу вы постепенно переходите от базовых концепций к сложным инструментам современного фронтенда.

Актуальность React 18

Вы изучите нововведения версии 18, улучшенные механизмы рендеринга, обновлённые хуки и подходы к архитектуре приложений. Такой фокус позволяет уверенно работать с современными SPA‑приложениями.

Интервью‑ориентированный подход

В программу включены вопросы и темы, которые часто встречаются на собеседованиях. Это позволит вам не только понимать React, но и уверенно объяснять решения и принципы работы.

Что вас ждёт в процессе обучения

Курс структурирован пошагово — от основ до продвинутых тем. Каждый блок подкреплён мини‑проектами, что обеспечивает постепенное и эффективное погружение в React.

Основы React

React 17 и плавный переход к React 18
Компоненты, пропсы, состояние
Жизненный цикл и рендеринг

Современные инструменты разработки

React Hooks
Оптимизация и улучшение производительности
Context API для управления состоянием
React Router для создания SPA

Работа с данными и архитектурой

Redux и асинхронный Redux
Redux Toolkit (RTK)
React с TypeScript

Проектная часть: создание eStore

Финальный этап курса — разработка полноценного eStore‑приложения, похожего на Amazon. Он объединяет все освоенные технологии и моделирует работу реального коммерческого проекта.

Чему вы научитесь в проекте

Структурировать крупные проекты
Настраивать Axios и работу с API
Использовать GitHub для контроля версий
Работать с MySQL и создавать базовые данные
Разрабатывать RESTful API на Node.js + Express.js
Создавать корзину товаров и логику заказов
Подключать платёжные шлюзы

Кому подойдет этот курс

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

Результаты после прохождения курса

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

Начните обучение уже сегодня

Записывайтесь на курс и сделайте первый шаг к карьере React‑разработчика, изучая один из самых востребованных инструментов фронтенда в 2024 году.

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

Урок 1. 00:01:55
Introduction
Урок 2. 00:03:50
React Is Declarative
Урок 3. 00:18:26
Component Based Architecture
Урок 4. 00:11:07
Creating & Understanding React Project Architecture
Урок 5. 00:03:34
npm vs. npx
Урок 6. 00:02:28
React 18 - Goodbye ReactDOM.render()
Урок 7. 00:02:31
React 18 - Migrating from v17 to v18
Урок 8. 00:09:19
"props" Destructuring
Урок 9. 00:11:27
Concept of State & useState() Hook
Урок 10. 00:06:31
Lazy Initial State
Урок 11. 00:08:38
Basic Event Handling & Parameter Passing
Урок 12. 00:06:46
Applying External & Inline Styling
Урок 13. 00:10:14
JSX - In-depth
Урок 14. 00:04:47
New JSX Transform
Урок 15. 00:11:59
Primitive Types & Object Literal with useState()
Урок 16. 00:07:41
Class Component Basics
Урок 17. 00:07:16
Class Component "state" update with setState()
Урок 18. 00:09:51
Component Lifecycle Methods Basics
Урок 19. 00:08:30
useEffect() - Creating A Digital Clock Using useEffect()
Урок 20. 00:05:19
useEffect() Multiple States & Skipping Effects For Optimization
Урок 21. 00:09:57
Conditional Rendering - Cleaning Up An Effect
Урок 22. 00:05:18
"ref" - The Older way
Урок 23. 00:02:50
React.createRef() method
Урок 24. 00:03:35
useRef() hook
Урок 25. 00:17:46
React.memo() & useCallback() hook
Урок 26. 00:00:48
Introduction
Урок 27. 00:08:52
map() method
Урок 28. 00:04:17
String Array Rendering
Урок 29. 00:05:17
Keys
Урок 30. 00:02:35
Fixed Stable Keys
Урок 31. 00:04:24
List With A Component
Урок 32. 00:01:51
Embedding map() In JSX
Урок 33. 00:01:03
Introduction
Урок 34. 00:04:47
Expression & String Literals
Урок 35. 00:01:25
"props" default to True
Урок 36. 00:02:54
Spread Attributes
Урок 37. 00:03:04
props.children property
Урок 38. 00:02:45
<React.Fragment>
Урок 39. 00:00:53
Event Handling - In-depth Introduction
Урок 40. 00:04:28
Quick Essential Recap - Events
Урок 41. 00:05:35
SyntheticEvent
Урок 42. 00:03:11
Input Event - Textbox
Урок 43. 00:05:17
preventDefault - Preventing default behavior
Урок 44. 00:08:16
<form> with Multiple States
Урок 45. 00:06:21
<form> - States as Object
Урок 46. 00:05:04
Single Event Handler Using Dynamic Key
Урок 47. 00:02:53
Functional Update - The Correct Way
Урок 48. 00:03:31
Checkbox or Radio - Input fields
Урок 49. 00:01:16
Introduction
Урок 50. 00:07:42
Conditional Rendering with if...elseвЂ¦
Урок 51. 00:02:56
Inline if-else [ condition? true: false]
Урок 52. 00:02:54
JSX - Element Variable
Урок 53. 00:01:47
switch...caseвЂ¦
Урок 54. 00:02:14
Logical && Operator
Урок 55. 00:03:26
MPA vs. SPA
Урок 56. 00:13:25
Defining Routes
Урок 57. 00:01:45
Menu Formatting
Урок 58. 00:03:15
URL Vs. Routes & Default Page Setup
Урок 59. 00:10:41
Dynamic Routes - useParams() hook
Урок 60. 00:05:13
Nested Routes - <Outlet/>
Урок 61. 00:03:24
Not Found Page (404)
Урок 62. 00:03:47
index Attribute - Referring The Parent Route
Урок 63. 00:05:30
Dynamic Products Data - useState() & route Configuration
Урок 64. 00:03:36
context & useOutletContext() hook - Passing Data To Child Component
Урок 65. 00:03:31
"state" & useLocation() hook - The Correct Way Of Data Sharing
Урок 66. 00:04:08
Improvizing The Interface
Урок 67. 00:05:36
useRoutes() hook - Javascript instead of JSX
Урок 68. 00:04:38
NavLink - For Better Styling
Урок 69. 00:01:56
<Navigate> To Redirect
Урок 70. 00:03:59
useNavigate() hook
Урок 71. 00:03:19
Multi-page Application(MPA)/Single-page Application(SPA) Basics
Урок 72. 00:10:49
Defining Routes
Урок 73. 00:06:06
Route Matchers - <Switch> & exact
Урок 74. 00:09:07
Route Parameters & Dynamic Routes with useParams hook
Урок 75. 00:10:11
Nested Route, match object & useRouteMatch() hook
Урок 76. 00:02:57
Redirect
Урок 77. 00:05:11
NoMatch(404)
Урок 78. 00:06:14
<NavLink> Vs. <Link>
Урок 79. 00:06:10
useHistory() hook
Урок 80. 00:05:33
Preventing Navigation - <Prompt>
Урок 81. 00:08:25
Query Parameters
Урок 82. 00:05:11
вЂњpropвЂќ drilling
Урок 83. 00:03:25
First Step - All in App.js
Урок 84. 00:04:04
Creating Cart & Total component
Урок 85. 00:13:01
context API - Implementation
Урок 86. 00:04:34
useContext() - New & Better Consumer!
Урок 87. 00:10:22
Redux - Introduction
Урок 88. 00:06:30
Setting-up the redux-demo Application
Урок 89. 00:05:21
Creating Global Store & Reducer
Урок 90. 00:03:01
Providing store with Provider
Урок 91. 00:06:19
useSelector() hook
Урок 92. 00:14:43
useDispatch() hook
Урок 93. 00:07:05
Class Component - Accessing store in class component
Урок 94. 00:07:46
Action Creator & Event Dispatching (Class Component)
Урок 95. 00:06:11
Delete Cart Item
Урок 96. 00:06:34
Combine Reducers Part-1
Урок 97. 00:06:56
Combine Reducers Part-2
Урок 98. 00:05:57
Action Type Constants
Урок 99. 00:03:48
Why Asynchronous Redux ?
Урок 100. 00:04:41
Action Creator - validateUser()
Урок 101. 00:05:29
redux-thunk
Урок 102. 00:03:52
Redux Toolkit(RTK) - Introduction & Installation
Урок 103. 00:12:31
Creating Slice
Урок 104. 00:03:20
configureStore() - Store creation
Урок 105. 00:06:11
Dispatching Actions - The RTK way
Урок 106. 00:04:26
thunk - Asynchronous
Урок 107. 00:02:21
Http Requests - Introduction
Урок 108. 00:12:28
fetch Api - Refresher
Урок 109. 00:07:53
Fetching Data
Урок 110. 00:04:18
Displaying Users Data
Урок 111. 00:08:18
Creating Components - Users/Todos
Урок 112. 00:03:33
Conditional Rendering Implementation
Урок 113. 00:08:13
Error Handling
Урок 114. 00:02:42
Rules Of Hooks
Урок 115. 00:06:03
Custom Hooks
Урок 116. 00:05:17
Fetching Data Using Custom Hooks
Урок 117. 00:01:18
Introduction
Урок 118. 00:05:06
Installing TypeScript Compiler
Урок 119. 00:08:05
Variables & Datatypes
Урок 120. 00:04:57
Type Annotation & Inference
Урок 121. 00:02:24
Creating React & TypeScript Project
Урок 122. 00:06:19
React.FC - TypeScript FunctionalComponent
Урок 123. 00:03:56
Interface & Optional Attributes
Урок 124. 00:03:03
useState() with TypeScript
Урок 125. 00:03:31
onClick - Event Handling with TypeScript
Урок 126. 00:03:02
onChange - EventHandling with TypeScript
Урок 127. 00:02:07
<select> - Working with Dropdown
Урок 128. 00:03:32
useRef() with TypeScript
Урок 129. 00:02:15
Introduction to Automated Testing
Урок 130. 00:02:16
Types of Automated Tests
Урок 131. 00:03:11
Jest Vs. Enzyme
Урок 132. 00:05:13
React Project & Testing - First Step
Урок 133. 00:01:47
Understanding TDD - Test Driven Development
Урок 134. 00:11:12
Beginning Practical Test
Урок 135. 00:02:28
getByTestId() and data-testid
Урок 136. 00:05:03
Button Click Test - fireEvent
Урок 137. 00:03:58
userEvent Vs. fireEvent
Урок 138. 00:03:56
Matchers - toBe() or not.toBe() & more...
Урок 139. 00:05:31
Test with input element
Урок 140. 00:03:11
Resolving Input Change Issue
Урок 141. 00:07:34
Asynchronous Testing
Урок 142. 00:04:09
Mock Test - Mocking fetch() API
Урок 143. 00:02:23
beforeEach() & afterEach()
Урок 144. 00:06:18
Snapshot Testing
Урок 145. 00:01:20
Introduction - MERN Stack eStore Project
Урок 146. 00:05:04
Beginning With Header Component
Урок 147. 00:04:33
Adding Search Bar With Icon
Урок 148. 00:02:54
Category Dropdown In Search Bar
Урок 149. 00:05:58
Login, Wishlist & Cart Icons
Урок 150. 00:04:28
Creating React TopNav Component
Урок 151. 00:04:30
Implementing SCSS
Урок 152. 00:05:43
CatNav - Category Navigation
Урок 153. 00:03:14
Applying Transition Effect
Урок 154. 00:04:44
Global CSS with mixins and variables
Урок 155. 00:05:28
SideNav
Урок 156. 00:05:47
Creating Accordion
Урок 157. 00:02:25
Making the Accordion Collapsible
Урок 158. 00:03:55
Converting Transition into Global Mixin
Урок 159. 00:06:36
Creating Products Component
Урок 160. 00:05:25
Styling the Product Card
Урок 161. 00:03:23
Mapping the Product Cards
Урок 162. 00:01:47
Rating section in the product card
Урок 163. 00:03:53
Implementing Flex For Better Responsiveness
Урок 164. 00:03:06
What and Why Git / Github?
Урок 165. 00:04:16
Configuring the Project Repository
Урок 166. 00:02:41
Configuring the Branch in Git
Урок 167. 00:02:04
Configuring Redux Tool-Kit(RTK)
Урок 168. 00:03:41
Implementing RTK in CatNav Component
Урок 169. 00:01:29
Implementing RTK for the Products Component
Урок 170. 00:04:11
Implementing RTK for the Accordion Categories
Урок 171. 00:03:35
Configuring MySQL
Урок 172. 00:03:53
Creating the Database
Урок 173. 00:03:12
Creating Node Server with Express.js
Урок 174. 00:02:34
Configuring API Endpoints/Routes
Урок 175. 00:01:36
Configuring nodemon
Урок 176. 00:03:26
Connecting with MySQL
Урок 177. 00:02:03
Data Fetching with SQL Query
Урок 178. 00:01:28
createPool() - No Need for getConnection()
Урок 179. 00:02:17
Organizing Routes
Урок 180. 00:01:22
Configuring Routes with вЂњexpress.Router()вЂќ
Урок 181. 00:02:11
Organizing the RTK Code
Урок 182. 00:04:06
Configuring the Reducer and Action for CatNav
Урок 183. 00:02:10
Fetching the Category Data from Database
Урок 184. 00:01:31
Inserting and Fetching all Parent Categories
Урок 185. 00:03:15
Fetching Categories for Accordion
Урок 186. 00:02:58
Adding the Products Endpoint / Route
Урок 187. 00:03:34
Rendering the Products Data
Урок 188. 00:03:04
Adding the Cart Button
Урок 189. 00:01:52
Creating the Cart Slice
Урок 190. 00:04:04
Applying Cart Functionalities
Урок 191. 00:03:47
Displaying the Cart Item Count
Урок 192. 00:04:52
Filtering Products by Categories
Урок 193. 00:03:35
Setting Up Price Filter UI
Урок 194. 00:03:33
Adding Price Filter Feature
Урок 195. 00:02:33
Configuring the React Router 6 - SPA
Урок 196. 00:02:21
Configuring the ProductDetails
Урок 197. 00:03:26
Filling the Data in ProductDetails Component
Урок 198. 00:05:10
Styling the ProductDetails Component
Урок 199. 00:01:09
Enabling Cart In ProductDetails
Урок 200. 00:01:40
Creating the Cart Component
Урок 201. 00:01:45
Conditional Rendering in Cart Component
Урок 202. 00:03:00
Completing the EmptyCart Component
Урок 203. 00:07:05
Rendering Data in FilledCart Component
Урок 204. 00:03:18
Styling the FilledCart Component
Урок 205. 00:02:20
Rendering the Cart Item Quantity
Урок 206. 00:05:06
Implementing the Cart Item Quantity
Урок 207. 00:02:54
Deleting Cart Items
Урок 208. 00:04:08
Configuring the Google OAuth
Урок 209. 00:02:39
Displaying Logged-in User Name

Автор - udemy

udemy

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

+198

Комментарии