[Udemy] React - Полный Курс по React (Богдан Стащук)

Освой Профессию‌ ‌Data‌ ‌Scientist‌ [SkillBox]
Дата-сайентист — одна из самых востребованных профессий в мире.

Вас ждут 8 курсов, онлайн-лекции и практические задания, а также 2 дипломных проекта.
После обучения вы сможете претендовать на позицию Junior Data Scientist.

Чему вы научитесь:
+ Программировать на Python
+ Визуализировать данные
+ Разрабатывать интерактивную инфографику
+ Работать с библиотеками и базами данных (Pandas, NumPy и Matplotlib, PostgreSQL, SQLite3, MongoDB)
+ Программировать на R
+ Применять нейронные сети для решения реальных задач
+ Освоите фреймворки для обучения нейронных сетей Tensorflow и Keras
+ Построите рекомендательную систему и добавите её в своё портфолио

ПОРА ПРОФЕССИЮ МЕЧТЫ ПРЕВРАЩАТЬ В РЕАЛЬНОСТЬ! Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

P.S. Дефицит дата-сайентистов наблюдается не только в России, но и во всем мире. ВЭФ считает эту профессию одной из самых востребованных в ближайшие пять лет. В России, по данным HeadHunter, только с 2020 по 2021 год число вакансий на должность дата-сайентиста выросло на треть. При этом уровень предлагаемых зарплат в сфере остается высоким — в среднем 150 тысяч рублей в месяц.

 

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

Начало сбора взносов 13 Сентябрь 2022 года

 

Материал добавлен.

Спойлер: Содержание складчины (файлы и папки)

01 Введение в React
001 План расширения курса.ts [4m 714k 852]
002 Скачайте архив с проектами (ОБНОВЛЯЕТСЯ при расширении курса) react-projects.zip [7m 413k 235]
002 Скачайте архив с проектами (ОБНОВЛЯЕТСЯ при расширении курса).ts [2m 812k 104]
003 Введение в React.ts [3m 682k 920]
004 Предварительные требования к курсу.ts [12m 342k 12]
005 Одностраничные приложения.ts [12m 216k 804]
006 Преимущества и недостатки одностраничных приложений.ts [20m 87k 48]

02 Основы и ключевые понятия в React
007 Основы React и взаимодействие с DOM.ts [32m 94k 420]
008 Ключевые понятия в React.ts [3m 603k 584]
009 Компоненты.ts [17m 817k 324]
010 Иерархия и переиспользование компонентов.ts [9m 261k 68]
011 Из чего состоят компоненты React.ts [2m 432k 156]
012 Функциональные и классовые компоненты.ts [8m 416k 8]
013 JSX - JavaScript Syntax Extension.ts [38m 716k 720]
014 Встроенные и пользовательские компоненты.ts [8m 649k 316]
015 Корневой элемент в JSX.ts [9m 432k 712]
016 Свойства и состояние компонентов.ts [5m 826k 120]
017 Родительские и дочерние компоненты.ts [7m 679k 48]
018 Принципы изменения свойств и состояния.ts [15m 505k 488]
019 Ререндеринг компонентов.ts [4m 80k 352]
020 Резюме по ключевым понятиям в React.ts [7m 999k 776]
021 React Hooks.ts [3m 478k 376]

03 Программы для курса
022 Программы для курса.ts [15m 631k 824]
023 Установка и настройка расширения Prettier.ts [12m 848k 484]

04 Проект с Vanilla JS
024 Проект с Vanilla JS.ts [13m 981k 184]
025 Запуск приложения с помощью Live Server.ts [13m 593k 152]
026 Замена текста кнопки при нажатии с помощью JS.ts [28m 233k 276]
027 Добавление стилей CSS в HTML файле.ts [13m 694k 672]
028 Изменение стилей кнопки при нажатии.ts [21m 664k 932]
029 Анализ HTML страницы в инструментах разработчика Google Chrome.ts [12m 872k 736]
030 Подведение итогов по примеру с Vanilla JS.ts [15m 456k 984]

