Мы тоже используем куки, потому что без них вообще ничего не работает
Ничего, я привык
Мы тоже используем куки, потому что без них вообще ничего не работает
Ничего, я привык

Frontend-разработчик
на React.js

Начнёшь проектировать интерфейсы сайтов, приложений, программ и сможешь начать работать по специальности уже через 4 месяца.
Когда
12 июля 2022 г
Длительность
4 месяца
Документ
Диплом о проф. переподготовке или повышении квалификации
Формат обучения
Вебинары, видеолекции,
практические занятия
Официальный документ об обучении установленного образца.
Изученная библиотека React.
Реализованный проект для портфолио.
Актуальные навыки работы frontend-разработчиком в проектах.
Твоё резюме после обучения
Лучшие смогут сразу попасть в рабочий проект Creative.
Кто такой frontend-разработчик?
Чем занимается frontend-разработчик?
Это специалист, разрабатывающий пользовательские интерфейсы. Всё, что вы видите, заходя на сайт: кнопки, формы и другие активные элементы — все это программирует фронтенд-разработчик.
  • Разрабатывает пользовательский UI-интерфейс.
  • Преобразует дизайн в код и пишет тесты на описанную логику.
  • Описывает бизнес-логику на стороне клиента и взаимодействие с backend-частью.
средняя зарплата разработчика с опытом работы 1−1,5 года
~ 100 000 ₽ в месяц
Топ-библиотека в JavaScript
самая популярная в мире, интересных проектов будет много
для фронтенд-разработчиков ежемесячно размещаются на hh.ru
4000+ вакансий
Для кого
Ты — новичок
У тебя нет опыта работы, но ты мечтаешь ворваться в мир IT: готов с нуля изучить основы и попробовать свои силы в условиях, приближенным к реальным.
У тебя есть опыт
Хочешь освоить новую для себя профессию или расширить компетенции в IT? Тогда смело записывайся. Попробуешь новый стек, изучишь другие фреймворки и поработаешь над боевыми задачами!
Программа курса
Введение|теория 1ч
  • Вводное занятие
Окружение и база JS|теория 5ч / практика 8ч
  • Системы контроля версий
Что такое VCS. Git как современная VCS. локальный и удаленный репозиторий. ветвление, слияние и rebase, разрешение конфликтов, инструментарий для работы с git, тэги, семантическое версионирование, привязанное к тэгам.

  • Docker и контейнеры
Docker и принципы работы контейнеров, основные команды работы с контейнером. Dockerfile и конфигурация сборки, Docker-compose и комплекты контейнеров для разработки.

  • Повторение важных тем Javascript для изучения React
Замыкания, контекст выполнения и наследование в Javascript, мутабельность данных, директивы import и export, стрелочные функции и т. д.
Основы React|теория 12ч / практика 24ч
  • Знакомство с React, настройка окружения
Что такое React, как он работает, настройка окружения, CRA.

  • Виртуальный DOM, рендеринг
Виртуальный DOM, рендеринг компонентов и простых элементов.

  • Компоненты, JSX, рендеринг
Функциональные и классовые компоненты, пропсы, JSX-синтаксис (встраивание выражений, атрибуты).

  • Состояние и жизненный цикл
Создание, управление состоянием компонента. Жизненные циклы и их методы.

  • Обработка событий, условный рендеринг
Обработка событий в React, условный рендер, разделение логики на независимые компоненты.

  • Подъем состояния, списки, формы
Подъём состояния выше по иерархии, отрисовка списков, использование ключей. Формы, управляемые компоненты.

  • Стилизация компонентов React
Стилизация, виды стилизации (styled, css-in-js, modules e.t.c), SASS.

  • Приемка ДЗ
На выполнение 5 дней.
Продвинутые темы|теория 8ч / практика 18ч
  • Контекст, разделение кода и маршруты
Использование контекста для обеспечения доступа данных во компонентах разного уровня вложенности. Разделение кода с использованием синтаксиса динамического импорта.

  • Фрагменты и рефы
Мотивация фрагментов. Создание и доступ к рефам. Перенаправление рефов.

  • Компоненты высшего порядка (HOC) и порталы
Использование HOC для повторного использования логики. Порталы, всплытие событий через порталы.

  • Рендер-пропы и PropTypes
Использование рендер-пропов. Проверка типов с помощью PropTypes.

  • Hooks
Использование хуков (состояния, эффектов, e.t.c.). Создание пользовательских хуков.
Сторонние библиотеки|теория 6ч / практика 12ч

  • React router, Next
Использование простого роутинга в React (SPA). Next — роутинг, рендеринг на стороне сервера, создание статических сайтов, serverless-функции.

  • Redux
Использование Redux для управления глобальным состоянием приложения. Redux toolkit. Управление асинхронными операциями в Redux.

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

  • Typescript
Мотивация использования typescript. Статическая типизация.
Soft-skills|теория 3ч / практика 8ч
  • Подготовка к техническому собеседованию
  • Разработка резюме
  • Навыки самопрезентации
Итоги|теория 3ч
  • Экзамен
Приемка ДЗ. На выполнение 5-7 дней.

  • Итоги
Подведение итогов.
Введение
теория 1ч

  • Вводное занятие
Окружение и база JS
теория 5ч / практика 8ч

  • Системы контроля версий
