Мы используем cookie для стабильной работы сервиса. Подробнее

React: Фронтенд-разработчик

5.0
ФорматОнлайн
Длительность2 месяца
Объём10 занятий
УровеньНачальный
По окончанииудостоверение о повышении квалификации государственного образца от Университета ИТМО
О курсе

Подробнее

Язык программирования React используется для разработки пользовательских интерфейсов. Курс от Университета ИТМО позволит расширить свои компетенции frontend разработчика. Слушатели научатся работать с React фреймворком и популярными библиотеками React, будут разбираться в принципах работы современных React приложений. В рамках курса слушатели создадут работоспособные приложения на React, научатся тестировать их, а также запускать созданные приложения в рабочей среде. Онлайн курс состоит из теоретических и практических занятий, материалы и весь код выкладываются на Github. Домашние задания направлены на закрепление полученных на занятиях знаний и связаны с созданием рабочего веб приложения.
Требования

Что нужно для старта

  • Для успешного прохождения курса необходимы базовые знания HTML, CSS и JavaScript
Аудитория

Для кого этот курс

  • Fronted разработчики - Курс поможет выделиться среди других специалистов, позволит вам решать новые рабочие задачи.
  • Новичок в сфере веб разработки - Освойте React с нуля.
Содержание

Программа курса

10 занятий
ТемаЧто внутри
01Знакомство с React фреймворком и создание первого приложения

1. Обзор и установка необходимого программного обеспечения.
2. Знакомство с React фреймворком, преимущества использования React.
3. Создание и запуск React приложений.

02Компоненты React фреймворка

1. Создание компонентов и размещение вспомогательного функционала.
2. Экспорт, импорт, использование и переиспользование компонентов.
3. Добавление разметки и стилей в компоненты.
4. Виртуальный DOM: элементы React и этапы обновления пользовательского интерфейса.

03Использование JSX для описания пользовательского интерфейса

1. Условная отрисовка в компонентах.
2. Генерация списков в компонентах.
3. Передача данных в дочерние компоненты и их использование.
4. Композиция компонентов и разделение ответственности.

04События и сторонние эффекты

1. Добавление и использование обработчиков событий.
2. Чистые компоненты и сторонние эффекты.

05Управление состоянием компонентов

1. Что такое состояние компонента и для чего оно используется.
2. Что такое хуки и для чего они используются.
3. Триггеры, рендеринг и отрисовка в Dom дереве.
4. Понятие чистых функций, мутабельности и иммутабельности.
5. Управление состоянием и совместное использование состояния компонентами.
6. Использование reducer и context.
7. Изменение данных без перерисовки интерфейса.

06Маршрутизация в React приложениях

1. Библиотека React Router
2. Создание и настройка маршрутов, вложенные маршруты.
3. Компоненты React Router
4. Хуки React Router

07Глобальное хранилище Redux

1. Локальное состояние React и глобальное хранилище Redux.
2. Подходы к управлению состоянием, иммутабельность.
3. State, Actions, Reducers. Понятия и использование.
4. Dispatchers и асинхронная логика и извлечение данных.

08Работа со сторонними API

-

09Тестирование и деплой React приложений

1. Библиотека Jest для тестирования react приложений.
2. Подключение библиотеки и написание тестов.
3. Тестирование асинхронного кода.
4. Mock функции и snapshot тестирование.
5. Деплой react приложений: способы, этапы и автоматизация.

10Next.js - фреймворк для создания приложений на React

-

01Знакомство с React фреймворком и создание первого приложения

1. Обзор и установка необходимого программного обеспечения.
2. Знакомство с React фреймворком, преимущества использования React.
3. Создание и запуск React приложений.

02Компоненты React фреймворка

1. Создание компонентов и размещение вспомогательного функционала.
2. Экспорт, импорт, использование и переиспользование компонентов.
3. Добавление разметки и стилей в компоненты.
4. Виртуальный DOM: элементы React и этапы обновления пользовательского интерфейса.

03Использование JSX для описания пользовательского интерфейса

1. Условная отрисовка в компонентах.
2. Генерация списков в компонентах.
3. Передача данных в дочерние компоненты и их использование.
4. Композиция компонентов и разделение ответственности.