05 Подключение библиотеки React
031 Ссылки для подключения React, React DOM и Babel.docx [13k 192]
032 Пример с подключением React в файл HTML.ts [25m 743k 28]
033 Создание h1 элемента с помощью React.ts [41m 116k 728]
034 Подключение библиотеки react-dom.ts [10m 480k 812]
035 Добавление div для монтирования React приложения.ts [5m 885k 904]
036 Монтирование приложения React в DOM с помощью react-dom.ts [18m 256k 116]
037 Проверка успешного добавления React компонента в DOM.ts [5m 970k 128]
038 Проект по добавлению h1 с помощью Vanilla JS.ts [48m 276k 896]
039 Сравнения результатов добавления h1 с React и без него.ts [57m 711k 676]

06 Проект с JSX
040 Проект с использованием JSX.ts [37m 280k 400]
041 Почему код JSX не запустился в веб браузере.ts [16m 424k 620]
042 Для чего нужен Babel.ts [31m 164k 8]
043 Трансформация кода JSX с помощью Babel.ts [36m 549k 268]
044 Попытка сконвертировать код JSX без общего корневого тега.ts [36m 501k 704]
045 Подведение итогов по Babel.ts [12m 710k 304]
046 Подключение Babel в файле HTML.ts [54m 571k 700]
047 Задание типа для JavaScript кода для корректной трансформации Babel.ts [3m 559k 404]
048 Запуск приложения с JSX при подключенном Babel.ts [12m 876k 684]
049 Подведение итогов по проекту с JSX и Babel.ts [5m 28k 624]
050 Обзор сайта с документацией по React.ts [20m 736k 24]

07 Проект React с изменением кнопки при нажатии
051 Проект с React с таким же функционалом как в первом проекте.ts [42m 721k 120]
052 Создание кнопки с помощью React.ts [7m 509k 472]
053 Почему в JSX нужно использовать className вместо class.ts [11m 804k 332]
054 Свойства для кнопки в React.ts [3m 779k 928]
055 Перенос JavaScript кода в отдельный файл.ts [7m 147k 572]
056 Запуск проекта React с помощью Live Server.ts [72m 560k 292]
057 Использование JavaScript в коде JSX.ts [16m 753k 996]
058 Добавление обработчика при нажатии на кнопку.ts [7m 207k 168]
059 Проверка замены текста на кнопке при нажатии.ts [47m 227k 104]
060 Перенос кода JSX в функциональный компонент React.ts [20m 410k 784]

08 Добавление состояния и свойств для компонента
061 Добавление состояния компонента с помощью хука useState.ts [39m 513k 276]
062 Перезаписывать значения переменных из состояния непрямую нельзя.ts [11m 793k 804]
063 Изменение состояния с помощью вызова функции.ts [10m 443k 588]
064 Как меняется реальный DOM при использовании React.ts [9m 172k 520]
065 Чистые функции и функции с побочными эффектами.ts [18m 457k 464]
066 Функции с побочными эффектами в React.ts [17m 539k 460]
067 Изменение стилей кнопки при нажатии с помощью React.ts [56m 487k 796]
068 Подведение итогов по проекту с изменением кнопки с помощью React.ts [30m 891k 220]
069 Добавление свойства для компонента.ts [93m 194k 44]
070 ЗАДАНИЕ - Передать дополнительное свойство.ts [1m 31k 368]
071 РЕШЕНИЕ - Передать дополнительное свойство.ts [26m 175k 804]

09 Курс по предварительным требованиям
072 Курс по предварительным требованиям.ts [22m 607k 564]
073 HTML.ts [15m 522k 32]
074 CSS.ts [31m 970k 340]
075 Переменные в JavaScript.ts [6m 926k 296]
076 Функции.ts [13m 65k 60]
077 Стрелочные функции.ts [9m 858k 908]
078 Операторы.ts [12m 299k 712]
079 Логические операторы.ts [9m 880k 904]
080 Spread оператор.ts [8m 813k 628]
081 Деструктуризация объектов.ts [18m 280k 368]
082 Деструктуризация массивов.ts [7m 581k 476]
083 Деструктуризация параметров функции.ts [11m 772k 748]
084 Тернарный оператор.ts [10m 797k 216]
085 Метод массивов map.ts [16m 229k 476]
086 Модули ES6.ts [18m 424k 752]
087 Классы.ts [20m 580k 924]
088 Промисы и fetch.ts [10m 924k 304]
089 Async и await.ts [10m 215k 168]
090 Именование переменных в React.ts [8m 696k 692]
091 NPM.ts [14m 907k 648]
092 Семантическое управление версиями.ts [15m 893k 708]
093 Скрипты NPM.ts [3m 762k 68]
094 Резюме для курса по предварительным требованиям.ts [1m 623k 4]

