Name: Профессия: Frontend-разработчик. Тариф Стандартный
Rating: 4.87 (499 reviews)

Поиск по курсам

Все курсы

Программирование

Искусственный интеллект

Аналитика и Data Science

Финансы и бухгалтерия

Управление персоналом

Школы

Digital Skills Academy

ProductStar

Каталог

ProductStar

Профессия: Frontend-разработчик. Тариф Стандартный

ProductStar

Длительность

8 мес

Описание курса

Курс поможет с нуля освоить frontend-разработку и научиться создавать современные пользовательские интерфейсы. Вы изучите HTML, CSS и JavaScript, разберётесь в работе с адаптивной версткой, анимациями и взаимодействием с пользователем, а также научитесь работать с популярными инструментами и библиотеками. В процессе обучения выполните практические проекты для портфолио.

Тариф «Стандартный»

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

Обратная связь по домашним заданиям
Поддержка куратора во время обучения
Сертификат об окончании курса
Ежемесячные воркшопы с практиками рынка
Доступ к закрытому комьюнити

Чему вы научитесь

Разбираться в TypeScript и писать код без ошибок

Переносить дизайн из Figma в код — чтобы сайт выглядел как задумано

Верстать сайты на HTML и CSS, делая их удобными на любом устройстве

Контролировать версии кода через Git — чтобы не потерять изменения

Работать с React — создавать сложные и быстрые приложения

Писать код на JavaScript, чтобы страницы реагировали на клики и движения

Знать основы тестирования — проверять, чтобы все работало хорошо

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

Ступень 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. Дипломная работа
• Работа над дипломным проектом для портфолио
• Рост в тимлида
• Финальная защита и консультации