Что такое VCS. Git как современная VCS. локальный и удаленный репозиторий. ветвление, слияние и rebase, разрешение конфликтов, инструментарий для работы с git, тэги, семантическое версионирование, привязанное к тэгам.

  • Docker и контейнеры
Docker и принципы работы контейнеров, основные команды работы с контейнером. Dockerfile и конфигурация сборки, Docker-compose и комплекты контейнеров для разработки.

  • Повторение важных тем Javascript для изучения React
Замыкания, контекст выполнения и наследование в Javascript, мутабельность данных, директивы import и export, стрелочные функции и т. д.
Основы React
теория 12ч / практика 24ч

  • Знакомство с React, настройка окружения
Что такое React, как он работает, настройка окружения, CRA.

  • Виртуальный DOM, рендеринг
Виртуальный DOM, рендеринг компонентов и простых элементов.

  • Компоненты, JSX, рендеринг
Функциональные и классовые компоненты, пропсы, JSX-синтаксис (встраивание выражений, атрибуты).

  • Состояние и жизненный цикл
Создание, управление состоянием компонента. Жизненные циклы и их методы.

  • Обработка событий, условный рендеринг
Обработка событий в React, условный рендер, разделение логики на независимые компоненты.

  • Подъем состояния, списки, формы
Подъём состояния выше по иерархии, отрисовка списков, использование ключей. Формы, управляемые компоненты.

  • Стилизация компонентов React
Стилизация, виды стилизации (styled, css-in-js, modules e.t.c), SASS.

  • Приемка ДЗ
На выполнение 5 дней.
Продвинутые темы
теория 8ч / практика 18ч

  • Контекст, разделение кода и маршруты
Использование контекста для обеспечения доступа данных во компонентах разного уровня вложенности. Разделение кода с использованием синтаксиса динамического импорта.

  • Фрагменты и рефы
Мотивация фрагментов. Создание и доступ к рефам. Перенаправление рефов.

  • Компоненты высшего порядка (HOC) и порталы
Использование HOC для повторного использования логики. Порталы, всплытие событий через порталы.

  • Рендер-пропы и PropTypes
Использование рендер-пропов. Проверка типов с помощью PropTypes.

  • Hooks
Использование хуков (состояния, эффектов, e.t.c.). Создание пользовательских хуков.
Сторонние библиотеки
теория 6ч / практика 12ч

  • React router, Next
Использование простого роутинга в React (SPA). Next — роутинг, рендеринг на стороне сервера, создание статических сайтов, serverless-функции.

  • Redux
Использование Redux для управления глобальным состоянием приложения. Redux toolkit. Управление асинхронными операциями в Redux.

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

  • Typescript
Мотивация использования typescript. Статическая типизация.
Soft-skills
теория 3ч / практика 8ч

  • Подготовка к техническому собеседованию
  • Разработка резюме
  • Навыки самопрезентации
Итоги
теория 3ч

  • Экзамен
Приемка ДЗ. На выполнение 5-7 дней.

  • Итоги
Подведение итогов.
Формат обучения
Во время обучения добавим тебя в телеграм-чат, где ты сможешь общаться и обмениваться опытом с практикующими разработчиками Creative.
Сопровождение
Теорию легко найти в интернете, мы же дадим реальную практику, ты закрепишь полученные знания на рабочих задачах.
Практика. Много практики!
Поможем составить резюме, обучим техникам самопрезентации и подготовим к техническому собеседованию. Лучшие попадут в Creative на стажировку.
Карьера
Встречаемся 2−3 раза в неделю по вечерам. Только ты, преподаватель и другие студенты курса в режиме реального времени.
Оnline
На React. js можно разрабатывать не только классические веб-приложения, но и приложения VR/AR, а также игры. После изучения React.js не составит труда изучить любую другую библиотеку, фреймворк или технологию.
Антон Иконников
Руководитель учебного центра Crt.School
Отзывы наших выпускников
Коротко о Creative
Creative входит в ТОП-20 лучших работодателей по версии hh.ru. Мы знаем, какие специалисты требуются на рынке в 2022 году, какими знаниями и навыками они должны обладать, чтобы работать в проектах любой сложности. С 2004 года мы накопили сильную отраслевую экспертизу в FinTech, Classified, MedTech, EdTech, Telecom, работая с крупнейшими российскими и международными компаниями:
Стоимость курса
Старт 12 июля!
При 100% оплате до начала обучения
48 000 ₽
39 000 ₽
  • Помощь с составлением резюме
  • Первые 3 занятия бесплатно
  • 4 месяца учёбы
  • Сопровождение
  • Помощь с налоговым вычетом
Запишись на три бесплатных урока
Нажимая на кнопку я соглашаюсь на обработку моих персональных данных и ознакомлен с политикой о персональных данных.
Успей на курс, вводные занятия уже идут!
  • Помощь с налоговым вычетом
  • Гарантия возврата оплаты
  • 4 месяца учёбы
  • Сопровождение
  • Помощь с составлением резюме
Оплата 100%
Экономия 6 000 ₽
42 000 ₽
Ежемесячная оплата
Полная стоимость 48 000 ₽
12 000 ₽/мес
Оплатить курс
Total: 

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

Остались вопросы? Спрашивай, ответим!