10 Create React App
095 Create React App.ts [20m 393k 300]
096 Создание приложения с помощью Create React App.ts [57m 586k 468]
097 Обзор содержимого проекта React.ts [277m 345k 496]
098 Переустановка всех зависимостей NPM.ts [9m 514k 492]
099 Запуск приложения с помощью npm start.ts [17m 578k 188]
100 Анализ файлов приложиения React.ts [232m 396k 576]
101 Создание production версии с помощью npm run build.ts [70m 88k 92]
102 Пересоздание версии для production.ts [136m 74k 24]
103 Тестирование приложения с помощью npm test.ts [89m 998k 232]
104 Отключение react-scripts с помощью npm run eject.ts [186m 762k 208]
105 Запуск приложения после npm run eject.ts [84m 314k 804]

11 Подготовка шаблонного проекта
106 Создание шаблона для последующих проектов.ts [29m 898k 956]
107 Изменения CSS файлов в шаблонном проекте.ts [66m 829k 488]
108 Модификация html файла в шаблонном проекте.ts [23m 348k 848]
109 Замена favicon в шаблонном проекте.ts [93m 100k 984]
110 Подведение итогов по очистке шаблонного приложения.ts [16m 542k 684]
111 Отключение Git в проекте.ts [48m 992k 424]

12 Проект по переиспользованию компонентов
112 Проект по переиспользованию компонентов.ts [25m 565k 556]
113 Вынос компонента в отдельный файл.ts [17m 352k 964]
114 Что будет если название компонента будет с маленькой буквы.ts [16m 430k 448]
115 ЗАДАНИЕ - Создание еще одного компонента.ts [2m 649k 860]
116 РЕШЕНИЕ - Создание еще одного компонента.ts [18m 137k 112]

13 Проект по использованию props
117 Проект по использованию props.ts [36m 691k 772]
118 ЗАДАНИЕ - Добавление свойства для компонента.ts [866k 868]
119 РЕШЕНИЕ - Добавление свойства для компонента.ts [4m 46k 512]
120 Деструктуризация свойств.ts [30m 688k 180]

14 Проект по условному возврату JSX
121 Проект по условному возврату JSX.ts [47m 694k 284]
122 Значение true для свойств можно опускать.ts [10m 572k 932]
123 Тернарный оператор в JSX.ts [34m 308k 496]
124 Резюме по проекту с условным возвратом JSX.ts [17m 147k 668]

15 Проект с состоянием компонента
125 Проект с состоянием компонента.ts [75m 854k 616]
126 Добавление состояния для компонента RandomNum.ts [40m 624k 732]
127 Создание функции по генерации случайного числа.ts [25m 790k 404]
128 Генерирование нового случайного числа при нажатии на кнопку.ts [50m 942k 360]
129 ЗАДАНИЕ - Вынести функцию в отдельный модуль.ts [5m 618k 568]
130 РЕШЕНИЕ - Вынести функцию в отдельный модуль.ts [20m 135k 364]
131 ЗАДАНИЕ - Добавление свойства для случайных чисел.ts [23m 114k 412]
132 РЕШЕНИЕ - Добавление свойства для случайных чисел.ts [38m 844k 936]
133 Резюме по проекту с генерированием случайных чисел.ts [32m 417k 780]

16 Проект по передаче состояния через свойства
134 Проект по передаче состояния через свойства.ts [53m 665k 728]
135 В состоянии какого компонента сохранять счетчик кликов.ts [15m 422k 392]
136 Добавление состояния со счетчиком кликов.ts [16m 818k 292]
137 ЗАДАНИЕ - Передача счетчика в компонент Counter.ts [997k 340]
138 РЕШЕНИЕ - Передача счетчика в компонент Counter.ts [10m 603k 576]
139 Изменение состояния в дочернем компоненте.ts [46m 31k 236]
140 Изолирование состояния в родительском компоненте.ts [49m 94k 884]
141 Резюме по проекту передачи состояния через свойства.ts [13m 295k 548]
142 Очередность рендеринга компонент.ts [21m 641k 56]
143 Обновление состояния происходит асинхронно.ts [40m 816k 868]
144 Расширение React для Google Chrome.ts [28m 738k 432]
145 Завершение проекта по изменению состояния из дочерних компонент.ts [4m 757k 716]

