Изучите современные теги HTML и свойства CSS, освоите нужные инструменты и научитесь смотреть на макет глазами опытных разработчиков.
- Как всё устроено. Вы узнаете, кто такие верстальщицы и верстальщики, что такое вёрстка и какона соотносится с современной веб-разработкой. Затем расскажем оборганизационных деталях обучения и о том, как устроена программа курса.
- Основы HTML и CSS: бесплатный вводный курс. Вы начнёте с основ вёрстки. Узнаете правила HTML-разметки и научитесь работать со стилями: управлять цветом, шрифтами, расположением блоков на странице. Все знания сразу же закрепите на практике в интерактивной среде.
- Подготовка к работе. Начнёте обучение с повторения того, что прошли в бесплатной части, и уложите материал в голове. Настроите основные программы, чтобы подготовиться к написанию кода. Узнаете про минимальный набор файлов, который нужен для реализации проекта по вёрстке. Глубже поймёте, как переплетаются дизайн и вёрстка: где их точки соприкосновения, а где они расходятся.
- Семантика и лэйаут. Научитесь работать со шрифтами в вебе. Разберётесь, как писать код, корректный с точки зрения браузеров и поисковых систем. Изучите все способы организации каркаса вашей веб-страницы. В конце проведёте историческую ретроспективу: узнаете, как менялся подход к организации элементов на веб-страницах.
- Доступность и интерактив. Научитесь настраивать страницы для поисковых роботов. Поработаете с видео-, аудио- и другими интерактивными элементами веб-страниц. Поймёте, как и с какими событиями на странице может работать CSS. Разберётесь, какие элементы на странице может создавать язык стилей. Научитесь стилизовать элементы в разных состояниях и в разных ситуациях (например, в зависимости от порядка их появления). Разберётесь в основных принципах и инструментах создания доступных веб-страниц. Напишете свои интерактивные формы и стилизуете их.
- Дизайн и адаптивность. Научитесь комплексу приёмов, которые позволят корректно отображать страницы на разных устройствах и с разными настройками. Подготовите графику для работы с разными экранами. Научитесь организовывать код для создания цветовой темы сайта. Поработаете над адаптивным интерфейсом.
- Красотища. Разберёте инструменты декорирования ваших страниц. Градиенты, тени, фильтры, режимы смешивания — всё это здесь. Научитесь использовать векторную графику на страницах и пользоваться интерактивными инструментами, которые встроены в HTML. Вишенка на торте спринта — анимации страниц.
