Программа курса
Основы HTML и CSS
На этом курсе начинают с основ веб-разработки. Первые занятия посвящены знакомству с инструментами, структурой HTML-документа и базовыми CSS-свойствами. Студенты сразу переходят к практике, изучают принципы рендеринга страниц и работу с Figma для front-end разработчика. Здесь рассматривают методы подключения стилей, селекторы и спецификацию CSS.
Работа с макетами и методологии
Далее курс охватывает работу с путями к файлам, импорт стилей и сброс стандартных настроек. Студенты осваивают методологию BEM для нейминга классов - понимают ее назначение, преимущества и недостатки. Этот блок включает верстку таблиц, изучение Flexbox и позиционирование элементов. Также рассматривают псевдоэлементы и навык эффективного поиска информации.
Стилизация и формы
Эта часть программы посвящена CSS-псевдоклассам состояний, концепции спрайтов и цветообразованию. Студенты учатся подключать шрифты, работают с Google Fonts, CSS-переменными и функцией calc(). Особое внимание уделяется псевдоклассам, селекторам атрибутов и адаптивным единицам измерения. Завершается блок версткой форм, их стилизацией и знакомством с jQuery для реализации масок ввода.
Адаптивная верстка и Bootstrap
Студенты осваивают резиновую верстку, медиа-запросы и актуальные брейкпоинты. Учатся работать по подходам mobile-first и desktop-first. Знакомятся с фреймворком Bootstrap 5 - от подключения до использования компонентов и системы сеток. Углубленно изучают адаптацию с помощью точек сброса фреймворка и кастомизацию компонентов под нужды проекта.
Анимация и работа с плагинами
Этот модуль охватывает свойства transform и CSS-анимацию с использованием Keyframes. Студенты работают с SVG - от стилизации до анимации объектов по заданной траектории. Знакомятся с популярными библиотеками анимации: wow.js, animate.css и aos.js. Обучаются использовать слайдеры и плагины для создания скролл-эффектов, в частности fullPage.js и multiscroll.js.
JavaScript и альтернативные фреймворки
Студенты начинают изучать Vanilla JS и альтернативные CSS-фреймворки: PaperCSS, Neomo и Bulma. Учатся работать с DOM-деревом, циклами, условными конструкциями и медиа-выражениями. Практикуют создание сложных интерактивных SVG-объектов. Знакомятся с библиотекой lottie.js для работы с JSON-анимациями.
Инструменты разработчика и верстка проекта
Этот блок посвящен профессиональным инструментам: Git, Node.js, Gulp и Sass. Студенты учатся настраивать рабочее окружение, использовать плагины для автоматизации и работать с системой контроля версий. Параллельно начинают верстку собственного проекта, используя изученные технологии и методологии.
JavaScript компоненты и оптимизация
Студенты реализуют типовые интерактивные элементы на чистом JavaScript: языковые панели, табы, бургер-меню, аккордеоны, кнопки скролла и фиксированные хедеры. Каждый компонент отрабатывается на практике во время верстки основного проекта. Параллельно продолжают работу с Git и Gulp, готовятся к собеседованиям и получают code review.
Управление проектами и карьера
Завершающие занятия включают лекцию от Project Manager о принципах управления проектами в IT, Agile, SCRUM и Kanban. Студенты оптимизируют свои проекты для скорости загрузки, валидируют разметку и знакомятся с популярными фреймворками и CMS. Карьерный менеджер помогает с подготовкой резюме, профиля в LinkedIn и подготовкой к собеседованиям.
Дополнительные возможности
Курс включает бесплатные занятия по IT-английскому, дополнительные учебные материалы, консультации с карьерным менеджером и лекцию от Project Manager. Выпускники получают диджитал-диплом для LinkedIn, который подтверждает их навыки front-end разработки.