17 Проект с методом массивов map
146 Отображение данных из массивов.ts [72m 481k 144]
147 Пример с методом массивов map.ts [168m 582k 608]
148 Добавление key при использовании метода map.ts [90m 460k 148]

18 Проект с итерацией по массиву объектов
149 Проект с итерацией по массиву объектов.ts [16m 148k 72]
150 Генерация случайных данных для проекта.ts [22m 517k 700]
151 Добавление массива объектов в проект.ts [29m 425k 572]
152 Итерация по массиву объектов.ts [51m 269k 292]
153 ЗАДАНИЕ - Передача всех свойств объекта в компонент.ts [9m 448k 880]
154 РЕШЕНИЕ - Передача всех свойств объекта в компонент.ts [71m 628k 376]
155 Использование spread оператора для передачи свойств.ts [83m 283k 436]
156 Отображение данных из объекта в интерфейсе.ts [24m 491k 324]
157 ЗАДАНИЕ - Создание компонента Persons.ts [3m 374k 412]
158 РЕШЕНИЕ - Создание компонента Persons.ts [42m 519k 960]
159 Добавление стилей CSS для карточек.ts [61m 483k 708]
160 Подведение итогов по проекту с массивом объектов.ts [61m 830k 380]

19 Проект с оператором И в коде JSX
161 Использование оператора И в JSX коде.ts [18m 16k 228]
162 Добавление стилей с помощью свойства style.ts [21m 53k 368]
163 Добавление обработчика нажатия на кнопку Reset.ts [18m 31k 268]
164 Условное отображение блока JSX с помощью оператора И.ts [31m 223k 416]
165 Использование двойного оператора НЕ в JSX.ts [11m 610k 128]
166 Резюме по проекту с оператором И.ts [6m 346k 692]

20 Проект по использованию React Fragment
167 Проект по использованию React Fragment.ts [19m 390k 320]
168 Добавление пустого тега JSX.ts [29m 244k 716]
169 Почему React не нужно импортировать.ts [14m 628k 92]
170 Резюме по использованию React Fragment.ts [6m 48k 336]

21 Проект по неконтролируемым полям ввода
171 Проект по неконтролируемым полям ввода.ts [69m 916k 448]
172 Получение значений из полей ввода.ts [68m 201k 888]
173 Подведение итогов по проекту с неконтролируемыми полями ввода.ts [17m 333k 224]

22 Проект по контролируемым полям ввода
174 Проект по контролируемым полям ввода.ts [51m 650k 932]
175 Добавление обработчиков изменений в полях ввода.ts [20m 436k 540]
176 ЗАДАНИЕ - Контролируемое поле для ввода пароля.ts [1m 362k 812]
177 РЕШЕНИЕ - Контролируемое поле для ввода пароля.ts [4m 235k 828]
178 Данные из полей ввода теперь находятся в состоянии.ts [17m 838k 4]
179 Резюме по проекту с контролируемыми полями ввода.ts [2m 253k 556]
180 Сохранения объекта в состоянии компонента.ts [109m 826k 216]

23 Проект с использованием свойства children
181 Проект с использованием свойства children.ts [35m 166k 340]
182 Добавление других свойств для компонента Wrapper.ts [38m 115k 872]
183 Резюме по проекту со свойством children.ts [12m 266k 60]

24 Проект с fetch и useEffect
184 Проект по использованию fetch в компонентах.ts [45m 546k 572]
185 Проблема с изменением состояния при использовании fetch.ts [59m 199k 884]
186 Выполнение асинхронных действий с помощью useEffect.ts [79m 116k 792]
187 Добавление зависимостей в useEffect.ts [27m 62k 788]
188 Отображение данных от удаленного сервера в интерфейсе.ts [35m 951k 428]
189 Резюме по проекту с использованием useEffect.ts [24m 39k 184]

