Har xil
Qora jumada qatnashadi 30%
gacha chegirmalar amal qiladi 0 kun 00:00:00
Kurs

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

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

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

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

  • 10 218 компаний

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

  • 70 000 рублей

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

Кому подойдёт этот курс

  • Практикующим JavaScript-разработчикам Практикующим JavaScript-разработчикам

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

  • Frontend-разработчикам Frontend-разработчикам

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

Siz nimani o'rganasiz

  1. Создавать приложения с нуля

    Конфигурировать их с помощью Webpack или использовать готовые решения.

  2. Работать с публичными API

    Узнаете о механизмах OAuth и имплементациях в React.

  3. Познакомитесь с Flux, Redux, Mobx

    Узнаете подробности о состоянии приложения и работе с ним.

  4. Профилировать свое приложение

    Искать слабые места и оптимизировать их.

  5. Тестировать свое приложение

    Познакомитесь с библиотеками Jest и Enzyme.

  6. Создавать SPA и RIA приложения с нуля

    Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.

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

  1. Смотрите материалы в удобное время

    Изучаете теорию и практикуетесь на задачах, приближённых к реальным.

    Смотрите материалы в удобное время
  2. Выполняете практические работы

    Решаете задачи после каждого модуля и закрепляете знания.

    Выполняете практические работы
  3. Работаете с проверяющим экспертом

    Получаете обратную связь по каждой работе в течение 1–3 рабочих дней.

    Работаете с проверяющим экспертом
  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-разработчик в ТАСС

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

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

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

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

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

CTO в дизайн-лаборатории Mish, старший frontend-разработчик

Отзывы участников

  • Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет, как решить задачу.
    По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
    Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
  • Благодаря курсу я научилась создавать классные постеры и векторные изображения. Также мой список новых скиллов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
    Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
  • Отзывы студентов

    Яна Щербицкая

    Kurs «Photoshop с нуля до PRO»
    Курс очень круто структурирован, там есть все знания, которые мне нужны, чтобы освоить программу. Сама бы я точно что-нибудь пропустила.
    Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
    Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
  • Отзывы студентов

    Алла Комиссаренко

    Kurs «UX-дизайнер с нуля до PRO»
    Работать дизайнером мне очень нравится, от UX я вообще в восторге, тяга к аналитике у меня была всегда. После долгих поисков работы в новой сфере подруга помогла мне получить заказ на редизайн сайта большой компании.
    Отдельно хочу сказать спасибо куратору Александру Свобода, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
  • «Почему бы не сделать из хобби источник заработка?» — однажды подумала я.
    Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
    Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.

  • Отзывы студентов

    Ирина Семёнова

    Kurs «SMM-специалист»
    Я узнала, что такое охваты, KPI и прочие слова, которые раньше пугали. Поняла, что чем проще и понятнее, тем лучше. Разобралась в сложной иерархии рекламного кабинета и научилась настраивать аудиторию и рекламу.

    Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.
  • Kursning boshlanishi: 29 июн
  • Qoldi: 3 joyj

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

  • Рассрочка до 6 месяцев без переплат
  • 557 865 сум/oy
  • 796 950 сум/oy
Qora jumada qatnashadi 30%
gacha chegirmalar amal qiladi 0 дня 00:00:00

1-qadam. To'lov turini tanlang

2-qadam. Bog'lanish ma'lumotlarini to'ldiring

Xato ketganga oʻxshaydi. Qayta yuborishga harakat qilib koʻring yoki sahifani qayta ishga tushiring.

bosish bilan tugmachani, men rozilik beraman / tugmachani bosish bilan men rozilik berman ishlov berish shaxsiy ma'lumotlarga va  qoidalari bilan Platformalardan foydalanish

Tugmachani bosish bilan roziligimni bildiraman dan Ommaviy oferta bilan va shaxsiy ma'lumotlarga ishlov berish siyosati bilan

Rahmat!

Soʻrovingiz muvaffaqiyatli joʻnatildi