Курс React Базовый
Для кого этот курс
Курс рассчитан на начинающих frontend рзработчиков, а также профессионалов, желающих изучить основы фреймворка React.jsПредварительные требования
Знание HTML, CSS, JavaScript (ECMAScript 6).
Продолжительность
32 ч.
Количество уроков
16 занятий
Стоимость обучения
230
Курс входит в
Специальности Full-stack. Node.js Разработчик + AI Skills, FrontEnd Разработчик + AI SkillsПрограмма курса
1
Введение в React
После завершения урока обучающиеся познакомятся с React, научатся создать простое приложение с помощью Create React App.
2
JSX в React
После завершения урока обучающиеся познакомятся, что такое JSX, научатся писать простые компоненты с помощью JSX.
3
Основы React
После завершения урока обучающиеся познакомятся с подвидами компонентов, узнают, что такое state в React компонентах, научатся добавлять события к элементам и работать со списками.
4
Состояние и жизненный цикл
После завершения урока обучающиеся познакомятся с состоянием и жизненным циклом в React компонентах, узнают разницу между функциональными и классовыми компонентами, а также научатся их использовать, а также кратко ознакомятся с Redux.
5
Формы
После завершения урока обучающиеся познакомятся с возможностью работать с формами в React, а также с такими понятиями как подъём состояния и валидация с PropTypes.
6
Стилизация в React
После завершения урока обучающиеся познакомятся с возможностью стилизации компонентов в React, а также научатся использовать CSS модули для стилизации.
7
Создание списка заметок
После завершения урока обучающиеся познакомятся с возможностью выбора типа компонента во время исполнения, попрактикуются применять знания props, state, lifecycle и других, а также создадут список заметок с помощью React.
8
Hooks
После завершения урока обучающиеся познакомятся с основными хуками React, принципами их работы и напишут свой (кастомный) хук и закрепят пройденный материал на практике.
9
Введение в роутинг
После завершения урока обучающиеся познакомятся с библиотекой react-router, научатся организовывать маршрутизацию в приложении.
10
Создание страницы ошибки
После завершения урока обучающиеся познакомятся с Предохранителями, React.Fragment, Строгим Режимом в React, а также научатся создавать страницу ошибки.
11
Создание Модального окна
После завершения урока обучающиеся познакомятся с Рефами, с Context API и Рендер пропсами, создадут модальное окно с использованием контекста и рендер пропс.
12
Оптимизация и производительность React приложений
После завершения урока обучающиеся познакомятся с тем что React может быть медленным – поймем когда это может происходить и как с этим бороться, с различными инструментами, которые позволяют выявить наличия узких мест в React приложениях, инструментами для оптимизации и анализа, а также о «нормализации» хранилища в Redux, чем хороши иммутабельные структуры данных в JavaScript и как сделать билд приложения стройнее и худее.
13
Практика. Структура и проектирование проекта, выбор архитектуры.
Выбор темы проекта
Составление ТЗ
Начало реализации проекта
Составление ТЗ
Начало реализации проекта
14
Практика. Реализация интерфейса
Создание компонентов React
Организация потоков данных
Маршрутизация
Организация потоков данных
Маршрутизация
15
Практика. Создание моделей данных
Создание глобальных состояний на Redux
Логика работы с данными
Логика работы с данными
16
Практика. Защита курсового проекта
Защита курсового проекта.
По завершению курса вы будете уметь
1
Применять базовые концепции построения одностраничных приложений в экосистеме React.
2
Писать и разбивать приложения на логические части и компоненты.
3
Стилизовать приложения с помощью CSS модулей.
4
Строить простые одностраничные приложения с помощью React.
Попробуй бесплатно
Полноценное занятие с тренером
Что входит в курс
32 часов живого обучения с тренером
Практические занятия и проверка ДЗ
Общение с группой
Поддержка ментора и ассистента
Тестирование и Сертификат
Видео курс от ITVDN
Как проходит обучение
1
Живые онлайн занятия
с тренером
2
Выполнение
домашних заданий
3
Проверка ДЗ
и фидбек
4
Тестирование
и сертификация
Сертификат после прохождения курса
Сертификат после прохождения курса
Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Готов
начать обучение?
Отправляй заявку и зафиксируй свою скидку на обучение
Богдан Мартыненко
Frontend Developer. Тренер – консультант
Алексей Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Алексей Кучеренко
тренер-консультант направления FrontEnd at CyberBionic Systematics
Отзывы наших студентов
Отзывы с DOU
Отзывы с Facebook
Отзывы с Google
Юлия Данильченко
О CyberBionic Systematics узнала в интернете, когда искала курсы FrontEnd. Сравнила несколько разных IT-школ и остановилась на вашем учебном центре (привлекло соотношение цены и программы курса).
Специальность FrontEnd выбрала потому, что интересна тема создания сайтов, и данная специальность - это первый шаг для получения знаний Full-Stack разработчика.
Первая часть курса давалась довольно легко, т.к. я была знакома с HTML и CSS, JavaScript также был не слишком сложным, потому что уже была знакома с основами программирования. Вторая часть (TypeScript и Angular) была сложной, потому что это был совершенно новый для меня материал.
Наш тренер – Елена Хижняк, доступно объясняла, отвечала на все вопросы, помогала с домашними заданиями. Я очень благодарна ей за все полученные знания.
показать весь
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
показать весь
Роман Кравчук
Узнал о курсе от знакомых. Специальность понравилась тем, что, что в ней есть очень много интересных тем и в них интересно разбираться.
В начале курса все было легко и понятно, тяжелее всего было разобрать TypeScript и Angular.
Тренер был очень хороший, объяснял материал максимально доступно для понимания. Ментор также давал максимум полезной информации.
показать весь
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе React Базовый
На данном курсе учащиеся напишут небольшое приложение с помощью React, научатся разбивать его на логические части и компоненты, попрактикуются в написании стилей вместе с CSS Modules, а также познакомятся с основными концепциями написания приложения при помощи данной платформы. React — очень популярный JavaScript фреймворк, который применяется в построении пользовательских интерфейсов веб-приложений. Главная особенность данной платформы — компонентно-ориентированный подход, позволяющий переиспользовать код, что повышает общую гибкость написания приложений.
Курс по “React Essential” предназначен как для начинающих, которые только открывают для себя JS фреймворки, так и для профессионалов, желающих овладеть новой технологией. Что Вас ожидает? В ходе обучения Вы освоите базовые вещи: напишете первый компонент, разберете его состояния и жизненный цикл, узнаете, как использовать события. Разобравшись с основами библиотеки, поработаете с формами, освоите стилизацию, познакомитесь с роутингом, выполните верстку списка заметок, научитесь создавать страницу ошибки и Модальное окно.
Под конец обучения реализуете полноценное веб-приложение. Курсы проходят в Киеве. Обустроенные учебные аудитории обеспечивают максимально продуктивный процесс обучения. Также Вы можете пройти курс онлайн, подключаясь к группе через Zoom. По завершению курса Вы сможете использовать React для создания несложных одностраничных приложений (SPA).