​

В курсе используется последняя версия React - 18!

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

React - это самая популярная библиотека для создания пользовательских интерфейсов в одностраничных приложениях.

Основные концепции и функции React, которые вы изучите в этом курсе:
01 Компоненты
02 Иерархия и переиспользование компонентов
03 Из чего состоят компоненты React
04 Функциональные и классовые компоненты
05 JSX - JavaScript Syntax Extension
06 Встроенные и пользовательские компоненты
07 Корневой элемент в JSX
08 Свойства и состояние компонентов
09 Родительские и дочерние компоненты
10 Принципы изменения свойств и состояния
11 Рендеринг компонентов
12 React Hooks useState и useEffect

В этом курсе вы создадите много различных проектов с помощью React
01 Подключение библиотеки React непосредственно в файл HTML
02 Конвертация кода JSX в JavaScript с помощью Babel
03 Инициализация нового приложения React с помощью create-react-app
04 Создание и переиспользование различных компонентов React
05 Добавления свойств для компонентов React
06 Использование состояния в компонентах React
07 Получение данных с удаленных серверов, используя fetch и хук useEffect
08 Стилизация компонент с помощью внешних файлов CSS
09 Использование свойства style для непосредственной стилизации компонентов React
10 Передача кода JSX в компоненты с помощью свойства children
11 Условный рендеринг кода JSX с помощью тернарного оператора и логического оператора И
12 Использование метода массивов map для формирования однотипных блоков JSX кода
13 Обработка форм и создание контролируемых полей ввода
14 Использование React Fragment

После прохождения этого курса вы смело сможете сказать, что ЗНАЕТЕ React и УМЕЕТЕ пользоваться самыми востребованными функциями React.

Чему вы научитесь:
- Вы изучите основные концепции React, такие как Компоненты (Components), JSX (JavaScript Syntax Extension), Свойства (Props) и Состояние (State);
- Поймете, как React работает изнутри, как работают функциональные компоненты и как JSX конвертируется в JavaScript с помощью компилятора Babel;
- Создадите много различных проектов, начиная с простых, направленных на использование отдельных функций React и заканчивая сложными с разными функциями React;
- Вы изучите: Create React App, переиспользование компонентов, условный рендеринг, метод map, контролируемые поля ввода, свойство.

Требования:
- Базовые знания HTML, CSS и JavaScript;
- Для новичков этот курс включает курс по предварительным требованиям.

Для кого этот курс:
- Начинающие фронтенд программисты;
- Опытные программисты, желающие изучить библиотеку React.

Спойлер: Содержание складчины по темам

Изначально курс был в таком виде, объем: 20Гб.

01 Введение в React
001 Введение.mp4
002 Присоединяйтесь к сообществу единомышленников.html
003 react-projects.zip
003 Скачайте архив с проектами ОБНОВЛЯЕТСЯ при расширении курса.mp4
004 Введение в React.mp4
005 Предварительные требования к курсу.mp4
006 Курс по HTML находится в последней секции.html
007 Одностраничные приложения.mp4
008 Преимущества и недостатки одностраничных приложений.mp4

02 Основы и ключевые понятия в React
009 Основы React и взаимодействие с DOM.mp4
010 Ключевые понятия в React.mp4
011 Компоненты.mp4
012 Иерархия и переиспользование компонентов.mp4
013 Из чего состоят компоненты React.mp4
014 Функциональные и классовые компоненты.mp4
015 JSX JavaScript Syntax Extension.mp4
016 Встроенные и пользовательские компоненты.mp4
017 Корневой элемент в JSX.mp4
018 Свойства и состояние компонентов.mp4
019 Родительские и дочерние компоненты.mp4
020 Принципы изменения свойств и состояния.mp4
021 Рендеринг компонентов.mp4
022 Резюме по ключевым понятиям в React.mp4
023 React Hooks.mp4

03 Программы для курса
024 Программы для курса.mp4
025 Установка и настройка расширения Prettier.mp4

