Профессия: Frontend-разработчик. Тариф Стандартный
Профессия: Frontend-разработчик. Тариф Стандартный
ProductStar
Сложность
Для новичков
Длительность
8 мес
Описание курса
Курс поможет с нуля освоить frontend-разработку и научиться создавать современные пользовательские интерфейсы. Вы изучите HTML, CSS и JavaScript, разберётесь в работе с адаптивной версткой, анимациями и взаимодействием с пользователем, а также научитесь работать с популярными инструментами и библиотеками. В процессе обучения выполните практические проекты для портфолио.
Тариф «Стандартный»
Подходит тем, кто не нуждается в дополнительном менторстве и поддержке на испытательном сроке
- Обратная связь по домашним заданиям
- Поддержка куратора во время обучения
- Сертификат об окончании курса
- Ежемесячные воркшопы с практиками рынка
- Доступ к закрытому комьюнити
Чему вы научитесь
Контролировать версии кода через Git — чтобы не потерять изменения
Знать основы тестирования — проверять, чтобы все работало хорошо
Верстать сайты на HTML и CSS, делая их удобными на любом устройстве
Работать с React — создавать сложные и быстрые приложения
Переносить дизайн из Figma в код — чтобы сайт выглядел как задумано
Писать код на JavaScript, чтобы страницы реагировали на клики и движения
Разбираться в TypeScript и писать код без ошибок
Программа курса
Ступень 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. Продвинутые навыки Frontend-разработчика
- Блок 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. Дипломная работа
• Работа над дипломным проектом для портфолио
• Рост в тимлида
• Финальная защита и консультации
Преподаватели
Михаил Карпов
ex-CPO Skyeng
Александр Баумгертнер
Senior Software Developer, EPAM Russia
Александр Зинченко
Руководитель группы web-разработки, Газпром-медиа Развлекательное ТВ
Виктор Антонов
Senior DevOps Engineer, Luxoft USA
Показать еще
Часто задаваемые вопросы
Что потребуется для успешного обучения?
Для решения задач потребуется ноутбук или ПК, лекции и уроки можно смотреть с мобильного телефона.
Похожие курсы
+7 705 956 72 14
Общие вопросы:
ТОО «Ньюскилз»
050057, Республика Казахстан, г. Алматы, ул. Тимирязева, д. 38/1, 2 этаж, 7 офис
БИН: 210140019844
© ТОО «Ньюскилз», 2026
© ТОО «Ньюскилз», 2026