25 Проект с массивом постов
190 Проект с массивом постов.ts [94m 666k 648]
191 ЗАДАНИЕ - Получение массива постов через API.ts [4m 16k 808]
192 РЕШЕНИЕ - Получение массива постов через API.ts [48m 588k 224]
193 Добавление обработки ошибок при запросе на сервер.ts [14m 479k 572]
194 ЗАДАНИЕ - Отображение массива постов в интерфейсе.ts [6m 903k 360]
195 РЕШЕНИЕ - Отображение массива постов в интерфейсе.ts [96m 849k 892]
196 Добавление CSS стилей для постов.ts [32m 973k 696]
197 Отображение возможных ошибок в интерфейсе.ts [55m 961k 960]
198 Добавление индикации загрузки данных.ts [34m 383k 320]
199 Добавления заголовка перед списком постов.ts [4m 151k 416]
200 ЗАДАНИЕ - Перенос индикатора загрузки на место постов.ts [3m 286k 52]
201 РЕШЕНИЕ - Перенос индикатора загрузки на место постов.ts [12m 549k 752]
202 Подведение итогов по проекту с массивом постов.ts [56m 132k 664]

26 Проект с async await в useEffect
203 Проект с async await в useEffect.ts [32m 122k 56]
204 Передача async функции в useEffect.ts [45m 51k 568]
205 Почему в useEffect нельзя передавать асинхронную функцию.ts [62m 751k 204]
206 Создание отдельной async функции.ts [13m 322k 808]
207 Использование IIFE - Immediately Invoked Function Expression.ts [13m 61k 676]
208 Подведение итогов по проекту с async await.ts [46m 189k 156]

27 Проект с модулями CSS
209 Проект с модулями CSS.ts [11m 763k 160]
210 Импорт файла с CSS стилями.ts [37m 393k 764]
211 Создание и подключение модуля CSS.ts [32m 681k 544]
212 Использование классов из CSS модуля.ts [91m 866k 952]
213 Подведение итогов по проекту с модулями CSS.ts [45m 91k 48]

28 Первая версия проекта Todo App
214 Обзор финальной версии Todo App.ts [13m 244k 976]
215 Первая версия проекта Todo App.ts [4m 354k 644]
216 Организация файлов в папке components.ts [26m 660k 844]
217 ЗАДАЧИ для первой итерации Todo App.ts [6m 900k 540]
218 Создание заготовок для всех компонентов Todo.ts [41m 194k 936]
219 Функционал добавления новой задачи.ts [2m 54k 276]
220 Создание и использования состояния с массивом задач.ts [85m 512k 364]
221 Добавление задач с помощью формы.ts [76m 153k 160]
222 Проверка добавления и отображения задач.ts [7m 478k 452]
223 Подведение итогов по первой итерации Todo App.ts [23m 264k 248]
224 Добавление стилей CSS для компонента TodoForm TodoForm.module.css [414]
224 Добавление стилей CSS для компонента TodoForm.ts [123m 798k 940]
225 Добавление стилей CSS для компонента Todo Todo.module.css [277]
225 Добавление стилей CSS для компонента Todo.ts [56m 168k 8]
226 ЗАДАЧА - Отображение текста об отсутствии задач.ts [836k 36]
227 РЕШЕНИЕ - Отображение текста об отсутствии задач.ts [7m 647k 840]
228 Завершение задачи двойным кликом.ts [104m 728k 220]
229 Добавление иконки возле каждой задачи.ts [75m 37k 192]
230 Подведение итогов по созданию первой версии Todo App.ts [37m 200k 876]