04 Проект с Vanilla JS
026 Проект с Vanilla JS.mp4
027 Запуск приложения с помощью Live Server.mp4
028 Замена текста кнопки при нажатии с помощью JS.mp4
029 Добавление стилей CSS в HTML файле.mp4
030 Изменение стилей кнопки при нажатии.mp4
031 Анализ HTML страницы в инструментах разработчика Google Chrome.mp4
032 Подведение итогов по примеру с Vanilla JS.mp4

05 Подключение библиотеки React
033 Ссылки для подключения React React DOM и Babel.html
034 Пример с подключением React в файл HTML.mp4
035 Создание h1 элемента с помощью React.mp4
036 React DOM.txt
036 React.txt
036 Подключение библиотеки reactdom.mp4
037 Добавление div для монтирования React приложения.mp4
038 Монтирование приложения React в DOM с помощью reactdom.mp4
039 Проверка успешного добавления React компонента в DOM.mp4
040 Проект по добавлению h1 с помощью Vanilla JS.mp4
041 Сравнения результатов добавления h1 с React и без него.mp4

06 Проект с JSX
042 Проект с использованием JSX.mp4
043 Почему код JSX не запустился в веб браузере.mp4
044 Для чего нужен Babel.mp4
045 Важно для следующей лекции.html
046 Трансформация кода JSX с помощью Babel.mp4
047 Попытка сконвертировать код JSX без общего корневого тега.mp4
048 Подведение итогов по Babel.mp4
049 Подключение Babel в файле HTML.mp4
050 Задание типа для JavaScript кода для корректной трансформации Babel.mp4
051 Запуск приложения с JSX при подключенном Babel.mp4
052 Подведение итогов по проекту с JSX и Babel.mp4
053 Обзор сайта с документацией по React.mp4

07 Проект React с изменением кнопки при нажатии
054 Проект с React с таким же функционалом как в первом проекте.mp4
055 Создание кнопки с помощью React.mp4
056 Почему в JSX нужно использовать className вместо class.mp4
057 Свойства для кнопки в React.mp4
058 Перенос JavaScript кода в отдельный файл.mp4
059 Запуск проекта React с помощью Live Server.mp4
060 Использование JavaScript в коде JSX.mp4
061 Добавление обработчика при нажатии на кнопку.mp4
062 Проверка замены текста на кнопке при нажатии.mp4
063 Перенос кода JSX в функциональный компонент React.mp4

08 Добавление состояния и свойств для компонента
064 Добавление состояния компонента с помощью хука useState.mp4
065 Перезаписывать значения переменных из состояния напрямую нельзя.mp4
066 Изменение состояния с помощью вызова функции.mp4
067 Как меняется реальный DOM при использовании React.mp4
068 Чистые функции и функции с побочными эффектами.mp4
069 Функции с побочными эффектами в React.mp4
070 Изменение стилей кнопки при нажатии с помощью React.mp4
071 Подведение итогов по проекту с изменением кнопки с помощью React.mp4
072 Добавление свойства для компонента.mp4
073 ЗАДАНИЕ Передать дополнительное свойство.mp4
074 РЕШЕНИЕ Передать дополнительное свойство.mp4

09 Курс по предварительным требованиям
075 Курс по предварительным требованиям.mp4
076 HTML.mp4
077 CSS.mp4
078 Переменные в JavaScript.mp4
079 Функции.mp4
080 Стрелочные функции.mp4
081 Операторы.mp4
082 Логические операторы.mp4
083 Spread оператор.mp4
084 Деструктуризация объектов.mp4
085 Деструктуризация массивов.mp4
086 Деструктуризация параметров функции.mp4
087 Тернарный оператор.mp4
088 Метод массивов map.mp4
089 Модули ES6.mp4
090 Классы.mp4
091 Промисы и fetch.mp4
092 Async и await.mp4
093 Именование переменных в React.mp4
094 NPM.mp4
095 Семантическое управление версиями.mp4
096 Скрипты NPM.mp4
097 Резюме для курса по предварительным требованиям.mp4

