Курс: REACT за 180 минут | Обучение и практика с нуля
Продолжить обучение на курсе: 📚 Полный курс по React, React Router и Redux Toolkit — https://purpleschool.ru/course/react-redux/?utm_source=rutube&utm_medium=link&utm_campaign=typescript+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=course Часть нашего основного курса по React, где за 3 часа вы научитесь основам! Это интенсив курс для начинающих, где вы с нуля создадите свой первый проект. Полный разбор основ: от настройки окружения до работы с состояниями (useState), компонентами, props, JSX и обработкой событий. С нашей помощью вы: • Настроите окружение (Node.js, VSCode, ESLint) • Создадите и разберете свой первый React-проект • Поймете основы: JSX, Components, Props, State • Сверстаете layout и поработаете с SVG • Научитесь обработке событий и работе с формами Телеграм-канал с новостями веб-разработки, полезными материалами, возможностью участвовать в карьерных консультациях, мок-интервью и активным чатом на 4 000 ребят с самым разным опытом, присоединяйтесь! ✈️ https://t.me/purple_code_channel Бесплатные материалы 🗂 Карьерные пути для развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=rutube&utm_medium=link&utm_campaign=reac+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=maps 🗂 Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=rutube&utm_medium=link&utm_campaign=react+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=free_course 🗂 Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=rutube&utm_medium=link&utm_campaign=react+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=free_course Содержание: 00:00 — Интро 01:00 — 1. React и Redux 06:15 — 2. Как устроен курс 13:56 — 3. Обзор проектов 15:39 — 4. Настройка окружения 18:54 — 5. Настройки VSCode 23:57 — 6. Установка Node.js 29:52 — 7. Создание проекта 37:29 — 8. Обзор проекта 43:11 — 9. Props 49:16 — 10. Упражнение Вывод даты 51:22 — 11. Композиция 58:28 — 12. Настройка ESLint 01:04:29 — 13. Что такое компоненты 01:10:03 — 14. JSX 01:18:20 — 15. React Fragment 01:22:01 — 16. Декларативное описание 01:25:04 — 17. Создание первого компонента 01:29:39 — 18. Стилизация 01:35:30 — 19. Динамические данные 01:44:34 — 20. Обработка событий 01:50:00 — 21. Отправка формы 01:59:44 — 22. Statefull и stateless 02:03:22 — 23. Особенности useState 02:09:25 — 24. Отрисовка компонент 02:13:51 — 25. useState 02:24:43 — 26. Декомпозиция на компоненты 02:30:03 — 27. Упражнение Вёрстка layout 02:42:48 — 28. Работа с SVG 02:47:51 — 29. Работа с input 02:51:43 — 30. Управляемые контролы 02:56:00 — Аутро
Продолжить обучение на курсе: 📚 Полный курс по React, React Router и Redux Toolkit — https://purpleschool.ru/course/react-redux/?utm_source=rutube&utm_medium=link&utm_campaign=typescript+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=course Часть нашего основного курса по React, где за 3 часа вы научитесь основам! Это интенсив курс для начинающих, где вы с нуля создадите свой первый проект. Полный разбор основ: от настройки окружения до работы с состояниями (useState), компонентами, props, JSX и обработкой событий. С нашей помощью вы: • Настроите окружение (Node.js, VSCode, ESLint) • Создадите и разберете свой первый React-проект • Поймете основы: JSX, Components, Props, State • Сверстаете layout и поработаете с SVG • Научитесь обработке событий и работе с формами Телеграм-канал с новостями веб-разработки, полезными материалами, возможностью участвовать в карьерных консультациях, мок-интервью и активным чатом на 4 000 ребят с самым разным опытом, присоединяйтесь! ✈️ https://t.me/purple_code_channel Бесплатные материалы 🗂 Карьерные пути для развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=rutube&utm_medium=link&utm_campaign=reac+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=maps 🗂 Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=rutube&utm_medium=link&utm_campaign=react+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=free_course 🗂 Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=rutube&utm_medium=link&utm_campaign=react+%D0%B7%D0%B0+150+%D0%BC%D0%B8%D0%BD%D1%83%D1%82&utm_content=free_course Содержание: 00:00 — Интро 01:00 — 1. React и Redux 06:15 — 2. Как устроен курс 13:56 — 3. Обзор проектов 15:39 — 4. Настройка окружения 18:54 — 5. Настройки VSCode 23:57 — 6. Установка Node.js 29:52 — 7. Создание проекта 37:29 — 8. Обзор проекта 43:11 — 9. Props 49:16 — 10. Упражнение Вывод даты 51:22 — 11. Композиция 58:28 — 12. Настройка ESLint 01:04:29 — 13. Что такое компоненты 01:10:03 — 14. JSX 01:18:20 — 15. React Fragment 01:22:01 — 16. Декларативное описание 01:25:04 — 17. Создание первого компонента 01:29:39 — 18. Стилизация 01:35:30 — 19. Динамические данные 01:44:34 — 20. Обработка событий 01:50:00 — 21. Отправка формы 01:59:44 — 22. Statefull и stateless 02:03:22 — 23. Особенности useState 02:09:25 — 24. Отрисовка компонент 02:13:51 — 25. useState 02:24:43 — 26. Декомпозиция на компоненты 02:30:03 — 27. Упражнение Вёрстка layout 02:42:48 — 28. Работа с SVG 02:47:51 — 29. Работа с input 02:51:43 — 30. Управляемые контролы 02:56:00 — Аутро