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

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 дней.

  • Итоги
Подведение итогов.
Формат обучения
Во время обучения добавим тебя в discord-канал, где ты сможешь общаться и обмениваться опытом с практикующими разработчиками Creative.
Сопровождение
Теорию легко найти в интернете, мы же дадим реальную практику, ты закрепишь полученные знания на рабочих задачах.
Практика. Много практики!
Поможем составить резюме, обучим техникам самопрезентации и подготовим к техническому собеседованию. Лучшие попадут в Creative на стажировку.
Карьера
Встречаемся 2−3 раза в неделю по вечерам. Только ты, преподаватель и другие студенты курса в режиме реального времени. Пропустил занятие – не страшно, запись будет!
Оnline
На React. js можно разрабатывать не только классические веб-приложения, но и приложения VR/AR, а также игры. После изучения React.js не составит труда изучить любую другую библиотеку, фреймворк или технологию.
Антон Иконников
Руководитель учебного центра Crt.School
Отзывы студентов
Даниил
Курс «Инженер автотестирования»
В отличие от дорогих и долгих курсов известных онлайн-школ, где ты около года осваиваешь темы, связь которых с разработкой туманна, курсы crt. school сразу погружают в разработку на практике. С первых дней курса я понимал, как изученное используется в разработке. А уже по окончанию курса я освоил технологии, которые казались сложными, и буквально за недели они стали вполне понятными и простыми.
Павел
Курс «Backend-разработчик на Symfony»
У меня были базовые знания по Symfony, PHP, Api-Platform, git, но от самостоятельного изучения была огромная каша в голове. Лектор превратил эту кашу в структурированный массив информации: по ходу курса вас постепенно проведут всё глубже от основ Symfony, до DTO, DataProvider и прочих пугающих вещей, показывая как это работает и что в этом нет ничего страшного! На занятиях дают дз, а после разработчики дают развернутое ревью: где есть ошибки, где код работает правильно — и это очень ценно.
Андрей
Курс «Frontend-разработчик на React.js»
Курс идеально подойдет тем, кто уже хорошо умеет на JavaScript и немного TypeScript. Кроме того, если уже есть базовые или начальные знания по Реакту, то курс поможет быстро разобраться со всеми тонкостями и трудностями любой библиотеки, а не только Реакта. Я уже пришел на курс с хорошими знаниями, но все равно узнал для себя много нового и по окончании устроился в компанию мечты))
Валентина
Курс «Инженер ручного тестирования»
Я пришла на курс когда практически ничего не знала о тестировании веб-приложений. С первого занятия на курсе Инженер ручного тестирования от crt. school нам объяснили весь цикл веб-разработки и роль тестировщика в этом процессе. Это отличный курс для новичка. Понятный, содержательный, с интересными заданиями, компетентным преподавателем и удобным графиком.
Николай
Курс «Backend-разработчик на Symfony»
Курс понравился, было сложно, но интересно. По многим моментам пришло озарение, в том числе по ООП. Однозначно могу сказать, что после прохождения курса появилась некая граница «до» и «после» моего обучения. Хотел бы отметить, что в интернете полно различных курсов, но именно здесь вся информация подается разработчиками, которые имеют большой опыт в этом. Стараются все разложить по полочкам и ответить на все интересующие вопросы. Это очень мотивирует, и помогает дальнейшему развитию в качестве разработчика!
Дмитрий
Курс «Frontend-разработчик на React.js»
Пришел на курс практически не зная нативного js, получил уверенную базу библиотеки React и познакомился с другими библиотеками — Redux, TypeScript, Mobx и т. д. Лектор доступно и не скучно преподносит материал, приправляя все это элементами лайв кодинга, шуточками, различными схемам, которые дают более глубокое понимание материала и то, как применять его на практике. Спасибо за курс!
Андрей
Курс «Frontend-разработчик на React.js»
Освоив базу по HTML, CSS и JavaScript я начал искать работу, но во всех вакансиях требовались знания по JS-фреймворкам. Мой взгляд упал на React и мне очень удачно посоветовали пройти курс от компании Creative. К ученикам относились с пониманием и можно было сдавать задания чуть позже срока. Сами занятия проходили в режиме онлайн, на которых преподаватель объяснял тему и отвечал на вопросы. После чего обсуждали домашку и что нужно сделать. Общение проходило в очень комфортном и дружеском формате, что несомненно помогало обучению. Я остался в хорошем впечатлении от курса и если будут ещё, я обязательно их посоветую ребятам, которые хотят «вкатиться» в IT.
Коротко о Creative
Creative входит в ТОП-20 лучших работодателей по версии hh.ru. Мы знаем, какие специалисты требуются на рынке в 2022 году, какими знаниями и навыками они должны обладать, чтобы работать в проектах любой сложности. С 2004 года мы накопили сильную отраслевую экспертизу в FinTech, Classified, MedTech, EdTech, Telecom, работая с крупнейшими российскими и международными компаниями:
Варианты оплаты
  • Первые 3 занятия бесплатно
  • Помощь с составлением резюме
  • Гарантия возврата оплаты
полная стоимость
12 000 ₽/мес
Ежемесячная оплата
48 000 ₽
48 000 ₽
39 000 ₽
Полная оплата курса
Нажимая на кнопку я соглашаюсь на обработку моих персональных данных и ознакомлен с политикой о персональных данных.
Начни учиться бесплатно!
Решение о покупке можно принять после трёх вводных занятий, они абсолютно бесплатны. Если у вас возникли вопросы, пишите, обязательно ответим!
Оплатить курс
Total: 

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

Часто задаваемые вопросы
Сколько длятся курсы?
Стандартный курс рассчитан на 4 месяца обучения
Кто ваши педагоги?
Практикующие разработчики, задействованные на крупных проектах, таких как Альфа и Сбербанк
Как проходят занятия?
Живое общение с преподавателями, полное погружение и сопровождение педагога. Если пропустил занятие, сможешь посмотреть запись лекции.
Где ведется обучение?
Вся коммуникация между учениками и преподавателями ведется в нашем Discord канале. И там же проходят учебные видео встречи. Можно находится в любой точке мира и получать востребованную специальность, не выходя из дома
Сколько длится одно занятие?
Каждое занятие не более 1 часа
В какое время проходят?
2 раза в неделю в вечернее время с 17 до 18 МСК (это 19 — 20 ТМН)
Смогу ли я совмещать обучение с учебой/работой
Да, сами занятия вечерние, продолжительность которых не более 1 часа. После занятий выдается ДЗ, которое занимает около 1−2х часов в день
А мне подойдут эти курсы?
У нас ты можешь пройти курсы разного уровня подготовки и направлений, а по окончании повысить свой грейд или получить новую специальность
Можно ли вернуть деньги?
Да, на любом этапе обучения можно вернуть уплаченную сумму, за вычетом посещенных занятий
Какие есть варианты оплаты?
Оплатить можно всю сумму полностью или производить оплату за каждый месяц обучения отдельно
Есть ли у вас лицензия?
Да, учебный центр сертифицирован
В чем ваше преимущество?
Помощь студентам в подготовке резюме и при трудоустройстве.
Официальный документ о повышении квалификации или переподготовке.
3 первых бесплатных занятия, которые позволят определиться с конкретным курсом и направлением.
Что выдается после завершения курсов?
Мы выдаём официальный документ об обучении по окончании курсов на основании лицензии № Л035−1 215−72/388 740 от 31.05.2022
Остались вопросы? Спрашивай, ответим!