10 Create React App
098 Create React App.mp4
099 Создание приложения с помощью Create React App.mp4
100 Обзор содержимого проекта React.mp4
101 Переустановка всех зависимостей NPM.mp4
102 Запуск приложения с помощью npm start.mp4
103 Анализ файлов приложения React.mp4
104 Создание production версии с помощью npm run build.mp4
105 Пересоздание версии для production.mp4
106 Тестирование приложения с помощью npm test.mp4
107 Отключение reactscripts с помощью npm run eject.mp4
108 Запуск приложения после npm run eject.mp4

11 Подготовка шаблонного проекта
109 Создание шаблона для последующих проектов.mp4
110 Изменения CSS файлов в шаблонном проекте.mp4
111 Модификация html файла в шаблонном проекте.mp4
112 Замена favicon в шаблонном проекте.mp4
113 Подведение итогов по очистке шаблонного приложения.mp4
114 Отключение Git в проекте.mp4

12 Проект по переиспользованию компонентов
115 Проект по переиспользованию компонентов.mp4
116 Вынос компонента в отдельный файл.mp4
117 Что будет если название компонента будет с маленькой буквы.mp4
118 ЗАДАНИЕ Создание еще одного компонента.mp4
119 РЕШЕНИЕ Создание еще одного компонента.mp4

13 Проект по использованию props
120 Проект по использованию props.mp4
121 ЗАДАНИЕ Добавление свойства для компонента.mp4
122 РЕШЕНИЕ Добавление свойства для компонента.mp4
123 Деструктуризация свойств.mp4

14 Проект по условному возврату JSX
124 Проект по условному возврату JSX.mp4
125 Значение true для свойств можно опускать.mp4
126 Тернарный оператор в JSX.mp4
127 Резюме по проекту с условным возвратом JSX.mp4

15 Проект с состоянием компонента
128 Проект с состоянием компонента.mp4
129 Добавление состояния для компонента RandomNum.mp4
130 Создание функции по генерации случайного числа.mp4
131 Генерирование нового случайного числа при нажатии на кнопку.mp4
132 ЗАДАНИЕ Вынести функцию в отдельный модуль.mp4
133 РЕШЕНИЕ Вынести функцию в отдельный модуль.mp4
134 ЗАДАНИЕ Добавление свойства для случайных чисел.mp4
135 РЕШЕНИЕ Добавление свойства для случайных чисел.mp4
136 Резюме по проекту с генерированием случайных чисел.mp4

16 Проект по передаче состояния через свойства
137 Проект по передаче состояния через свойства.mp4
138 В состоянии какого компонента сохранять счетчик кликов.mp4
139 Добавление состояния со счетчиком кликов.mp4
140 ЗАДАНИЕ Передача счётчика в компонент Counter.mp4
141 РЕШЕНИЕ Передача счётчика в компонент Counter.mp4
142 Изменение состояния из дочернего компонента.mp4
143 Изолирование состояния в родительском компоненте.mp4
144 Резюме по проекту передачи состояния через свойства.mp4
145 Очередность рендеринга компонент.mp4
146 Обновление состояния происходит асинхронно.mp4
147 Расширение React для Google Chrome.mp4
148 Завершение проекта по изменению состояния из дочерних компонент.mp4

17 Проект с методом массивов map
149 Отображение данных из массивов.mp4
150 Пример с методом массивов map.mp4
151 Добавление key при использовании метода map.mp4

18 Проект с итерацией по массиву объектов
152 Проект с итерацией по массиву объектов.mp4
153 Генерация случайных данных для проекта.mp4
154 Добавление массива объектов в проект.mp4
155 Итерация по массиву объектов.mp4
156 ЗАДАНИЕ Передача всех свойств объекта в компонент.mp4
157 РЕШЕНИЕ Передача всех свойств объекта в компонент.mp4
158 Использование spread оператора для передачи свойств.mp4
159 Отображение данных из объекта в интерфейсе.mp4
160 ЗАДАНИЕ Создание компонента Persons.mp4
161 РЕШЕНИЕ Создание компонента Persons.mp4
162 Добавление стилей CSS для карточек.mp4
163 Подведение итогов по проекту с массивом объектов.mp4

