Сложность
Сложность
Начинающий
Тип обучения
Тип обучения
Курс
Формат обучения
Формат обучения
С проверкой домашнего задания
Трудоустройство
Трудоустройство
Отсутствует
Сертификат
Сертификат
Да

Стоимость курса

26 300 ₽
есть рассрочка

Учитесь онлайн где угодно

«Живое» онлайн общение с преподавателями и наставниками.

Доступ к курсу на 3 месяца: интерактивные задания, вебинары и записи занятий.

Гибкий график обучения, который вы подбираете сами под себя.

Отсутствие дополнительных расходов на транспорт.

Возможность совмещать обучение с работой, путешествиями и параллельным обучением.

Подтверждение ваших знаний

После окончания курса вы получаете Персональный сертификат.

Что вы получите после обучения

Приобретаемые навыки
1
React JS
2
Nodemon
3
DOM
4
Классовые компоненты
5
Функциональные компоненты
6
Хуки
7
Props
8
Best Practice в компонентах React
9
Роутинг в React
10
Маршрутизация в SPA
11
Redux — управление состоянием
12
Тестирование React
13
TypeScript

Вас будут обучать

опыт работы более 5-ти лет

React Developer и преподаватель Международной школы профессий
Занимается разработкой и поддержкой web-приложений на стеке React & Redux. Участвовал в разработке проектов: Клиника в Грозном MedicPRO» Образовательная платформа с курсами I'lma Skill.

Образовательная организация

ПОЛУЧИ ОБРАЗОВАНИЕ В САМЫХ ВОСТРЕБОВАННЫХ ТВОРЧЕСКИХ НАПРАВЛЕНИЯХ!

Если вы давно мечтали раскрыть свои таланты, научиться чему-то новому, раскрыть себя и связать свою жизнь с творчеством, то Международная Школа Профессий (бывшее название СПБШТ) ждет вас! В нашей школе вы непременно найдете подходящий курс для взрослых в Санкт-Петербруге! Мы поддержим ваше хобби и поможем освоить его на профессиональном уровне. Начните обучение и сделайте первый шаг на пути к мечте в одном из 46 филиалов по всей России и СНГ!

46 филиалов в РФ и СНГ

70 тыс. учеников, закончивших обучение

>150 курсов по 7 направлениям

>100 профессиональных педагогов

Преимущества

Мы уверены, что одна из составляющих успеха - это комфортное обучение в кругу единомышленников и в комфортных аудиториях
 
Цены
Мы постоянно изучаем ситуацию на рынке и предлагаем своим ученикам современные учебные программы, имеющие лучшее соотношение цены и качества. У нас нет скрытых комиссий или дополнительных платежей и взносов - вы платите только за свой курс и ни рубля больше.
 
Педагоги
Преподаватели школы — практикующие специалисты, настоящие профессионалы своего дела, каждый из них уже успешно реализовался в своей сфере деятельности и достиг высоких результатов! Они с радостью поделятся опытом, секретами мастерства и помогут начать развиваться и построить карьеру в выбранной сфере.
 
Система
Программа обучения построена таким образом, что ученики не только получают теоретические знания, но и хорошую практическую базу, отрабатывая полученные навыки на практике. Офисы Международной школы профессий (СПБШТ) располагаются в центре города и имеют удобную транспортную развязку. Это современные образовательные центры с просторными, стильными аудиториями, имеющими хорошее техническое оснащение.

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

1. React - библиотека фронтенд-разработки

Изучите

1.Специфика React JS
2.Знакомство с JSX — расширение языка JavaScript
3.Настройка окружения
4.React виртуал DOM
5.Создание проекта React
6.Webpack: сборщик модулей
7.Nodemon

Освоите

  • Проект React
  • Настройка окружения
  • Nodemon
  • DOM

На практике

• Вы настроите проект React для будущей разработки проекта.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

2. Классовые компоненты

Изучите

1.Назначение классовых компонентов
2.Композиция и извлечение
3.Рендеринг компонентов
4.«Состояние» и «жизненный цикл» React-компонентов

Освоите

  • Классовые компоненты
  • Рекламный текст
  • Композиция
  • Lifecycle

На практике

• Вы будете конвертировать HTML и CSS разметку в полноценный React-компонент.
• Сделаете первые классовые компоненты с помощью React.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

3. Функциональные компоненты

Изучите

1.Назначение функциональных компонентов
2.Сравнительный анализ классовых и функциональных компонентов
3.Props: входные данные React-компонентов
4.Хуки: описание логики компонентов
5.Правила использования хуков

Освоите

  • Функциональные компоненты
  • Пропсы
  • Хуки
  • Логика компонентов

На практике

• Вы напишите приложение с использованием функциональных компонентов.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

4. Best Practice в компонентах React

Изучите

1.Как правильно разбивать на компоненты
2.Вынесение функциональности
3.Порталы
4.Использование кастомных хуков
5.Отслеживание состояний компонентов в браузере

Освоите

  • Принцип dry
  • Порталы
  • Кастомные хуки
  • ReactDevTools

На практике

• Напишите дополнительный функционал к приложению с использованием кастомных хуков и порталов.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

5. Роутинг в React

Изучите

1.SPA-приложение
2.Маршрутизация в SPA
3.Реализация роутинга в React-приложении
4.History API
5.Компоненты Route, Link, Redirect.
6.Управление маршрутами
7.Json-server библиотека

Освоите

  • Маршрутизация
  • SPA-приложение 
  • History API
  • Json-server библиотека

На практике

• Вы дополните ваше приложение: добавите маршрутизацию в приложение.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

6. Redux — управление состоянием

Изучите

1.Подключение и настройка Redux к проекту
2.Хранилище, диспетчер, действия
3.ReduxDevTools
4.Управление состоянием проекта с помощью Redux
5.Middleware
6.Расширение функциональности Redux

Освоите

  • Redux
  • Состояние проекта
  • ReduxDevTools
  • Middleware

На практике

• Добавите общее состояние всего приложения.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

7. Тестирование

Изучите

1.Инструменты и методики тестирования React-приложений
2.Настройка инфраструктуры для тестирования
3.Тесты для компонентов
4.Исполнители тестов: Jest, mocha, ava

Освоите

  • Методики тестирования
  • Тесты для компонентов 
  • Среды тестирования
  • Jest, mocha, ava

На практике

• Покроете приложение тестами.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

8. TypeScript

Изучите

1.Использование TypeScript и какие задачи он решает
2.Система типов
3.Как код на JavaScript превращается в TypeScript
4.Инфраструктура: настройки компилятора
5.Подключение TypeScript к проекту

Освоите

  • TypeScript
  • Компиляция
  • Система типов
  • Подключение TypeScript

На практике

• Вы перепишите ваш код на TypeScript.
Преподаватель оценит результат выполнения задания и подробно разберет его с вами.

Рейтинг курса

3.1
рейтинг
0
0
0
0
0

Может быть интересно

обновлено 23.10.2024 16:30
Онлайн-курсы React JS

Онлайн-курсы React JS

Оставить отзыв
Поделиться курсом с друзьями