Веб-разработчик – это специалист, который создает и поддерживает сайты и онлайн-сервисы. Он работает с интерфейсами, серверной частью и базами данных.
Тариф «Продвинутый» для тех, кому нужна интенсивная поддержка во время обучения
Все опции тарифа «Стандартный»
4 персональные консультации с ментором
2 индивидуальные карьерные консультации
1 тестовое собеседование с карьерным консультантом
Чему вы научитесь
Улучшать пользовательский опыт (UX)
Разрабатывать приложения на React
Тестировать веб-приложения на JavaScript
Работать с SQL и разбираться в базах данных
Использовать инструменты верстки и работать в Figma
Программировать на TypeScript
Работать с Git и системами контроля версий
Свободно программировать на JavaScript
Уверенно работать с HTML и CSS
Разрабатывать backend на Node.js
Программа курса
Ступень 1. Основы верстки: HTML, CSS + Figma
Блок 1. Принципы HTML • Структура веб-страницы, базовый 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 и FigJam • Совместная работа и передача дизайна
Ступень 2. Работа с JavaScript
Блок 1. Базовый JavaScript • Введение. Переменные и работа с числами. Константы • Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения • Массивы и циклы. Объекты • Функции / области видимости и замыкания • Обработка событий и пользовательский ввод • Подключение библиотек • Регулярные выражения. Форматирование. Работа с датами • Микро и макротаски. Цикл событий • Анимации и CSS-фреймворки • Структуры данных и алгоритмы • Сборка проекта
Блок 2. Методология тестирования ПО • Кроссбраузерное тестирование • Обработка проблем с HTML и CSS • Обработка ошибок в JavaScript • Реализация обнаружения функций • Введение в автоматизированное тестирование веб-приложений • Документы тестировщика • Артефакты тестирования • Жизненный цикл разработки ПО
Ступень 3. Advanced JavaScript
Блок 1. Расширенные возможности Javascript • Продвинутые операторы JS • Алгоритмы: рекурсия и сортировки • Работа с графами и деревьями • Хеш-таблицы • Стек и очереди • Решение алгоритмических задач • Наследование и прототипное наследование • Шаблонизация • Общение с сервером • Использование API в браузере • Типовые виджеты • Управление пакетами: npm
Блок 2. Библиотека React • Быстрый старт в React • Компоненты • Рендеринг • Hooks • Маршрутизация в React • События и состояние • CSS-стилизации • Context API
Блок 3. Современные методологии управления разработкой • Методологии управления: Agile и Waterfall • Scrum • Kanban • Инструменты управления
Ступень 4. Продвинутые навыки веб-разработчика
Блок 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 • Веб-сервер: базовые знания • Веб-программирование на стороне серверов: быстрый старт • Клиент-сервер • Фреймворки серверной части • Веб-безопасность • Express (Node.js/JavaScript): старт работы • Express: создание каркаса сайта • Express: работа с базой данных • Express: маршруты и контроллеры • Express: отображение данных • Express: работы с формами • Express: установка Веб-сайта
Блок 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. Дипломная работа • Работа над дипломным проектом для портфолио • Рост в тимлида • Финальная защита и консультации
Преподаватели
Владислав Кургузов
Product Designer at Kcell
Михаил Карпов
ex-CPO Skyeng
Виктор Антонов
Senior DevOps Engineer, Luxoft USA
Дмитрий Бахтин
Директор по разработке, ООО «ДМ-тех»
Показать еще
Часто задаваемые вопросы
Что потребуется для успешного обучения?
Для решения задач потребуется ноутбук или ПК, лекции и уроки можно смотреть с мобильного телефона.
Похожие курсы
Программирование
Python-разработчик + ИИ
Хит продаж
10 мес
-50%
Кешбэк 30%: 962 балла
6 411 BYN
3 206 BYN
В рассрочку на 24 мес
134 BYN/мес
Программирование
Python-разработчик
10 мес
-60%
Кешбэк 30%: 960 баллов
7 995 BYN
3 198 BYN
В рассрочку на 24 мес
134 BYN/мес
Программирование
Специалист по кибербезопасности
12 мес
-60%
Кешбэк 30%: 1 342 балла
11 178 BYN
4 471 BYN
В рассрочку на 28 мес
160 BYN/мес
Программирование
Инженер по тестированию + ИИ
Хит продаж
Лучшая цена
10 мес
-47%
Кешбэк 30%: 791 балл
4 996 BYN
2 636 BYN
В рассрочку на 18 мес
147 BYN/мес
Программирование
Выбор из профессий направления «Разработчик». Базовый
13 мес
-60%
Кешбэк 30%: 1 173 балла
9 768 BYN
3 907 BYN
В рассрочку на 28 мес
140 BYN/мес
Программирование
Специалист по кибербезопасности + ИИ
12 мес
-50%
Кешбэк 30%: 1 345 баллов
8 962 BYN
4 481 BYN
В рассрочку на 28 мес
161 BYN/мес
Программирование
Профессия 1С-программист
Хит продаж
8 мес
-50%
Кешбэк 30%: 944 балла
6 291 BYN
3 146 BYN
В рассрочку на 18 мес
175 BYN/мес
Программирование
Инженер по автоматизации тестирования
9 мес
-60%
Кешбэк 30%: 1 090 баллов
9 080 BYN
3 632 BYN
В рассрочку на 24 мес
152 BYN/мес
Программирование
DevOps-инженер PRO
12 мес
-50%
Кешбэк 30%: 1 129 баллов
7 522 BYN
3 761 BYN
В рассрочку на 24 мес
157 BYN/мес
Программирование
Java-разработчик + ИИ
8 мес
-50%
Кешбэк 30%: 1 122 балла
7 476 BYN
3 738 BYN
В рассрочку на 24 мес
156 BYN/мес
Программирование
Фронтенд-разработчик + ИИ
Лучшая цена
9 мес
-50%
Кешбэк 30%: 1 266 баллов
8 438 BYN
4 219 BYN
В рассрочку на 28 мес
151 BYN/мес
Программирование
Программист микроконтроллеров
12 мес
-50%
Кешбэк 30%: 1 115 баллов
7 427 BYN
3 714 BYN
В рассрочку на 24 мес
155 BYN/мес
Программирование
Выбор из профессий направления «Тестировщик». Базовый