19 Проект с оператором И в коде JSX
164 Использование оператора И в JSX коде.mp4
165 Добавление стилей с помощью свойства style.mp4
166 Добавление обработчика нажатия на кнопку Reset.mp4
167 Условное отображение блока JSX с помощью оператора И.mp4
168 Использование двойного оператора НЕ в JSX.mp4
169 Резюме по проекту с оператором И.mp4

20 Проект по использованию React Fragment
170 Проект по использованию React Fragment.mp4
171 Добавление пустого тега JSX.mp4
172 Почему React не нужно импортировать.mp4
173 Резюме по использованию React Fragment.mp4

21 Проект по неконтролируемым полям ввода
174 Проект по неконтролируемым полям ввода.mp4
175 Получение значений из полей ввода.mp4
176 Подведение итогов по проекту с неконтролируемыми полями ввода.mp4

22 Проект по контролируемым полям ввода
177 Проект по контролируемым полям ввода.mp4
178 Добавление обработчиков изменений в полях ввода.mp4
179 ЗАДАНИЕ Контролируемое поле для ввода пароля.mp4
180 РЕШЕНИЕ Контролируемое поле для ввода пароля.mp4
181 Данные из полей ввода теперь находятся в состоянии.mp4
182 Резюме по проекту с контролируемыми полями ввода.mp4
183 Сохранения объекта в состоянии компонента.mp4

23 Проект с использованием свойства children
184 Проект с использованием свойства children.mp4
185 Добавление других свойств для компонента Wrapper.mp4
186 Резюме по проекту со свойством children.mp4

24 Проект с fetch и useEffect
187 Проект по использованию fetch в компонентах.mp4
188 Проблема с изменением состояния при использовании fetch.mp4
189 Выполнение асинхронных действии с помощью useEffect.mp4
190 Добавление зависимостей в useEffect.mp4
191 Отображение данных от удаленного сервера в интерфейсе.mp4
192 Резюме по проекту с использованием useEffect.mp4

25 Проект с массивом постов
193 Проект с массивом постов.mp4
194 ЗАДАНИЕ Получение массива постов через API.mp4
195 РЕШЕНИЕ Получение массива постов через API.mp4
196 Добавление обработки ошибок при запросе на сервер.mp4
197 ЗАДАНИЕ Отображение массива постов в интерфейсе.mp4
198 РЕШЕНИЕ Отображение массива постов в интерфейсе.mp4
199 Добавление CSS стилей для постов.mp4
200 Отображение возможных ошибок в интерфейсе.mp4
201 Добавление индикации загрузки данных.mp4
202 Добавления заголовка перед списком постов.mp4
203 ЗАДАНИЕ Перенос индикатора загрузки на место постов.mp4
204 РЕШЕНИЕ Перенос индикатора загрузки на место постов.mp4
205 Подведение итогов по проекту с массивом постов.mp4

26 Проект с async await в useEffect
206 Проект с async await в useEffect.mp4
207 Передача async функции в useEffect.mp4
208 Почему в useEffect нельзя передавать асинхронную функцию.mp4
209 Создание отдельной async функции.mp4
210 Использование IIFE Immediately Invoked Function Expression.mp4
211 Подведение итогов по проекту с async await.mp4

27 Проект с модулями CSS
212 Проект с модулями CSS.mp4
213 Импорт файла с CSS стилями.mp4
214 Создание и подключение модуля CSS.mp4
215 Использование классов из CSS модуля.mp4
216 Подведение итогов по проекту с модулями CSS.mp4

28 Первая версия проекта Todo App
217 Обзор финальной версии Todo App.mp4
218 Первая версия проекта Todo App.mp4
219 Организация файлов в папке components.mp4
220 ЗАДАЧИ для первой итерации Todo App.mp4
221 Создание заготовок для всех компонентов Todo.mp4
222 Функционал добавления новой задачи.mp4
223 Создание и использование состояния с массивом задач.mp4
224 Добавление задач с помощью формы.mp4
225 Проверка добавления и отображения задач.mp4
226 Подведение итогов по первой итерации Todo App.mp4
227 TodoForm.module.css
227 Добавление стилей CSS для компонента TodoForm.mp4
228 Todo.module.css
228 Добавление стилей CSS для компонента Todo.mp4
229 ЗАДАЧА Отображение текста об отсутствии задач.mp4
230 РЕШЕНИЕ Отображение текста об отсутствии задач.mp4
231 Завершение задачи двойным кликом.mp4
232 Добавление иконки возле каждой задачи.mp4
233 Подведение итогов по созданию первой версии Todo App.mp4

