Профессия Web-разработчик [Тариф Стандартный] [Productstar] [Дмитрий Бахтин, Анна Атласова]

Санчо Панса · 9 июл 2025

Складчина: Профессия Web-разработчик [Тариф Стандартный] [Productstar] [Дмитрий Бахтин, Анна Атласова]

Вы получите:

Более 10 проектов в портфолио

Возможность перевода на другой курс в течение двух месяцев

Онлайн-курс по web-разработке для начинающих

Рассрочка без % для России и Казахстана

Программа обновлена в 2025 году

Возможность совмещать с работой и личными делами

Web-разработка — это все то, что мы видим на экране. Визуальное воплощение любого сайта или приложения — результат работы Web-разработчика. Он делает продукт максимально удобным и понятным для пользователя

Почему стоит пойти в Web-разработку

Творческое самовыражение. Специальность находится на стыке творчества и точных навыков, поэтому вы сможете воплотить свои самые инновационные идеи

Востребованность на рынке труда. Каждая компания, имеющая собственные сервисы, нуждается в разработчике веб- или мультимедийных приложений. Спрос на таких специалистов ежегодно растет на 20%Востребованность на рынке труда

Множество проектов на фрилансе. В web-разработке специалисты чаще работают сами на себя, так как в интернете можно найти большое количество заказов по созданию сайтов и приложений

Кому подойдет этот курс

Новичкам без опыта в IT
Будете учиться по формату — от простого к сложному.
Научитесь писать код, отрабатывая его на практике
Освоите важные навыки разработчика

Начинающим Web-разработчикам
Систематизируете текущие знания и восполните пробелы.
Начнете свободно писать код любой сложности уже через три месяца обучения

Специалистам из смежных IT-сфер
Поймете, как грамотно использовать свой опыт в сфере разработки и познакомитесь с новой стороной IT-направления

Владельцам собственных бизнесов
Погрузитесь в основы Web-разработки и сможете самостоятельно создавать web-сайты или приложения для бизнеса.
Будете тестировать свои идеи и привлекать больше клиентов

На курсе вы научитесь

Использовать HTML, CSS и работать в Figma
Разберетесь в работе с HTML и CSS
Узнаете, как улучшить пользовательский опыт и достичь идеальной верстки

Работать с JavaScript и библиотекой React
Познакомитесь со структурами и библиотеками JavaScript, сможете писать легко читаемый код
Сверстаете ваш первый сайт

Тестировать сайты и приложения
Будете не только верстать, но и искать баги в работе сайтов и приложений.
Освоите автоматизированное и ручное тестирование

Создавать сайты повышенной сложности
Изучите TypeScript и Node.js.
Начнете выполнять задачи как Frontend-, так и Backend-разработчика

Программа курса

Введение в программирование
Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта
Блок 1: Базовые навыки разработчика
Блок 2: Основы языков программирования

Ступень №1. Основы верстки: HTML, CSS + Figma
Освоите необходимые для специалиста инструменты HTML и CSS, поработаете с системами контроля версий и углубитесь в развитие пользовательского опыта. Сможете выйти на стажировку и брать небольшие проекты на фрилансе по верстке сайтов.
Блок 1. Принципы HTML
Блок 2. Объекты HTML и DOM-модель
Блок 3. Расширенные возможности HTML и CSS
Блок 4: Системы контроля версий
Блок 5. Инструменты верстки и UX
Блок 6: Работа с Figma

Ступень №2. Работа с JavaScript
Научитесь свободно писать код, поработаете с библиотеками и фреймворками, выполните несколько проектов. При помощи Карьерного центра начнете искать работу и проходить первые собеседования
Блок 1: Базовый JavaScript
Блок 2: Методология тестирования ПО

Ступень №3. Advanced JavaScript
Изучите расширенные возможности JavaScript и углубитесь в работу с библиотекой React, которую активно используют для создания пользовательских интерфейсов. Будете активно проходить собеседования, отрабатывать ошибки и пополнять портфолио проектами
Блок 1: Расширенные возможности JavaScript
Блок 2: Библиотека React
Блок 3: Современные методологии управления разработкой

