Вы научитесь создавать удобные и эффектные сайты, приложения и сервисы. Освоите одну из самых актуальных профессий и станете востребованным специалистом для любой IT компании
Запишитесь на курс или получите консультацию
Нажимая кнопку «записаться» вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Трудоустроим в процессе обучения или вернем деньги
Создатели и спикеры курса - эксперты из Сбера, Yandex и Skyeng
Длительность: 8 мес. (есть возможность интенсивного обучения)
Уровень: с нуля
Формат: онлайн
Рассрочка без % для России и Казахстана
Трудоустроим в процессе обучения или вернем деньги
Создатели и спикеры курса - эксперты из Сбера, Yandex и Skyeng
Длительность: 8 мес. (есть возможность интенсивного обучения)
Уровень: с нуля
Формат: онлайн
Рассрочка без % для России и Казахстана
Почему нужно стать frontend-разработчиком
Понятный синтаксис JavaScript
JavaScript - главный инструмент frontend-разработчика. Он считается одним из наиболее простых и понятных для новичков языков программирования. Его синтаксис крайне рационален и не вызывает каких-либо затруднений в изучении
Востребованность на рынке труда
Актуальность направления растет вместе с развитием IT отрасли. По данным hh.ru в настоящий момент открыто более 10.000 вакансий для frontend-разработчиков разных уровней. У frontend-разработчиков также есть отличная возможность работать на фрилансе без привязки к компании, так как их навыки нужны всем и всегда
Широкая область применения своих навыков
Frontend — это непрерывное развитие как в программировании, так и в смежных областях. Вы сможете выбрать, что по душе: мобильная разработка, веб-сайты, десктопное ПО, приложения и т.д.
Успей занять место к ментору потока
Кирилл Замотаев
Занимается Web-разработкой, FrontEnd фреймворками, разработкой проектов на React и Vue.js. Имеет большой опыт работы с Web3 и криптоиндустрией.
Минцифры России способствуют развитию IT-отрасли и регулярно вводят новые меры поддержки специалистов
В мае 2022 года была запущена программа льготной ипотеки для IT-специалистов. Максимальная ставка по такому займу составляет 5%
Отсрочка от армии
Льготная ипотека
Специалисты IT-компаний моложе 27 лет могут получить отсрочку от военной службы
Отсрочка от призыва по частичной мобилизации
Минцифры открыло сервис по подаче заявлений на освобождение от призыва в рамках частичной мобилизации сотрудников IT и телеком-компаний
Станьте frontend-разработчиком с нуля
Мы поможем вам получить все необходимые навыки, собрать проекты для вашего резюме и получить достойную работу в интересующей вас компании. Ваше обучение окупится с первой зарплаты
Junior
Middle
Senior
без опыта или опыт в смежных сферах
1,5-2 года
от 3-х лет
от 60 000 ₽
от 120 000 ₽
от 200 000 ₽
Открытых вакансий прямо сейчас на hh.ru
3 000 +
7 000 +
Студентов уже сменили профессию с 2016 года
10+
Кейсов в ваше портфолио
Средняя зарплата специалиста (источник данных: Хабр Карьера)
Чему вы научитесь
Писать код на Javascript
Инструменты верстки и UX
Работать с HTML и CSS
Пользоваться Git
Изучите синтаксис языка, познакомитесь с переменными и операторами, научитесь писать и структурировать свой код и разбираться в чужом
Изучите основы тестирования верстки + DevTools. Поймёте, как улучшить пользовательский опыт (UX) и достичь идеальной верстки
Освоите HTML до продвинутого уровня, а также познакомитесь с крутыми возможностями CSS
Научитесь работать с распределённой системой контроля версий вместе с командой, сможете вносить или откатывать изменения в рамках одного проекта.
Нажимая кнопку «записаться» вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Руководитель группы веб разработки, Газпром-медиа Развлекательное ТВ
Александр Баумгертнер
Senior Software Developer, EPAM Russia
Александра Веселова
Senior Frontend Developer, ВТБ
Эдуард Юдинков
Senior Full Stack Developer, Robovoice Development Team Lead, Gosuslugi
Дмитрий Бахтин
Директор по разработке, ООО “Дм-тех” (дочернее предприятие ПАО “Детский мир”)
Искусственный интеллект для программиста, как когда-то калькулятор для математика
Мы научим вас работать с AI программами, которые станут вашими помощниками и дадут вам сфокусироваться на важных задачах. Благодаря этим навыкам вы будете выделяться среди других соискателей.
Программа курса
Введение в программирование
Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта.
Вы изучите базовые навыки разработчика и поймете, как устроено программирование
Вы по шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода.
Вы изучите базовые навыки разработчика и поймете, как устроено программирование
Вы по шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода.
Раздел I: Основы верстки: HTML, CSS + Figma
Практика на кейсах реальных компаний, помощь со стажировкой и первыми собеседованиями.
Структура веб страницы, базовый HTML
Базовый CSS, селекторы и каскад
Продвинутый CSS, адаптивность и кроссбраузерность
Основы JavaScript, инструменты для разработки и отладки
Объекты, массивы, функции в JavaScript
DOM-модель и работа со страницей
Обработка событий
Взаимодействие с сервером
Git и GitHub: Настраиваем репозиторий для проекта
Формы HTML: построение, валидация, доступность
Flex или Grid? Основы создания макетов
Адаптивная и кроссбраузерная верстка
Системы контроля версий. Версионирование кода, совместная разработка, CSV
Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью
Жизненный цикл ПО, CI/CD
Git, основные понятия. Знакомство с GitLab
Введение в GitLab CI
GitLab CI. Внутренние переменные, Артефакты, Правила
Основы тестирования верстки + DevTools
Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций
Идеальная верстка: делаем Pixel Perfect по макету в Figma
Обзор инструментов Figma
Работа с кривыми, пиктограммами и графиками
Отрисовка элементов интерфейса
Локальные библиотеки стилей
Прототипирование и анимация
Констрейнты и компоненты
Варианты и библиотеки
Figma Community
Подготовка макетов для работы в команде
Структура веб страницы, базовый HTML
Базовый CSS, селекторы и каскад
Продвинутый CSS, адаптивность и кроссбраузерность
Основы JavaScript, инструменты для разработки и отладки
Объекты, массивы, функции в JavaScript
DOM-модель и работа со страницей
Обработка событий
Взаимодействие с сервером
Git и GitHub: Настраиваем репозиторий для проекта
Формы HTML: построение, валидация, доступность
Flex или Grid? Основы создания макетов
Адаптивная и кроссбраузерная верстка
Системы контроля версий. Версионирование кода, совместная разработка, CSV
Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью
Жизненный цикл ПО, CI/CD
Git, основные понятия. Знакомство с GitLab
Введение в GitLab CI
GitLab CI. Внутренние переменные, Артефакты, Правила
Основы тестирования верстки + DevTools
Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций
Идеальная верстка: делаем Pixel Perfect по макету в Figma
Обзор инструментов Figma
Работа с кривыми, пиктограммами и графиками
Отрисовка элементов интерфейса
Локальные библиотеки стилей
Прототипирование и анимация
Констрейнты и компоненты
Варианты и библиотеки
Figma Community
Подготовка макетов для работы в команде
Раздел II: Работа с Javascript
Много практики и воркшопов. Помощь с подбором вакансий и прохождением собеседований.
Введение. Переменные и работа с числами. Константы
Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
Массивы и циклы. Объекты
Функции / области видимости и замыкания
Обработка событий и пользовательский ввод
Подключение библиотек
Регулярные выражения. Форматирование. Работа с датами
Mикро и макротаски. Цикл событий
Анимации и CSS фреймворки
Структуры данных и алгоритмы
Сборка проекта
Кроссбраузерное тестирование
Обработка проблем с HTML и CSS
Обработка проблем с JS
Реализация обнаружения функций
Введение в автоматизированное тестирование веб-приложений
Документы тестировщика
Артефакты тестирования
Жизненный цикл разработки ПО
Введение. Переменные и работа с числами. Константы
Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
Массивы и циклы. Объекты
Функции / области видимости и замыкания
Обработка событий и пользовательский ввод
Подключение библиотек
Регулярные выражения. Форматирование. Работа с датами
Mикро и макротаски. Цикл событий
Анимации и CSS фреймворки
Структуры данных и алгоритмы
Сборка проекта
Кроссбраузерное тестирование
Обработка проблем с HTML и CSS
Обработка проблем с JS
Реализация обнаружения функций
Введение в автоматизированное тестирование веб-приложений
Документы тестировщика
Артефакты тестирования
Жизненный цикл разработки ПО
Раздел III: Advanced JavaScript
Продвинутые операторы JS
Алгоритмы: рекурсия и сортировки
Работа с графами и деревьями
Хеш-таблицы
Стек и очереди
Решение алгоритмических задач
Наследование и прототипное наследование
Шаблонизация
Общение с сервером
Использование API в браузере
Рендеринг в браузере
Типовые виджеты
Управление пакетами: npm
Быстрый старт в React
Компоненты
Рендеринг
Hooks
Маршрутизация в React
События и состояние
CSS-стилизации
Context API
Методологии управления: Agile и Waterfall
Scrum
Kanban
Инструменты управления
Продвинутые операторы JS
Алгоритмы: рекурсия и сортировки
Работа с графами и деревьями
Хеш-таблицы
Стек и очереди
Решение алгоритмических задач
Наследование и прототипное наследование
Шаблонизация
Общение с сервером
Использование API в браузере
Рендеринг в браузере
Типовые виджеты
Управление пакетами: npm
Быстрый старт в React
Компоненты
Рендеринг
Hooks
Маршрутизация в React
События и состояние
CSS-стилизации
Context API
Методологии управления: Agile и Waterfall
Scrum
Kanban
Инструменты управления
Раздел IV: Продвинутые навыки frontend-разработчика
Введение в TypeScript
TypeScript: базовый синтаксис, типы данных и переменные
TypeScript: операторы, условия и циклы, числа
Функции в TypeScript
TypeScript: строки, массивы, кортежи
TypeScript: union
TypeScript: классы и объекты
TypeScript: пространства имен и модули
Введение в блок SQL
Извлечение и фильтрация данных (часть 1)
Извлечение и фильтрация данных (часть 2)
Преобразование и сортировка данных: введение
Преобразование и сортировка данных: advanced
Группировка данных
Базы данных. JDBC
Развитие проекта. Создание todo.
Введение в базы данных
Объединение таблиц
Подзапросы
Обновление, добавление и удаление данных
Создание, изменение и удаление таблиц
Advanced SQL: операции с текстом и оконные функции
Advanced SQL: ускорение и оптимизация запросов, табличные выражения
Практический проект LEGO
Веб-сервер: базовые знания
Веб-програмирование на стороне серверов: быстрый старт
Клиент-сервер
Фреймворки серверной части
Веб-безопасность
Express (Node.js/JavaScript): старт работы
Express: создание каркаса сайта
Express: работа с базой данной
Express: маршруты и контроллеры
Express: отображение данных
Express: работы с формами
Express: установка веб-сайта
Зачем DevOps Frontend-разработчику
Введение в DevOps
Linux: введение и основные концепты ОС
Bash. Базовый инструмент скриптов в Linux
Контейнеризация. Знакомство с Docker.
Упаковка приложений в Docker
Docker-Compose. Сервисы и взаимодействия
Ansible. Основные концепции и команды
Ansible.Роли и переменные
Ansible. Разработка ролей
Введение в ChatGPT и его применение в разработке программного обеспечения
Устранение неполадок и отладка с помощью ChatGPT
Повышение качества кода с помощью ChatGPT
Проверка кода и документирование с помощью ChatGPT
Автоматическое тестирование с помощью ChatGPT
Генерация кода с помощью ChatGPT
Лучшие практики и советы по работе с ChatGPT
Работа над дипломным проектом для портфолио
Рост в тимлида
Финальная защита и консультации
Введение в TypeScript
TypeScript: базовый синтаксис, типы данных и переменные
TypeScript: операторы, условия и циклы, числа
Функции в TypeScript
TypeScript: строки, массивы, кортежи
TypeScript: union
TypeScript: классы и объекты
TypeScript: пространства имен и модули
Введение в блок SQL
Извлечение и фильтрация данных (часть 1)
Извлечение и фильтрация данных (часть 2)
Преобразование и сортировка данных: введение
Преобразование и сортировка данных: advanced
Группировка данных
Базы данных. JDBC
Развитие проекта. Создание todo.
Введение в базы данных
Объединение таблиц
Подзапросы
Обновление, добавление и удаление данных
Создание, изменение и удаление таблиц
Advanced SQL: операции с текстом и оконные функции
Advanced SQL: ускорение и оптимизация запросов, табличные выражения
Практический проект LEGO
Веб-сервер: базовые знания
Веб-програмирование на стороне серверов: быстрый старт
Клиент-сервер
Фреймворки серверной части
Веб-безопасность
Express (Node.js/JavaScript): старт работы
Express: создание каркаса сайта
Express: работа с базой данной
Express: маршруты и контроллеры
Express: отображение данных
Express: работы с формами
Express: установка веб-сайта
Зачем DevOps Frontend-разработчику
Введение в DevOps
Linux: введение и основные концепты ОС
Bash. Базовый инструмент скриптов в Linux
Контейнеризация. Знакомство с Docker.
Упаковка приложений в Docker
Docker-Compose. Сервисы и взаимодействия
Ansible. Основные концепции и команды
Ansible.Роли и переменные
Ansible. Разработка ролей
Введение в ChatGPT и его применение в разработке программного обеспечения
Устранение неполадок и отладка с помощью ChatGPT
Повышение качества кода с помощью ChatGPT
Проверка кода и документирование с помощью ChatGPT
Все студенты получают доступ к бонусному курсу «Бизнес английский от AgileFluent»
Программа курса «Английский для IT-специалистов от AgileFluent»
1. Вводный урок 2. Self-presentation: как рассказать о себе HR-менеджеру и новой команде 3. How to give opinion: как экологично выражать своё мнение, соглашаться и не соглашаться с собеседником 4. How to ask and answer questions: как правильно строить вопросы и вежливо отвечать на них 5. Tone of voice: как различать и соблюдать различия формального и неформального стиля в сообщениях и email-ах 2 онлайн-практикума по бизнес-английскому от AgileFluent абсолютно бесплатно.
Оставить заявку
Сертификат
Мы проводим обучение на основании государственной образовательной лицензии №Л035-01271-78/00176826. Наши выпускники получают электронный сертификат об успешном прохождении курса — что, вместе с дипломным проектом, будет хорошим аргументом при трудоустройстве
ProductStar и мировое сообщество
Организуем конференции Productcamp и Devscamp, курируем крупнейшее в восточной Европе комьюнити product- и project-менеджеров (более 20 000 человек), а также сотрудничаем с Google developers group
ProductStar является частью холдинга РБК, что позволяет успешно трудоустраивать студентов в крупнейшие российские IT-компании
Наши студенты попадают в коммьюнити экспертов, посещают конференции и всесторонне развиваются
Вкладывайся в свое образование с выгодой
Зарабатывайте вместе с ProductStar
Рекомендуйте курсы друзьями и получайте 15% от их стоимости себе на карту
Верните 13% от суммы курса
Вы можете получить налоговый вычет за обучение! Подробная информация об условиях вычета и списке необходимых документов — на сайте ФНC
Оплата за счет компании партнера
Компенсация от 50% стоимости обучения за счет работодателя компании партнера после прохождения испытательного срока
Оплата за счет компании
30% студентов учатся за счёт компании. Принимаем оплату от юр.лиц: оплата по счёту и договору.
Истории наших студентов
Василий Сорохтин
курс "Профессия: Аналитик"
Артем Чистяков
курс "Продакт менеджер"
Александр
курс "Профессия: Аналитик"
Вячеслав Михайлов
курс "Профессия: Продакт менеджер"
Елизавета Шаронова
Оксана Безкаравайная
Андрей Шелковников
курс "Профессия: UX/UI дизайнер"
курс "Профессия: UX/UI дизайнер"
курс "Профессия: Аналитик"
Переведем на другой курс, если сфера не подойдет
Ты можешь сменить этот курс на любой другой без доплат в течение 2 месяцев. Попробуй себя в нескольких направлениях и выбери то, что по душе
Тарифы
Стандартный
Освоение всех навыков профессии Frontend-разработчик