29 Вторая версия проекта Todo App
234 Проект по созданию второй версии Todo App.mp4
235 Изменение структуры данных на массив объектов.mp4
236 Генерация уникальных id для задач.mp4
237 Завершение рефакторинга с массивом объектов.mp4
238 Todo.module.css
238 Добавление и стилизация кнопок удаления и завершения задач.mp4
239 Удаление отдельных задач.mp4
240 Завершение отдельных задач.mp4
241 Условное добавление классов CSS.mp4
242 Подведение итогов по удалению и завершению задач.mp4
243 Добавление блока с кнопками для всех задач.mp4
244 Создание компонента Button.mp4
245 Удаление всех или завершенных задач.mp4
246 ЗАДАЧА Скрытие блока с кнопками при отсутствии задач.mp4
247 РЕШЕНИЕ Скрытие блока с кнопками при отсутствии задач.mp4
248 Отключение кнопки удаления завершенных задач.mp4
249 Использование Button в TodoForm.mp4
250 Отображение текста с количеством завершенных задач.mp4
251 Подведение итогов по созданию второй версии Todo App.mp4

30 Введение в React Router
252 Обзор React Router.mp4
253 Что такое URL.mp4
254 Методы HTTP.mp4
255 Обзор навигации на моем сайте.mp4
256 Обзор документации по React Router.mp4
257 Инсталляция пакета reactrouterdom.mp4
258 Использование BrowserRouter.mp4
259 Использование компонентов Route и Routes.mp4
260 Добавление маршрутов about и contacts.mp4
261 Маршрут по умолчанию.mp4

31 Навигация в React Router
262 Создание компонентов с помощью React Snippets.mp4
263 Свойства компонентов Routes и Route.mp4
264 Добавление ссылок на другие страницы.mp4
265 Создание компонента Menu.mp4
266 Вложенные маршруты и компонент Outlet.mp4
267 Создание компонента с общей разметкой.mp4
268 Маршруты со свойством index.mp4
269 Итоги по роутингу и относительные пути.mp4
270 Компонент NavLink и класс active.mp4
271 Использование className для NavLink.mp4
272 Использование style для NavLink.mp4

32 Использование хуков React Router
273 Создание данных для курсов.mp4
274 ЗАДАНИЕ Создание страниц Courses и SingleCourse с навигацией.mp4
275 РЕШЕНИЕ Создание страниц Courses и SingleCourse.mp4
276 РЕШЕНИЕ Добавление ссылок на отдельные курсы.mp4
277 РЕШЕНИЕ Использование параметров в маршрутах и хук useParams.mp4
278 РЕШЕНИЕ Добавление информации на странице курса.mp4
279 РЕШЕНИЕ Подведение итогов.mp4
280 Отображение компонента NotFound если курс не найден.mp4
281 Перенаправление с помощью хука useNavigate.mp4
282 Объект location и хук useLocation.mp4
283 ЗАДАНИЕ Сортировка курсов на основании строки запроса.mp4
284 РЕШЕНИЕ Сортировка курсов на основании строки запроса.mp4
285 РЕШЕНИЕ Функция для сортировки курсов.mp4
286 РЕШЕНИЕ Проверка сортировки при наличии строки запроса.mp4
287 РЕШЕНИЕ Перенаправление на страницу курсов.mp4
288 РЕШЕНИЕ Перенаправление при отсутствии параметра sort.mp4
289 Подведение итогов по задаче с сортировкой курсов.mp4

