Вы научитесь создавать удобные и эффектные сайты, приложения и сервисы. Освоите одну из самых актуальных профессий и станете востребованным специалистом для любой IT компании
курс "Интернет-маркетолог" или любой мини-курс в подарок
личную консультацию с экспертом
Почему нужно стать frontend-разработчиком
Понятный синтаксис JavaScript
JavaScript - главный инструмент frontend-разработчика. Он считается одним из наиболее простых и понятных для новичков языков программирования. Его синтаксис крайне рационален и не вызывает каких-либо затруднений в изучении
Востребованность на рынке труда
Актуальность направления растет вместе с развитием IT отрасли. По данным hh.ru в настоящий момент открыто более 10.000 вакансий для frontend-разработчиков разных уровней. У frontend-разработчиков также есть отличная возможность работать на фрилансе без привязки к компании, так как их навыки нужны всем и всегда
Широкая область применения своих навыков
Frontend — это непрерывное развитие как в программировании, так и в смежных областях. Вы сможете выбрать, что по душе: мобильная разработка, веб-сайты, десктопное ПО, приложения и т.д.
Минцифры России способствуют развитию IT-отрасли и регулярно вводят новые меры поддержки специалистов
В мае 2022 года была запущена программа льготной ипотеки для IT-специалистов. Максимальная ставка по такому займу составляет 5%
Отсрочка от армии
Льготная ипотека
Специалисты IT-компаний моложе 27 лет могут получить отсрочку от военной службы
Отсрочка от призыва по частичной мобилизации
Минцифры открыло сервис по подаче заявлений на освобождение от призыва в рамках частичной мобилизации сотрудников IT и телеком-компаний
Станьте Frontend-разработчиком с нуля
150 000 ₽
2 000 +
2 000 +
Средняя зарплата frontend - разработчика
Открытых вакансий прямо сейчас
Cтудентов уже получили работу
Мы поможем вам получить все необходимые навыки, собрать проекты для вашего резюме и получить достойную работу в интересующей вас компании. Ваше обучение окупится с первой зарплаты
Чему вы научитесь
Научитесь работать с распределённой системой контроля версий вместе с командой, сможете вносить или откатывать изменения в рамках одного проекта.
Освоите HTML до продвинутого уровня, а также познакомитесь с крутыми возможностями CSS
Изучите основы тестирования верстки + DevTools. Поймёте, как улучшить пользовательский опыт (UX) и достичь идеальной верстки
Изучите синтаксис языка, познакомитесь с переменными и операторами, научитесь писать и структурировать свой код и разбираться в чужом
Пользоваться Git
Работать с HTML и CSS
Инструменты верстки и UX
Писать код на Javascript
Нажимая кнопку «записаться» вы подтверждаете согласие на обработку персональных данных в соответствии с условиями Политики конфиденциальности
Если не можешь определиться с направлением в IT или хочешь узнать больше о перспективах. Проанализируем навыки, сферу интересов и дадим советы
Руководитель группы веб разработки, Газпром-медиа Развлекательное ТВ
Александр Баумгертнер
Senior Software Developer, EPAM Russia
Александра Веселова
Senior Frontend Developer, ВТБ
Эдуард Юдинков
Senior Full Stack Developer, Robovoice Development Team Lead, Gosuslugi
Дмитрий Бахтин
Директор по разработке, ООО “Дм-тех” (дочернее предприятие ПАО “Детский мир”)
Программа курса
Раздел 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
Автоматическое тестирование с помощью ChatGPT
Генерация кода с помощью ChatGPT
Лучшие практики и советы по работе с ChatGPT
Работа над дипломным проектом для портфолио
Рост в тимлида
Финальная защита и консультации
Сертификат
Мы проводим обучение на основании государственной образовательной лицензии №Л035-01271-78/00176826. Наши выпускники получают электронный сертификат об успешном прохождении курса — что, вместе с дипломным проектом, будет хорошим аргументом при трудоустройстве