Образовательная платформа
Изображение для плашки ЧП Участвует в распродаже Скидка 30%
действует 0 дней 00:00:00
Курс

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

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

Вы изучите React.js — фреймворк языка программирования JavaScript. Научитесь писать приложения, работать с архитектурными подходами Flux, Redux, Mobx. Вырастите как профессионал.

На рынке не хватает JavaScript-разработчиков

  • 557 компаний

    сейчас ищут JavaScript-разработчиков

  • 250 000 KZT

    зарплата начинающего специалиста

Курс подходит для

  • JavaScript-разработчиков

    JavaScript-разработчиков

    Научитесь взаимодействовать с фреймворком React.js. Узнаете, как разработать клиентскую часть приложения, будете применять протоколы HTML, CSS и Ajax-запросы. Поймёте, как верстать карточки постов, используя для этого ReactPortal, реализовывать механизм click outside, необходимый для скрытия модального окна.

  • Frontend-программистов

    Frontend-программистов

    Изучите оптимизацию приложений и сможете заставить фреймворк приносить максимум эффекта. Разберётесь, как подключать CSS-модули, создавать компоненты dropdown. Научитесь применять серверный и статический рендеринг и деплоить приложения с помощью программы Zeit.

Чему вы научитесь

  1. Работа с API

    Узнаете, что такое API и для чего они нужны, как применять механизмы OAuth.

  2. Работа с архитектурными подходами

    Откроете для себя архитектурные подходы Flux, Redux, Mobx, будете применять их для написания последовательных приложений.

  3. Тестирование приложений

    Сможете применять базы данных Jest и Enzyme для проверки работоспособности софта.

  4. Создание SPA и RIA приложений

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

  5. Создание сайдбара

    Узнаете, как создавать сайдбар в SPA и React и работать с асинхронными запросами.

  6. React Context

    Научитесь забирать данные пользователей из API.

  7. Создание списков

    Поймёте, как создавать «‎бесконечные» списки на примере лены постов.

Как проходит обучение на платформе

  1. Лекции

    Приобретёте навыки или получите професию с нуля до PRO. Разберёте нюансы изучаемого предмета. Выполните практические работы для закрепления навыков и получите обратную связь от менторов.

    Лекции
  2. Связь со спикером

    Спикеры проверят ваши самостоятельные работы, помогут разобрать сложные темы и поделятся лайфхаками. В закрытых чатах будущие коллеги поддержат и помогут справиться с трудностями, расскажут о своём опыте. программам и чатам останется навсегда.

    Связь со спикером
  3. Итоговый проект

    Выполните итоговый проект для компании-партнёра Skillbox. Работа станет вашим первым проектом и основой портфолио.

    Итоговый проект
  4. Помощь с трудоустройством

    Советы по прохождению собеседований дадут специалисты Центра развития карьеры. Вы сможете научиться проходить интервью и планировать карьерный рост.

    Помощь с трудоустройством

Содержание курса