Ступень №4. Продвинутые навыки Web-разработчика
Освоите продвинутые и смежные инструменты JavaScript-разработчика. Благодаря этим знаниям, сможете выделиться на фоне других кандидатов и быть в приоритете при отборе на позицию разработчика
Блок 1: TypeScript
Блок 2: SQL
Блок 3: Javascript на серверной стороне: основы Node.js
Блок 4: Основы DevOps для программиста
Блок 5: ChatGPT для разработчика
Блок 6: Дипломная работа

Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта.

Блок 1: Базовые навыки разработчика. Изучите базовые навыки разработчика и поймете, как устроено программирование

Блок 2: Основы языков программирования. По шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода

Ступень 1. Основы верстки: HTML, CSS + Figma
Освоите необходимые для специалиста инструменты HTML и CSS, поработаете с системами контроля версий и углубитесь в развитие пользовательского опыта. Сможете выйти на стажировку и брать небольшие проекты на фрилансе по верстке сайтов.

Блок 1. Принципы HTML

Структура web-страницы, базовый HTML

Базовый CSS, селекторы и каскад

Продвинутый CSS, адаптивность и кроссбраузерность

Основы JavaScript, инструменты для разработки и отладки

Блок 2. Объекты HTML и DOM-модель

Объекты, массивы, функции в JavaScript

DOM-модель и работа со страницей

Обработка событий

Взаимодействие с сервером

Блок 3. Расширенные возможности HTML и CSS

Git и GitHub: Настраиваем репозиторий для проекта

Формы HTML: построение, валидация, доступность

Flex или Grid. Основы создания макетов

Адаптивная и кроссбраузерная верстка

Блок 4: Системы контроля версий

Системы контроля версий. Версионирование кода, совместная разработка, CSV

Git & GitHub. Git, Commit, Ветки, слияние веток и разрешение конфликтов, GitHub, Командная работа, Код ревью

Жизненный цикл ПО, CI/CD

Git, основные понятия. Знакомство с GitLab

Введение в GitLab CI

GitLab CI. Внутренние переменные, Артефакты, Правила

Блок 5. Инструменты верстки и UX

Основы тестирования верстки + DevTools

Улучшаем пользовательский опыт (UX) с помощью CSS-анимаций

Идеальная верстка: делаем Pixel Perfect по макету в Figma

Блок 6: Работа с Figma

Знакомство с Figma

Работа с фигурами и инструментами

Создание дизайна интерфейса в Figma

Констрейнты, компоненты и auto layout

Варианты и библиотеки

Прототипирование и анимация

Figma Community и FigmaJam

Совместная работа и передача дизайна

Ступень 2.Работа с JavaScript
Научитесь свободно писать код, поработаете с библиотеками и фреймворками, выполните несколько проектов. При помощи Карьерного центра начнете искать работу и проходить первые собеседования

Блок 1: Базовый JavaScript

Введение. Переменные и работа с числами. Константы

Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения

Массивы и циклы. Объекты

Функции / области видимости и замыкания

Обработка событий и пользовательский ввод

Подключение библиотек

Регулярные выражения. Форматирование. Работа с датами

Mикро и макротаски. Цикл событий

Анимации и CSS фреймворки

Структуры данных и алгоритмы

Сборка проекта

Блок 2: Методология тестирования ПО

Кроссбраузерное тестирование

Обработка проблем с HTML и CSS

Обработка ошибок в JavaScript

Реализация обнаружения функций

Введение в автоматизированное тестирование веб-приложений

Документы тестировщика

Артефакты тестирования

Жизненный цикл разработки ПО

Ступень №3. Advanced JavaScript
Изучите расширенные возможности JavaScript и углубитесь в работу с библиотекой React, которую активно используют для создания пользовательских интерфейсов. Будете активно проходить собеседования, отрабатывать ошибки и пополнять портфолио проектами

Блок 1: Расширенные возможности JavaScript

Продвинутые операторы JS

Алгоритмы: рекурсия и сортировки

Работа с графами и деревьями

Хеш-таблицы

Стек и очереди

Решение алгоритмических задач

Наследование и прототипное наследование

