Программа курса
Основы веб-разработки и верстки
На этом курсе начинают с понимания роли FrontEnd разработчика в IT. Студенты узнают о взаимодействии с дизайнерами и бекенд-разработчиками. Учат базовые принципы HTML: структуру документа, взаимоотношения блоков, кросбраузерность. Осваивают инструменты разработчика - редактор кода, devTools. Разбирают процесс рендеринга страницы и этапы жизни проекта.
CSS и современная верстка
Далее переходят к CSS. Изучают селекторы, каскадность, блочную модель. Практикуются в позиционировании элементов, работе с трансформациями и анимациями. Отдельное внимание уделяют Flexbox - современному инструменту для создания гибких макетов. Разбирают отличия между адаптивной и респонсивной версткой.
Адаптивный дизайн и практика
Студенты учат создавать сайты, которые корректно отображаются на различных устройствах. Используют медиа-запросы, контрольные точки, Pixel Perfect подход. На практике верстают страницы с использованием SVG-иконок, подключают шрифты. Осваивают навигацию на сайте для мобильных устройств.
Системы контроля версий и Linux
Этот блок посвящен работе с Git. Студенты учат основные команды: status, add, commit, log. Обучаются работать с удаленными репозиториями через SSH. Далее переходят к основам Linux: UNIXWAY, сетевые инструменты, Docker и Docker-compose для контейнеризации.
Фреймворк Bootstrap
Знакомятся с концепцией CSS-фреймворков. Учат устанавливать и настраивать Bootstrap. Используют готовые компоненты и утилиты для ускорения разработки. Понимают, когда стоит использовать фреймворк, а когда обойтись чистым CSS.
Основы JavaScript
Начинают с базовых концепций языка: переменные, типы данных, выражения, блоки кода. Практикуются с числами, строками, булевой логикой. Изучают условные конструкции if-else, тернарный оператор. Осваивают основы дебаггинга кода.
Структуры данных в JavaScript
Детально разбирают массивы и объекты. Учат методы работы с ними, деструктуризацию, spread оператор. Практикуют итерирующие методы массивов. Знакомятся с JSON форматом. Понимают разницу между ссылками и значениями.
Функции и замыкания
Изучают функции - основную строительную единицу JavaScript. Разбирают стрелочные функции, callback-и, уровни абстракции. Глубоко погружаются в замыкания, области видимости, ключевое слово this. Понимают, как замыкания решают практические проблемы.
Асинхронный JavaScript
Этот блок посвящен работе с асинхронностью. Студенты изучают Promise, async/await, параллельность и последовательность выполнения кода. Разбирают сетевые возможности браузера, REST API, GraphQL. Учат аутентификацию через JWT токены.
ООП и продвинутые темы
Знакомятся с объектно-ориентированным программированием в JavaScript. Изучают принципы ООП, прототипное наследование, ES6 классы. Разбирают рекурсию, обработку ошибок через try-catch, генераторы. Практикуют Redux для управления состоянием.
Серверная разработка с Node.js
Переходят к бекенд разработке. Изучают архитектуру Node.js, npm, подходы к обработке клиентов. Работают с Express фреймворком, реализуют MVC паттерн, REST API. Понимают альтернативы - JSON-RPC, GraphQL.
Базы данных
Знакомятся с разными типами СУБД. Изучают MongoDB и ODM Mongoose для NoSQL подхода. Осваивают SQL через MariaDB/MySQL: DDL, DML, JOIN-запросы. Практикуют ORM Sequelize для работы с реляционными базами.
React - современный фронтенд
Полностью посвящен React. Начинают с JSX, виртуального DOM, компонентного подхода. Изучают состояние, жизненный цикл компонентов, refs. Практикуют различные методы композиции: Render Prop, HOC, Custom Hooks.
Роутинг и управление состоянием
Добавляют маршрутизацию к React приложениям. Используют Redux для централизованного управления состоянием. Осваивают Redux Toolkit, RTK-Query для упрощения работы с API. Учат сохранять состояние между сессиями через redux-persist.
Дипломный проект
Завершается курс созданием полноценного веб-приложения. Проект включает регистрацию, личный кабинет, защищенные маршруты, загрузку файлов. Студент демонстрирует рабочий проект, отвечает на вопросы по коду. Проходит тестовое собеседование с техническим специалистом.
Подготовка к трудоустройству
Курс включает дополнительные модули для карьерного роста. 24 занятия по английскому языку. Мастер-класс по составлению резюме. Консультации с рекрутером и тестовые собеседования. Менеджер сопровождает студента до момента трудоустройства.