04События и сторонние эффекты

1. Добавление и использование обработчиков событий.
2. Чистые компоненты и сторонние эффекты.

05Управление состоянием компонентов

1. Что такое состояние компонента и для чего оно используется.
2. Что такое хуки и для чего они используются.
3. Триггеры, рендеринг и отрисовка в Dom дереве.
4. Понятие чистых функций, мутабельности и иммутабельности.
5. Управление состоянием и совместное использование состояния компонентами.
6. Использование reducer и context.
7. Изменение данных без перерисовки интерфейса.

06Маршрутизация в React приложениях

1. Библиотека React Router
2. Создание и настройка маршрутов, вложенные маршруты.
3. Компоненты React Router
4. Хуки React Router

07Глобальное хранилище Redux

1. Локальное состояние React и глобальное хранилище Redux.
2. Подходы к управлению состоянием, иммутабельность.
3. State, Actions, Reducers. Понятия и использование.
4. Dispatchers и асинхронная логика и извлечение данных.

08Работа со сторонними API

-

09Тестирование и деплой React приложений

1. Библиотека Jest для тестирования react приложений.
2. Подключение библиотеки и написание тестов.
3. Тестирование асинхронного кода.
4. Mock функции и snapshot тестирование.
5. Деплой react приложений: способы, этапы и автоматизация.

10Next.js - фреймворк для создания приложений на React

-

Документ после выпуска

удостоверение о повышении квалификации государственного образца от Университета ИТМО

Организатор

Автор курса

ЦДПО ИТМОЦДПО ИТМО
Центр дополнительного профессионального образования Университета ИТМО. — единственный в мире семикратный победитель международного чемпионата по программированию ACM ICPC; — входит в ТОП-100 вузов мира по компьютерным наукам; — альма-матер создателей нового языка программирования Kotlin; — первый неклассический университет, лидер Проекта 5–100; — входит в ТОП-10 университетов России по версии Forbes (7 место).
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «React: Фронтенд-разработчик» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Направления:React

Информация обновлена 3 августа 2024 г.

Продолжить выбор

Похожие курсы

Профессия Frontend-разработчик
4-5 часов в неделю
Профессия Frontend-разработчик

6 курсов, которые проводят с нуля до уровня, на котором можно откликаться на вакансии junior-фронтендера. Без предварительного опыта в программировании: начинаем с первого тега HT…

Онлайн1 занятий
12 550 ₽
Основы React, React Router и Redux Toolkit
Основы React, React Router и Redux Toolkit

В этом курсе мы изучим React, Redux Toolkit и React Router, написав 2 полноценных приложения. Этот курс подойдёт тем, кто только начинает свой путь во frontend разработку и готов…

Онлайн16 занятий
3 999 ₽
React Native и Expo Router
React Native и Expo Router

В этом курсе мы изучим React Native и Expo Router написав полноценное мобильное приложение с авторизацией и нативными возможностями. Этот курс подойдёт тем, кто хочет погрузиться…

Онлайн16 занятий
3 999 ₽
Frontend React разработка
Frontend React разработка

React является на текущий момент самым популярной библиотекой для создания frontend приложений, который используется в мире. Огромное число фреймворков базируются на React, давая…

Онлайн1 занятий
25 000 ₽
Комплект курсов «Frontend-разработка на React» и «Онлайн-курс по TypeScript»
−10%
Комплект курсов «Frontend-разработка на React» и «Онлайн-курс по TypeScript»

«Frontend-разработка на React»: Научишься создавать интерфейсы с помощью React: компоненты, JSX, состояние, события, маршрутизация. Поймёшь, как строить масштабируемые SPA и взаим…

ОнлайнНачальный
19 370 ₽−10%
17 430 ₽Рассрочка на 12 мес.
Курс по React
−45%3 месяца
Курс по React

Вы научитесь верстать веб-страницы, писать и оптимизировать веб-приложения на Django, продолжите развиваться в IT-индустрии и станете более востребованным разработчиком.

Онлайн
191 748 ₽−45%
105 461 ₽от 8 788 ₽/мес на 12 мес.