Тема 1 из 6 Важная тема
Месяц 1. HTML5 и CSS3
Вёрстка с нуля: теги, стили, позиционирование, Flexbox, картинки и медиазапросы.
- 01 Знакомство с курсом и компьютерная грамотность Добро пожаловать на курс frontend-разработки! В этом уроке разберёмся, как устроено обучение и чем вам помогут менторы, освежим базовую компьютерную грамотность — файлы, папки… ≈11 мин
- 02 HTML5: основные теги HTML — это язык, на котором описывают структуру любой веб-страницы: где заголовок, где абзац, где картинка, где ссылка и список. В этом уроке разберём, из чего состоит… ≈10 мин
- 03 CSS3: способы подключения, color, font, width, text-align и каскад Если HTML — это стены дома, то CSS — его отделка: цвета, шрифты, размеры и расположение. В этом уроке узнаем, как подключить CSS к странице тремя способами, научимся выбирать… ≈10 мин
- 04 Позиционирование, единицы измерения и блочная модель Каждый элемент на странице — это прямоугольная коробка, и умение управлять её размерами, отступами и положением отличает аккуратную вёрстку от «поехавшей». В этом уроке разберём… ≈10 мин
- 05 Flexbox и псевдокласс :hover Flexbox — это способ раскладывать элементы в ряд или в колонку, выравнивать их по центру и распределять между ними место буквально парой строк CSS. В этом уроке разберём, как… ≈10 мин
- 06 Планирование вёрстки, шрифты и картинки (PNG, JPG, SVG) Вы уже знаете теги, базовые свойства CSS, блочную модель и Flexbox — пора верстать по-настоящему. В этом уроке научимся планировать вёрстку до первой строки кода, подключать… ≈10 мин
- 07 Практика: все стили вместе, img и background-image Картинку на страницу можно поставить двумя способами: тегом в HTML или свойством background-image в CSS. Снаружи результат похож, но смысл и возможности у них разные, и выбор… ≈10 мин
- 08 CSS-переменные и медиазапросы Когда стилей становится много, один и тот же цвет или отступ повторяется в десятках мест, и поменять его — настоящая мука. В этом уроке познакомимся с CSS-переменными, которые… ≈10 мин
- 09 Тег script и возможности JavaScript. Итоговая работа месяца Этот урок завершает первый месяц. Сначала мы заглянем в следующую большую тему: узнаем, как тег подключает JavaScript к странице и что вообще умеет этот язык. Затем повторим всё… ≈10 мин