

JavaScript-фреймворк React.js
Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
- Длительность 2 месяца
- Онлайн в удобное время
- Обучение на практике
- Доступ к курсу навсегда
О профессии
На рынке не хватает JavaScript-разработчиков
- 10 218 компаний
сейчас ищут JavaScript-разработчиков
- 70 000 рублей
зарплата начинающего специалиста
Кому подойдёт этот курс
-
Вы освоите работу с фреймворком React.js, увеличите круг своих компетенций и задач, которые сможете выполнять на проекте — станете более конкурентоспособным сотрудником.
-
React.js — один из самых популярных фреймворков в мире. Вы научитесь создавать изоморфные приложения на React Redux, типизировать их с помощью Typescript и работать с различными публичными сервисами.
Чему вы научитесь
- Создавать приложения с нуля
Конфигурировать их с помощью Webpack или использовать готовые решения.
- Работать с публичными API
Узнаете о механизмах OAuth и имплементациях в React.
- Познакомитесь с Flux, Redux, Mobx
Узнаете подробности о состоянии приложения и работе с ним.
- Профилировать свое приложение
Искать слабые места и оптимизировать их.
- Тестировать свое приложение
Познакомитесь с библиотеками Jest и Enzyme.
- Создавать SPA и RIA приложения с нуля
Будете применять разные подходы, с SSR или без него, включая деплой в облачный сервис Now.
О Skillbox
Как проходит обучение на платформе
Содержание курса
Вас ждут 2 месяца теории и практики, которые добавят вам реальных знаний в разработке на JavaScript.
- 2 месяца обучения
- 16 тематических модулей
-
Введение в React
-
- Что такое React. Основные преимущества.
- Основы декларативного подхода.
- Возможности React, компоненты, состояние, применения.
- Экосистема React, основные библиотеки, из чего обычно состоит React-стек.
-
-
Создание проекта
-
- Конфигурация webpack на клиенте.
- Конфигурация webpack на сервере.
- Подключение к проекту HMR и SSR.
- Подключение TypeScript.
- Подключение CSS modules, Jest, Enzyme.
-
-
Typescript
-
- Основы TypeScript. Типы.
- Работа с массивами.
- Работа с объектами и интерфейсами.
- Типизация функций и типы TS.
- Generics.
- Классы.
- Infer, typeof, keyof, Mapped Types.
-
-
Компоненты на примере новостной карточки Reddit
-
- Компоненты в React.
- Состояния в Class Components.
- Состояния в Functional Components.
- Создание Layout приложения. Часть 1.
- Создание Layout приложения. Часть 2.
- Создание компонента новостной карточки.
- Жизненный цикл компонента.
-
-
Hooks и функциональное программирование
-
- Каррирование и функции высшего порядка.
- Hooks в React.
- Map и Reduce в React.
- Создание компонента dropdown c использованием hooks.
- Compose, Pipe и их применение в React.
-
-
Компоненты - продвинутые темы. Введение в тестирование компонентов
-
- Адаптивные и неадаптивные компоненты. Mobile first и desktop first подходы.
- Создание Dropdown-меню с использованием state.
- Введение в unit-тесты и Jest.
- Написание тестов для React компонента. Enzyme vs Snapshots.
- Вспомогательные компоненты.
-
-
Работа с публичным API на примере Reddit
-
- Как работать с API.
- Регистрируем аккаунт разработчика на Reddit.
- OAuth 2.0.
- Страница авторизации пользователя.
- Как структурировать API-запросы в приложении.
-
-
React Context
-
- Забираем из API данные пользователя.
- Отображаем данные пользователя в компоненте через prop.
- Используем React Context для работы с данными.
- Обновляем данные через контекст.
-
-
Портал и форма
-
- Верстаем карточку поста, используя ReactPortal.
- Ref и useRef React hook. Реализуем механизм click outside для скрытия модального окна.
- Controlled и uncontrolled компоненты на примере поля комментария.
- Сохраняем состояние формы, используя контекст.
-
-
Введение в Redux на примере поля для ввода комментария
-
- Введение в Redux.
- Устанавливаем Redux, подключаем его к приложению.
- Action + reducer.
- Presentation Components/Container Components.
-
-
Использование Redux-Thunk на примере загрузки профиля пользователя
-
- Работа с асинхронными запросами в Redux.
- Пишем простой logger middleware.
- Подключаем thunk к приложению. Пишем свой первый асинхронный action.
- Работа с асинхронным состоянием.
- Пишем простой loader.
-
-
Формы на примере комментариев и карточки поста
-
- Экскурс в формы. Проблематика форм React.
- Состояние полей. Различные подходы.
- Какие можно использовать библиотеки и почему они могут мешать.
- Сохраняем состояние формы, валидируем поля и выводим ошибки.
- Доступности, нативные элементы и возможности работать с формой через табуляцию.
-
-
«Бесконечные» списки на примере ленты постов
-
- Работа с запросами к API.
- Делаем загрузку ленты постов.
- Виды бесконечных скроллов и пагинаций.
- Делаем подгрузку ленты постов.
- Эффективный рендеринг больших списков.
-
-
Роутинг
-
- Роутинг в SPA и в React.
- Подключаем React Router.
- Подключаем новостную ленту к роутеру.
- Дополнительный функционал роутинга.
-
-
Deploy
-
- Что такое деплой.
- SaaS vs PaaS vs IaaS.
- Деплой приложения на Heroku.
- Готовим проект к продакшну.
-
-
Бонус-модуль: Mobx, effector и другие альтернативы redux
-
- Общий обзор и сравнение.
- MobX.
- Effector.
-
Получить презентацию курса и консультацию специалиста
Спикеры
-
Frontend-разработчик в ТАСС
-
Ведущий разработчик ТАСС
Записаться на курс
Наш специалист свяжется с вами и ответит на любые ваши вопросы
Записаться на курс
Наш специалист свяжется с вами и ответит на любые ваши вопросы
Спасибо за заявку!
Наш менеджер свяжется с вами
в ближайшее время
Купить курс

Получите консультацию и курс в подарок при покупке
Мы свяжемся с вами и ответим на любые возникшие вопросы

Получите персональную скидку
Введите свои данные и начните проходить бесплатную часть курса
- Кишинев
- Ташкент
- Баку
- Ереван
- Астана
- Минск
- Москва
- Гюмри
- Ванадзор
- Абовян
- Вагаршапат
- Раздан
- Гавар
- Капан
- Алматы
- Шымкент
- Гомель
- Могилев
- Наманган
- Самарканд
- Тирасполь
- Бельцы
Отзывы участников
По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю баги, разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
Жаль, что доступ к курсам даётся на определённый срок. По крайней мере, когда я брал профессию Frontend-разработчика, доступ, по-моему, давался на три года. Для меня это недостаточный срок, чтобы качественно изучить весь материал. Хотя, может быть, проблема во мне.
Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
Отдельно хочу сказать спасибо куратору Александру Свободе, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.
Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.