29 Вторая версия проекта Todo App
231 Проект по созданию второй версии Todo App.ts [7m 248k 904]
232 Изменение структуры данных на массив объектов.ts [33m 863k 876]
233 Генерация уникальных id для задач.ts [62m 310k 720]
234 Завершение рефакторинга с массивом объектов.ts [87m 734k 524]
235 Добавление и стилизация кнопок удаления и завершения задач Todo.module.css [825]
235 Добавление и стилизация кнопок удаления и завершения задач.ts [131m 492k 840]
236 Удаление отдельных задач.ts [24m 421k 576]
237 Завершение отдельных задач.ts [83m 643k 80]
238 Условное добавление классов CSS.ts [52m 5k 124]
239 Подведение итогов по удалению и завершению задач.ts [3m 750k 36]
240 Добавление блока с кнопками для всех задач.ts [27m 163k 744]
241 Создание компонента Button.ts [87m 36k 668]
242 Удаление всех или завершенных задач.ts [74m 614k 568]
243 ЗАДАЧА - Скрытие блока с кнопками при отсутствии задач.ts [4m 908k 116]
244 РЕШЕНИЕ - Скрытие блока с кнопками при отсутствии задач.ts [5m 380k 560]
245 Отключение кнопки удаления завершенных задач.ts [70m 872k 52]
246 Использование Button в TodoForm.ts [46m 20k 896]
247 Отображение текста с количеством завершенных задач.ts [37m 743k 820]
248 Подведение итогов по созданию второй версии Todo App.ts [71m 90k 696]

30 Введение в React Router
250 Обзор React Router.ts [43m 98k 812]
251 Что такое URL.ts [35m 602k 876]
252 Методы HTTP.ts [11m 144k 76]
253 Обзор навигации на моём сайте.ts [85m 356k 512]
254 Обзор документации по React Router.ts [20m 549k 716]
255 Инсталяция пакета react-router-dom.ts [27m 314k 896]
256 Использование BrowserRouter.ts [82m 216k 912]
257 Использование компонентов Route и Routes.ts [36m 903k 272]
258 Добавление маршрутов about и contacts.ts [3m 704k 352]
259 Маршрут по умолчанию.ts [13m 496k 520]

31 Навигация в React Router
260 Создание компонентов с помощью React Snippets.ts [39m 877k 620]
261 Свойства компонентов Routes и Route.ts [10m 529k 316]
262 Добавление ссылок на другие страницы.ts [43m 588k 364]
263 Создание компонента Menu.ts [27m 738k 836]
264 Вложенные маршруты и компонент Outlet.ts [14m 57k 512]
265 Создание компонента с общей разметкой.ts [9m 406k 580]
266 Маршруты со свойством index.ts [7m 127k 832]
267 Итоги по роутингу и относительные пути.ts [50m 81k 884]
268 Компонент NavLink и класс active.ts [22m 547k 592]
269 Использование className для NavLink.ts [26m 175k 240]
270 Использование style для NavLink.ts [14m 608k 352]

32 Использование хуков React Router
271 Создание данных для курсов.ts [12m 449k 360]
272 ЗАДАНИЕ - Создание страниц Courses и SingleCourse с навигацией.ts [19m 520k 980]
273 РЕШЕНИЕ - Создание страниц Courses и SingleCourse.ts [47m 914k 620]
274 РЕШЕНИЕ - Добавление ссылок на отдельные курсы.ts [72m 799k 616]
275 РЕШЕНИЕ - Использование параметров в маршрутах и хук useParams.ts [22m 297k 740]
276 РЕШЕНИЕ - Добавление информации на странице курса.ts [94m 979k 480]
277 РЕШЕНИЕ - Подведение итогов.ts [6m 680k 580]
278 Отображение компонента NotFound если курс не найден.ts [33m 870k 456]
279 Перенаправление с помощью хука useNavigate.ts [98m 723k 876]
280 Объект location и хук useLocation.ts [42m 958k 940]
281 ЗАДАНИЕ - Сортировка курсов на основании строки запроса.ts [58m 745k 300]
282 РЕШЕНИЕ - Сортировка курсов на основании строки запроса.ts [58m 745k 300]
283 РЕШЕНИЕ - Функция для сортировки курсов.ts [75m 420k 524]
284 РЕШЕНИЕ - Проверка сортировки при наличии строки запроса.ts [10m 740k 64]
285 РЕШЕНИЕ - Перенаправление на страницу курсов.ts [91m 915k 80]
286 РЕШЕНИЕ - Перенаправление при отсутствии параметра sort.ts [19m 507k 632]
287 Подведение итогов по задаче с сортировкой курсов.ts [23m 629k 908]

Объем: 9,01Гб.

 

Добрый день! Первый раз на этом форуме, не понимаю как купить курс. Подскажите плиз.

 

спасибо!