Главная Школы Projector Front-end Beginning. HTML/CSS
Projector
Projector

Front-end Beginning. HTML/CSS

22 500 UAH за курс
3 месяцев
Для начинающих
Frontend
Записаться на курс
Этот курс поможет сделать первые шаги в веб-разработке. Вы научитесь работать с HTML, CSS, Flexbox, Grid и создавать адаптивные сайты. Курс включает практические задания, фидбек и поможет определиться, двигаться ли дальше во front-end.

О курсе

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

Инструменты разработки

На этом курсе начинают с настройки рабочего окружения. Студенты будут работать в Figma и VSCode, научатся пользоваться терминалом и файловой системой. Особое внимание уделяется системам контроля версий - основным инструментом будет Git.

Основы HTML и CSS

Первый модуль посвящен базовым технологиям веб-разработки. Здесь рассматривают структуру HTML-тегов, строение страницы и принципы CSS. Студенты изучают селекторы, цвета, размеры и способы подключения стилей к HTML.

Работа с контентом

Этот блок охватывает ссылки и изображения. Ученики узнают о различных типах ссылок, путях к ресурсам и их атрибутах. Также рассматриваются форматы изображений, возможности SVG и инструменты DevTools для анализа кода в браузере.

Типографика и стилизация

Модуль объясняет принципы работы с текстом и шрифтами. Студенты научатся подключать шрифты к странице и применять CSS-правила для типографики. Далее идет углубленное изучение CSS - блочная модель, display, float, позиционирование и стилизация элементов.

Структурированные элементы

Здесь рассматриваются списки, таблицы и семантические теги. Ученики будут работать с различными типами списков, счетчиками, таблицами и их стилизацией. Также появятся теги для группировки контента и основы семантической разметки.

Современные методы верстки

Этот большой блок охватывает Flexbox, Grid и адаптивный дизайн. Сначала студенты освоят Flexbox - выравнивание блоков, создание колонок. Потом перейдут к Grid и его отличиям от Flex. Завершается модуль responsive design - медиа-запросы, контейнерные запросы и адаптация контента.

Формы и архитектура CSS

Студенты научатся создавать формы различной сложности - текстовые поля, селекты, чекбоксы, радиокнопки. Особое внимание будет уделяться валидации и стилизации форм. Далее идут системы именования классов - BEM, SMACSS и другие методологии для поддерживаемого кода.

Продвинутые возможности

Завершающий модуль включает современные CSS-фичи - трансформации, переходы, анимации. Студенты ознакомятся с последними возможностями HTML и CSS для создания динамических интерфейсов.

Особенности обучения

Курс включает вебинары дважды в неделю - в понедельник и четверг в 19:30. Ученики будут выполнять практические задания с реальными кейсами, разрабатывать собственный проект и получать регулярную обратную связь. После успешного завершения выдается сертификат. Средства можно вернуть в течение первых 7 дней после начала курса.

Что включено

Выдается диплом/сертификат
Гибкий график
Реальный проект в портфолио
Сопровождение ментора

О школе

Projector

Projector

5.0

PRJCTR (ранее Projector) — это онлайн-институт для креативных и технических профессий, где обучают UX/UI и графическо...

Подробнее о школе →

Другие курсы школы

A/B Testing

Этот курс научит вас проводить A/B-тесты и анализировать их результаты. Вы узнае...

10 000 UAH за курс

Strategic Leadership

Этот курс про современное лидерство и управление командой. Здесь рассматривают к...

69 000 UAH за курс

Python Beginning

Этот курс научит вас программировать на Python с нуля. Вы разберете синтаксис, а...

22 500 UAH за курс