33 Context API
290 Введение в Context API.mp4
291 Создание контекста.mp4
292 Что такое props render в React.mp4
293 Итоги по Context Provider и Consumer.mp4
294 Использование хука useContext.mp4
295 Как React находит Context Provider.mp4
296 Контекст в виде объекта.mp4
297 Изменение контекста.mp4
298 Структура контекста.mp4
299 Подведение итогов по Context API.mp4

34 Введение в Redux
300 Введение в Redux и его составляющие части.mp4
301 Как происходит обновление состояния в Redux.mp4
302 Чистая функция pure function.mp4
303 Принцип работы Redux и его преимущества.mp4
304 Пример Redux state reducer и action.mp4
305 Метод массивов reduce.mp4
306 Принцип работы Redux.mp4

35 Проект с созданием reducer без Redux
307 Создание функции reducer.mp4
308 Вызов функции reducer.mp4
309 ЗАДАЧА Удаление всех имен из состояния.mp4
310 РЕШЕНИЕ Удаление всех имен из состояния.mp4
311 Замена if на switch и итоги по reducer.mp4

36 Проект с Redux без React
312 Создание JavaScript проекта для использования Redux.mp4
313 Создание Redux store с помощью Redux Toolkit.mp4
314 Отправка действий в Redux store.mp4
315 Установка и знакомство с Redux DevTools.mp4
316 Взаимодействие с Redux store на веб странице.mp4
317 Добавление кнопки для очистки состояния.mp4
318 Добавление actionCreators и actionTypes.mp4
319 Подведение итогов по проекту JavaScript и Redux.mp4

37 Проект React с Redux Book Library App
320 Обзор финальной версии Book Library App.mp4
321 App.css
321 index.css
321 Создание проекта Book Library App и инициализация Git.mp4
322 Запуск базового приложения и первый Git коммит.mp4
323 BookForm.css
323 BookList.css
323 Filter.css
323 Подготовка компонентов с CSS стилями.mp4
324 Создание формы для добавления книги.mp4
325 Проверка работы формы и коммит изменений в Git.mp4
326 Создание Redux store.mp4
327 Создание reducer для массива книг.mp4
328 Отправка действий для создания книг с помощью хука useDispatch.mp4
329 Получение данных из Redux store с помощью хука useSelector.mp4
330 Генерация уникальных id для книг.mp4
331 ЗАДАЧА Удаление книги из списка.mp4
332 РЕШЕНИЕ Удаление книги из списка.mp4
333 books.json
333 Добавление массива книг для случайного выбора.mp4
334 Иконки и reducer для добавления книги в избранные.mp4
335 Отправка действия toggleFavorite в компоненте.mp4
336 Перенос создания книги в отдельную функцию.mp4
337 Добавление поля ввода для фильтра по заголовку книги.mp4

38 Использование createSlice в Redux
338 Создание reducer для фильтров.mp4
339 Откуда берутся действия в Redux slice.mp4
340 Экспорт функции для создания действии в filterSlice.mp4
341 Отправка действия для поиска по названию книги.mp4
342 Синхронизация поля ввода фильтра по названию книги с состоянием.mp4
343 Мутирование state при использовании slices.mp4
344 Применение фильтра по названию в списке книг.mp4
345 Добавление кнопки для очистки фильтров.mp4
346 ЗАДАЧА Фильтр по имени автора.mp4
347 РЕШЕНИЕ Фильтр по имени автора.mp4
348 Добавление фильтра для избранных книг.mp4
349 Подсветка частей названия и автора при наличии фильтров.mp4
350 Перемещение между Git коммитами.mp4
351 ЗАДАЧА Рефакторинг reducer для книг с использованием createSlice.mp4
352 РЕШЕНИЕ Рефакторинг reducer для книг с использованием createSlice.mp4

