Профессия: Frontend-разработчик

• Структура веб-страницы, базовый 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
• Констрейны, компоненты и auto layout
• Варианты и библиотеки
• Прототипирование и анимация
• Figma Community и FigJam
• Совместная работа и передача дизайна

• Введение. Переменные и работа с числами. Константы
• Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
• Массивы и циклы. Объекты
• Функции / области видимости и замыкания
• Обработка событий и пользовательский ввод
• Подключение библиотек
• Регулярные выражения. Форматирование. Работа с датами
• Mикро и макротаски. Цикл событий
• Анимации и CSS-фреймворки
• Структуры данных и алгоритмы
• Сборка проекта

• Кроссбраузерное тестирование
• Обработка проблем с HTML и CSS
• Обработка ошибок в JavaScript
• Реализация обнаружения функций
• Введение в автоматизированное тестирование веб-приложений
• Документы тестировщика
• Артефакты тестирования
• Жизненный цикл разработки ПО

• Продвинутые операторы JS
• Алгоритмы: рекурсия и сортировки
• Работа с графами и деревьями
• Хеш-таблицы
• Стек и очереди
• Решение алгоритмических задач
• Наследование и прототипное наследование
• Шаблонизация
• Общение с сервером
• Использование API в браузере
• Типовые виджеты
• Управление пакетами: npm

• Быстрый старт в React
• Компоненты
• Рендеринг
• Hooks
• Маршрутизация в React
• События и состояние
• CSS-стилизации
• Context API

• Методологии управления: Agile и Waterfall
• Scrum
• Kanban
• Инструменты управления

• Введение в 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. Разработка ролей

• Введение в ChatGPT и его применение в разработке программного обеспечения
• Устранение неполадок и отладка с помощью ChatGPT
• Повышение качества кода с помощью ChatGPT
• Проверка кода и документирование с помощью ChatGPT
• Автоматическое тестирование с помощью ChatGPT
• Генерация кода с помощью ChatGPT
• Лучшие практики и советы по работе с ChatGPT

• Работа над дипломным проектом для портфолио
• Рост в тимлида
• Финальная защита и консультации

Сертификат