Вы научитесь работать c пользовательской и серверной частью веб-сайтов и приложений. Освоите одну из самых актуальных профессий и станете востребованным специалистом для любой IT компании
Трудоустроим в процессе обучения или вернем деньги
Создатели и спикеры курса - эксперты из Сбера, Yandex и Skyeng
Длительность: 14 мес. (есть возможность интенсивного обучения)
Уровень: с нуля
Формат: онлайн
Рассрочка без % для России и Казахстана
Трудоустроим в процессе обучения или вернем деньги
Создатели и спикеры курса - эксперты из Сбера, Yandex и Skyeng
Длительность: 14 мес. (есть возможность интенсивного обучения)
Уровень: с нуля
Формат: онлайн
Рассрочка без % для России и Казахстана
Почему нужно стать веб-разработчиком
Востребованность на рынке труда
Прибыль любого бизнеса напрямую зависит от того, насколько клиентам удобно пользоваться их сайтом, поэтому веб-разработчик нужен любой digital компании. По данным hh.ru в настоящий момент открыто более 5.000 вакансий для веб-разработчиков разных уровней, а спрос на специалистов превышает предложение
Работа, требующая творческого подхода
Профессия отлично подойдет людям, которые не любят рутинных однообразных задач. Веб-разработчики занимаются как творческими задачами (спроектировать интерфейс сайта), так требующими точных знаний (написать алгоритм или настроить сервер)
Широкая область применения своих навыков
Веб-разработка — это непрерывное развитие как в программировании, так и в смежных областях. Вы сможете выбрать, что по душе: мобильная разработка, веб-сайты, десктопное ПО, приложения и т.д.
Востребованность на рынке труда
Прибыль любого бизнеса напрямую зависит от того, насколько клиентам удобно пользоваться их сайтом, поэтому веб-разработчик нужен любой digital компании. По данным hh.ru в настоящий момент открыто более 5.000 вакансий для веб-разработчиков разных уровней, а спрос на специалистов превышает предложение
Работа, требующая творческого подхода
Профессия отлично подойдет людям, которые не любят рутинных однообразных задач. Веб-разработчики занимаются как творческими задачами (спроектировать интерфейс сайта), так требующими точных знаний (написать алгоритм или настроить сервер)
Широкая область применения своих навыков
Веб-разработка — это непрерывное развитие как в программировании, так и в смежных областях. Вы сможете выбрать, что по душе: мобильная разработка, веб-сайты, десктопное ПО, приложения и т.д.
Минцифры России способствуют развитию IT-отрасли и регулярно вводят новые меры поддержки специалистов
Отсрочка от призыва по частичной мобилизации
Минцифры открыло сервис по подаче заявлений на освобождение от призыва в рамках частичной мобилизации сотрудников IT и телеком-компаний
Льготная ипотека
В мае 2022 года была запущена программа льготной ипотеки для IT-специалистов. Максимальная ставка по такому займу составляет 5%
Специалисты IT-компаний моложе 27 лет могут получить отсрочку от военной службы
Отсрочка от армии
Станьте веб-разработчиком с нуля
150 000 ₽
5 000 +
2 000 +
Средняя зарплата веб - разработчика
Открытых вакансий прямо сейчас
Cтудентов уже получили работу
Мы поможем вам получить все необходимые навыки, собрать проекты для вашего резюме и получить достойную работу в интересующей вас компании. Ваше обучение окупится с первой зарплаты
Чему вы научитесь
Научитесь работать с распределённой системой контроля версий вместе с командой, сможете вносить или откатывать изменения в рамках одного проекта
Сможете создавать сайты и веб-приложения повышенной сложности, обрабатывать пользовательские функции и работать с файлами
Познакомитесь со структурами и библиотеками JavaScript, научитесь писать легко читаемый код и создадите свой первый сайт
Научитесь разрабатывать сайты с помощью HTML и CSS. Узнаете, как улучшить пользовательский опыт и достичь идеальной верстки
Общаетесь с наставником, закрепляете знания и исправляете ошибки
Наставничество
Выполняете домашнее задание в том темпе, в котором Вам удобно это сделать
Выполнение ДЗ
Изучение темы
Изучаете тему с помощью видеоуроков, которые доступны на обучающей платформе
Программа курса
Раздел 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: Продвинутые навыки web-разработчика
Введение в 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. Разработка ролей
Работа над дипломным проектом для портфолио
Рост в тимлида
Финальная защита и консультации
Введение в 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. Разработка ролей
Работа над дипломным проектом для портфолио
Рост в тимлида
Финальная защита и консультации
Наши эксперты
Денис Соболев
Skyeng
Илья Чухляев
OWOX
Чайзат Ховалыг
Точка банк
Анна Морозова
Яндекс
Василий Сабиров
Devtodev
Сертификат
Мы проводим обучение на основании государственной образовательной лицензии №Л035-01271-78/00176826. Наши выпускники получают электронный сертификат об успешном прохождении курса — что, вместе с дипломным проектом, будет хорошим аргументом при трудоустройстве
Практика в реальных компаниях
Организуем part-time стажировки в компаниях-партнерах, где вы сможете получить практический опыт и рекомендательные письма.
Трудоустраиваем более 80% студентов в процессе обучения
За 10 лет работы мы заключили партнёрства более чем с 200 ведущими IT-компаниями
Помогаем на реальных кейсах сделать практические задания, чтобы представить результаты на собеседовании
01
10+ кейсов в ваше портфолио
02
Честные обещания по трудоустройству
Мы полностью вернём деньги, если у вас не получится найти работу, в рамках изучения профессии (условия зафиксированы в оферте)
Ментор поддерживает в процессе обучения, отвечая на вопросы по курсу помогает эффективно освоить всю программу
Менторство
04
Специалист карьерного центра помогает уже после трудоустройства удержаться на испытательном сроке
Помощь на испытательном сроке
03
ProductStar — онлайн-университет с честным рейтингом