Шаблонизация

Общение с сервером

Использование API в браузере

Типовые виджеты

Управление пакетами: npm

Блок 2: Библиотека React

Быстрый старт в React

Компоненты

Рендеринг

Hooks

Маршрутизация в React

События и состояние

CSS-стилизации

Context API

Блок 3: Современные методологии управления разработкой

Методологии управления: Agile и Waterfall

Scrum

Kanban

Инструменты управления

Ступень 4. Продвинутые навыки Web-разработчика
Освоите продвинутые и смежные инструменты JavaScript-разработчика. Благодаря этим знаниям, сможете выделиться на фоне других кандидатов и быть в приоритете при отборе на позицию разработчикаСтупе

Блок 1: TypeScript

Введение в TypeScript

TypeScript: базовый синтаксис, типы данных и переменные

TypeScript: операторы, условия и циклы, числа

Функции в TypeScript

TypeScript: строки, массивы, кортежи

TypeScript: union

TypeScript: классы и объекты

TypeScript: пространства имен и модули

Блок 2: SQL

Введение в блок SQL

Извлечение и фильтрация данных (часть 1)

Извлечение и фильтрация данных (часть 2)

Преобразование и сортировка данных: введение

Преобразование и сортировка данных: advanced

Группировка данных

Базы данных. JDBC

Развитие проекта. Создание todo.

Введение в базы данных

Объединение таблиц

Подзапросы

Обновление, добавление и удаление данных

Создание, изменение и удаление таблиц

Advanced SQL: операции с текстом и оконные функции

Advanced SQL: ускорение и оптимизация запросов, табличные выражения

Практический проект LEGO

Блок 3: Javascript на серверной стороне: основы Node.js

Web-сервер: базовые знания

Web-програмирование на стороне серверов: быстрый старт

Клиент-сервер

Фреймворки серверной части

Web-безопасность

Express (Node.js/JavaScript): старт работы

Express: создание каркаса сайта

Express: работа с базой данной

Express: маршруты и контроллеры

Express: отображение данных

Express: работы с формами

Express: установка web-сайта

Блок 4: Основы DevOps для программиста

Зачем DevOps Frontend-разработчику

Введение в DevOps

Linux: введение и основные концепты ОС

Bash. Базовый инструмент скриптов в Linux

Контейнеризация. Знакомство с Docker.

Упаковка приложений в Docker

Docker-Compose. Сервисы и взаимодействия

Ansible. Основные концепции и команды

Ansible.Роли и переменные

Ansible. Разработка ролей

Блок 5: ChatGPT для разработчика

Введение в ChatGPT и его применение в разработке программного обеспечения

Устранение неполадок и отладка с помощью ChatGPT

Повышение качества кода с помощью ChatGPT

Проверка кода и документирование с помощью ChatGPT

Автоматическое тестирование с помощью ChatGPT

Генерация кода с помощью ChatGPT

Лучшие практики и советы по работе с ChatGPT

Блок 6: Дипломная работа

Работа над дипломным проектом для портфолио

Рост в тимлида

Финальная защита и консультации

Блок 6: Дипломная работа

Работа над дипломным проектом для портфолио

Рост в тимлида

Финальная защита и консультации

Преподаватели — опытные практики
Прошли путь от Junior- до Senior-специалистов и руководителей. Работают в крупных российских и зарубежных компаниях и учат тому, что необходимо в работе.
- Дмитрий Бахтин. Директор по разработке, ООО «Дм-тех» — дочернее предприятие ПАО «Детский мир»
- Анна Атласова. Business Intelligence Analyst, Amazon Business
- Владислав Кургузов. Product Designer, Kcell
- Артем Максимов. Software Engineer, NDA*
- Дмитрий Пономарев. Senior Software Engineer/Tech Lead, NDA*

Тариф Стандартный.
Подходит тем, кто не нуждается в дополнительном менторстве и поддержке на испытательном сроке.

10 месяцев длится обучение (8-10 часов в неделю)

2025 год обновления программы

134 урока в онлайн- формате

100 + практических заданий с проверкой

Цена 112572 руб.
Скрытая ссылка