JavaScript-фреймворк React.js

17500
р.
25000
р.
Школа: Skillbox
Дата начала: в момент подключения
Уровень: для Pro
Формат обучения: записанные уроки
Продолжительность: 3 месяца
Трудоустройство:

❤️ Есть отзывы
✋ Возможна оплата в рассрочку
✅ Проверено экспертами ИЗИПИЗИ

Зачем проходить онлайн обучение?

Вы научитесь:
  • создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами
  • освоите работу с фреймворком React.js, увеличите круг своих компетенций и задач

Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js

Преимущества онлайн обучения

Есть
✅ – Проверка домашних заданий
✅ – Индивидуальная обратная связь
✅ – Бессрочный доступ к урокам
✅ – Помощь с трудоустройством
✅ – Итоговый проект
✅ – Диплом об окончании
✅ – Рассрочка по оплате
✅ – Чат со студентами группы
ЭКСПЕРТНОЕ Мнение ИЗИПИЗИ о курсе
«Благодаря курсу вы освоите работу с фреймворком React.js и создавать изоморфные приложения на React Redux, а также увеличите круг своих компетенций и задач, что поможет вам продвинуться по карьерной лестнице»
ПЕРЕЙТИ К КУРСУ
Средний уровень заработка
60-80к
ДЖУН
80-120к
МИДЛ
130к+
СЕНИОР

Программа онлайн курса

Введение в React
  1. Что такое React. Основные преимущества
  2. Основы декларативного подхода
  3. Возможности React, компоненты, состояние, применения
  4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек
Создание проекта
  1. Конфигурация webpack на клиенте
  2. Конфигурация webpack на сервере
  3. Подключение к проекту HMR и SSR
  4. Подключение Typescript
  5. Подключение CSS modules, Jest, Enzyme
Typescript
  1. Основы TypeScript. Типы
  2. Работа с массивами
  3. Работа с объектами и интерфейсами
  4. Типизация функций и типы TS
  5. Generics
  6. Классы
  7. Infer, typeof, keyof, Mapped Types
Компоненты на примере новостной карточки Reddit
  1. Компоненты в React
  2. Состояния в Class Components
  3. Состояния в Functional Components
  4. Создание Layout приложения. Часть 1
  5. Создание Layout приложения. Часть 2
  6. Создание компонента новостной карточки
  7. Жизненный цикл компонента
Hooks и функциональное программирование
  1. Каррирование и функции высшего порядка
  2. Hooks в React
  3. Map и Reduce в React
  4. Создание компонента dropdown c использованием hooks
  5. Compose, Pipe и их применение в React
Компоненты - продвинутые темы. Введение в тестирование компонентов
  1. Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
  2. Создание Dropdown-меню с использованием state
  3. Введение в unit-тесты и Jest
  4. Написание тестов для React компонента. Enzyme vs Snapshots
  5. Вспомогательные компоненты
Работа с публичным API на примере Reddit
  1. Как работать с API
  2. Регистрируем аккаунт разработчика на Reddit
  3. OAuth2
  4. Страница авторизации пользователя
  5. Как структурировать API-запросы в приложении
React Context
  1. Забираем из API данные пользователя
  2. Отображаем данные пользователя в компоненте через prop
  3. Используем React Context для работы с данными
  4. Обновляем данные через контекст
Портал и форма
  1. Верстаем карточку поста, используя ReactPortal
  2. Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
  3. Controlled и uncontrolled компоненты на примере поля комментария
  4. Сохраняем состояние формы, используя контекст
Введение в Redux на примере поля для ввода комментария
  1. Введение в Redux
  2. Устанавливаем Redux, подключаем его к приложению
  3. Action + reducer
  4. Presentation Components/Container Component
Использование Redux-Thunk на примере загрузки профиля пользователя
  1. Работа с асинхронными запросами в Redux
  2. Пишем простой logger middleware
  3. Подключаем thunk к приложению. Пишем свой первый асинхронный action
  4. Работа с асинхронным состоянием
  5. Пишем простой loader
Формы на примере комментариев и карточки поста
  1. Экскурс в формы. Проблематика форм React
  2. Состояние полей. Различные подходы
  3. Какие можно использовать библиотеки и почему они могут мешать
  4. Сохраняем состояние формы, валидируем поля и выводим ошибки
  5. Доступности, нативные элементов и возможности работать с формой через табуляцию