39 Обработка API запросов в Redux
353 Начало создания сервиса API.mp4
354 Сохранение коммита сделанного в состоянии Detached HEAD с помощью слияния ветвей.mp4
355 Создание приложения API.mp4
356 Получение книги через API в фронтенд приложении.mp4
357 Отображение источника добавления книги.mp4
358 Что такое thunk function.mp4
359 Интеграция thunk function в Redux slice.mp4
360 Использование createAsyncThunk.mp4
361 Реакция на действия при использовании createAsyncThunk.mp4
362 Реагирование на действие в случае отклонения Promise.mp4
363 Создание errorSlice.mp4
364 Создание компонента Error для отображения ошибок.mp4
365 Отображение ошибки если поля названия книги и автора пустые.mp4
366 Отображение ошибки в случае неуспешного добавления книги через API.mp4
367 Использование объекта вместо функции как значения для extraReducers.mp4
368 Добавление отложенного ответа от API сервера.mp4
369 Отключение кнопки и изменение текста в процессе загрузки данных.mp4
370 Перенос isLoading в Redux store.mp4
371 Использование isLoading из Redux store.mp4
372 Подведение итогов по приложению React с Redux.mp4

40 ДОПОЛНЕНИЕ Курс по HTML
373 Введение в HTML.mp4
374 Что такое HTML и как клиенты взаимодействуют с серверами.mp4
375 Теги HTML.mp4
376 Иерархическая структура HTML.mp4
377 Закрывающие HTML теги и атрибуты тегов.mp4
378 Установка программ для курса по HTML.mp4
379 Создание HTML файла.mp4
380 Открытие HTML файла в веб браузере.mp4
381 Инструменты разработчика в Google Chrome.mp4
382 Добавление изображений, заголовков, параграфов и кнопок.mp4
383 Ссылки для подключения Bootstrap.html
384 Подключение библиотеки стилей Bootstrap.mp4
385 Использование стилей Bootstrap.mp4
386 Добавление внешних ссылок.mp4
387 Создание собственного стиля CSS.mp4
388 Добавление навигационного меню сверху HTML страницы.mp4
389 Добавление собственного логотипа для веб сайта.mp4
390 Создание второй HTML страницы для веб сайта.mp4
391 Адаптивность отображения карточек.mp4
392 Изменение стилей Bootstrap.mp4
393 Добавление favicon для веб сайта.mp4
394 Резюме курса по HTML.mp4

Спойлер: Содержание складчины (после объединения и сжатия)

вхождение тем уроков смотрите выше

01 Введение в React.mp4
02 Основы и ключевые понятия в React.mp4
03 Программы для курса.mp4
04 Проект с Vanilla JS.mp4
05 Подключение библиотеки React.mp4
06 Проект с JSX.mp4
07 Проект React с изменением кнопки при нажатии.mp4
08 Добавление состояния и свойств для компонента.mp4
09 Курс по предварительным требованиям.mp4
10 Create React App.mp4
11 Подготовка шаблонного проекта.mp4
12 Проект по переиспользованию компонентов.mp4
13 Проект по использованию props.mp4
14 Проект по условному возврату JSX.mp4
15 Проект с состоянием компонента.mp4
16 Проект по передаче состояния через свойства.mp4
17 Проект с методом массивов map.mp4
18 Проект с итерацией по массиву объектов.mp4
19 Проект с оператором И в коде JSX.mp4
20 Проект по использованию React Fragment.mp4
21 Проект по неконтролируемым полям ввода.mp4
22 Проект по контролируемым полям ввода.mp4
23 Проект с использованием свойства children.mp4
24 Проект с fetch и useEffect.mp4
25 Проект с массивом постов.mp4
26 Проект с async await в useEffect.mp4
27 Проект с модулями CSS.mp4
28 Первая версия проекта Todo App.mp4
29 Вторая версия проекта Todo App.mp4
30 Введение в React Router.mp4
31 Навигация в React Router.mp4
32 Использование хуков React Router.mp4
33 Context API.mp4
34 Введение в Redux.mp4
35 Проект с созданием reducer без Redux.mp4
36 Проект с Redux без React.mp4
37 Проект React с Redux Book Library App.mp4
38 Использование createSlice в Redux.mp4
39 Обработка API запросов в Redux.mp4
40 ДОПОЛНЕНИЕ Курс по HTML.mp4

 

Уведомляем вас о начале сбора взносов.
Цена продукта: 7000 руб. Взнос с каждого участника: 254 руб.
Кол-во участников в основном списке: 1 чел.

Начало сбора взносов 31 Январь 2024 года