Вас ждут 3 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.

  • 16 тематических модулей
  • 76 видеоматериалов
  1. Введение в React

      1. Что такое React. Основные преимущества
      2. Основы декларативного подхода
      3. Возможности React, компоненты, состояние, применения
      4. Экосистема React, основные библиотеки, из чего обычно состоит React-стек
  2. Создание проекта

      1. Конфигурация webpack на клиенте
      2. Конфигурация webpack на сервере
      3. Подключение к проекту HMR и SSR
      4. Подключение Typescript
      5. Подключение CSS modules, Jest, Enzyme
  3. Typescript

      1. Основы TypeScript. Типы
      2. Работа с массивами
      3. Работа с объектами и интерфейсами
      4. Типизация функций и типы TS
      5. Generics
      6. Классы
      7. Infer, typeof, keyof, Mapped Types
  4. Компоненты на примере новостной карточки Reddit

      1. Компоненты в React
      2. Состояния в Class Components
      3. Состояния в Functional Components
      4. Создание Layout приложения. Часть 1
      5. Создание Layout приложения. Часть 2
      6. Создание компонента новостной карточки
      7. Жизненный цикл компонента
  5. Hooks и функциональное программирование

      1. Каррирование и функции высшего порядка
      2. Hooks в React
      3. Map и Reduce в React
      4. Создание компонента dropdown c использованием hooks
      5. Compose, Pipe и их применение в React
  6. Компоненты - продвинутые темы. Введение в тестирование компонентов

      1. Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы
      2. Создание Dropdown-меню с использованием state
      3. Введение в unit-тесты и Jest
      4. Написание тестов для React компонента. Enzyme vs Snapshots
      5. Вспомогательные компоненты
  7. Работа с публичным API на примере Reddit

      1. Как работать с API
      2. Регистрируем аккаунт разработчика на Reddit
      3. OAuth2
      4. Страница авторизации пользователя
      5. Как структурировать API-запросы в приложении
  8. React Context

      1. Забираем из API данные пользователя
      2. Отображаем данные пользователя в компоненте через prop
      3. Используем React Context для работы с данными
      4. Обновляем данные через контекст
  9. Портал и форма

      1. Верстаем карточку поста, используя ReactPortal
      2. Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна
      3. Controlled и uncontrolled компоненты на примере поля комментария
      4. Сохраняем состояние формы, используя контекст
  10. Введение в Redux на примере поля для ввода комментария

      1. Введение в Redux
      2. Устанавливаем Redux, подключаем его к приложению
      3. Action + reducer
      4. Presentation Components/Container Components
  11. Использование Redux-Thunk на примере загрузки профиля пользователя

      1. Работа с асинхронными запросами в Redux
      2. Пишем простой logger middleware
      3. Подключаем thunk к приложению. Пишем свой первый асинхронный action
      4. Работа с асинхронным состоянием
      5. Пишем простой loader
  12. Формы на примере комментариев и карточки поста

      1. Экскурс в формы. Проблематика форм React
      2. Состояние полей. Различные подходы
      3. Какие можно использовать библиотеки и почему они могут мешать
      4. Сохраняем состояние формы, валидируем поля и выводим ошибки
      5. Доступности, нативные элементов и возможности работать с формой через табуляцию
  13. «Бесконечные» списки на примере ленты постов

      1. Работа с запросами к API
      2. Делаем загрузку ленты постов
      3. Виды бесконечных скроллов и пагинаций
      4. Делаем подгрузку ленты постов
      5. Эффективный рендеринг больших списков
  14. Сайдбар + роутинг

      1. Создаем сайдбар, используя более продвинутые практики
      2. Роутинг в SPA и в React
      3. Подключаем React Router
      4. Подключаем новостную ленту к роутеру
      5. Дополнительный функционал роутинга
  15. SSR + NextJS

      1. Серверный и статический рендеринг. Изоморфные приложения
      2. Делаем серверный рендеринг, используя express
      3. NextJS
      4. Переносим приложение на Next
      5. Деплой приложения в Zeit
  16. Бонусный модуль: Mobx

Спикеры

Александр Кузнецов

Александр
Кузнецов

Frontend-разработчик в ТАСС

Ольга Климонова

Ольга
Климонова

Ведущий разработчик ТАСС

Алексей Авдеев

Алексей
Авдеев

Ведущий frontend-разработчик в ООО «АЙТУТИМ»

  • Старт курса: 25 января
  • Осталось: 5 мест

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

  • Рассрочка без первого взноса
  • 19 770 ₸/мес
  • 28 243 ₸/мес
Изображение для плашки ЧП Участвует в распродаже Скидка 30%
действует 0 дня 00:00:00

Шаг 1. Выберите вариант оплаты

Шаг 2. Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

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

Нажимая на кнопку, я соглашаюсь с публичной офертой и политикой обработки персональных данных

Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • Могу ли я записаться на курс, если только приступил к изучению JS?

    Чтобы пройти этот курс, нужно уметь писать на JavaScript. Чтобы научиться этому, обратите внимание на программу Java-разработчик. Получив базовые знания о языке, вы сможете приступить к изучению React.js.
  • Я смогу совмещать курс с работой? Сколько часов надо уделять занятиям?

    Да, совмещать учебу и работу получится, потому что вы решаете, когда смотреть уроки. В среднем пользователи Skillbox уделяют учебе от трёх до пяти часов в неделю.
  • Пользователям, закончившим курс, помогают с трудоустройством?

    Да, этим занимаются специалисты Центра развития карьеры. Профессионалы подберут подходящие вакансии, помогут написать резюме и оформить портфолио, подскажут, как вести себя на собеседованиях.
  • Как я буду общаться с куратором?

    Куратор будет проверять и комментировать практические работы, давать советы, а на вопросы ответит ментор в Telegram-чате.
  • Не могу оплатить курс сразу. Есть альтернативы?

    Да: рассрочка. Сумму разделят на ежемесячные платежи.
  • Мне вернут деньги, если курс не понравится?

    Да. Сумму рассчитают в соответствии с вашим прогрессом в обучении. Альтернативный вариант: заменить курс на другой.