«Бесконечные» списки на примере ленты постов
  1. Работа с запросами к API
  2. Делаем загрузку ленты постов
  3. Виды бесконечных скроллов и пагинаций
  4. Делаем подгрузку ленты постов
  5. Эффективный рендеринг больших списков
Сайдбар + роутинг
  1. Создаем сайдбар, используя более продвинутые практики
  2. Роутинг в SPA и в React
  3. Подключаем React Router
  4. Подключаем новостную ленту к роутеру
  5. Дополнительный функционал роутинга
SSR + NextJS
  1. Серверный и статический рендеринг. Изоморфные приложения
  2. Делаем серверный рендеринг, используя express
  3. NextJS
  4. Переносим приложение на Next
  5. Деплой приложения в Zeit
Бонусный модуль: Mobx

Преподаватели курса

Александр Кузнецов
Frontend techlead ТАСС. Блок «React.js»
Ольга Климонова
Ведущий разработчик, ТАСС. Блок «React.js»
Алексей Авдеев
Ведущий фронтенд разработчик ООО АЙТУТИМ

Навыки, которые вы получите ✊

Профессиональные навыки - хард скилз
Софт скилз - надпрофессиональные, которые потенциально можно развивать на этом курсе
⚡ Хард скилз
  1. Создавать приложения с нуля
  2. Работать с публичными API
  3. Создавать SPA и RIA приложения с нуля
  4. Оптимизировать приложения
✨ Софт скилз
  1. Стратегическое планирование
  2. Управление проектами
  3. Подбор и развитие команды, управление командой
  4. Бюджетирование
  5. Анализ рынка
💚 Коммент ИЗИПИЗИ
Данный курс соответсвует необходимым для этой профессии навыкам

Подойдет ли мне данный курс?

Курс подойдёт вам, даже если вы начинаете свой путь в программировании с нуля. Лекции составлены таким образом, что внимательно изучая их, а также выполняя домашние задания, вы обязательно усвоите материал. Во время обучения вам будут помогать опытные наставники, которые на протяжении всего курса будут следить за вашим прогрессом, а преподаватели-эксперты области помогут быстро заговорить на профессиональном языке, предоставив вам как теоретические, так и практические знания.
А отзывы где???
Женя Логинова
Идейный вдохновитель ИЗИПИЗИ
Жек, привет✋, а где отзывы-то??? Вроде, курс неплохой, наверняка его уже кто-то проходил и составил свое мнение
Женя Егоров
Верный соратник ИЗИПИЗИ
Привет, привет. Знаю, что онлайн курсы сейчас пользуются огромным спросом⚡Было бы круто найти еще человека, который тоже прошел или еще проходит обучающую программу.

Отзывы дают реальное понимание и помогают определиться с выбором, сам выбирал курс благодаря отзывам
Женя Логинова
Идейный вдохновитель ИЗИПИЗИ
Ок, а давай тогда дадим за отзыв крутую подборку:

⛵Как составить резюме, которое будет вас продавать

⌛Пошаговый конструктор сопроводительного письма, когда оно действительно нужно

⌚ Как составить свою стратегию поиска работы
Женя Егоров
Верный соратник ИЗИПИЗИ
ИЗИ, напишите ваш отзыв, указав свою социальную сеть и после валидации, мы обязательно отправим вам огненную подборку
Полезный материал об онлайн-курсах
Чтобы тебе было проще определиться
с курсом и успешно его завершить
Подробный отзыв, оставленный вами, поможет другим людям определиться с выбором
Спасибо за оставленный отзыв, мы проверим его содержание и свяжемся с вами
У нас есть два простых правила:

❗ Мы уделяем большое внимание отзывам о курсах и проверяем их достоверность

❗Мы не публикуем недостоверные и субъективные отзывы от кого попало, поэтому просим оставить ваши контакты для проверки подленности прохождения
Как вас зовут?
Ваш телефон
Ваш e-mail
Добавьте ссылку на любую вашу социальную сеть, к которой у вас есть доступ
Для того, чтобы мы могли проверить ваш профиль и связаться с вами в случае вопросов
Подробно опишите прохождение курса
Добавьте файлы
Тут вы можете добавить любую вашу гордость. Например, фото диплома, личного кабинета, ваших работ, сделанных на курсе
Made on
Tilda