VIDEO
В этом видео ты за час научишься создавать и публиковать сайты все ссылки в коментах Чему ты научишься: Как работать с VS Code HTML семантика CSS Flexbox CSS Grid CSS Position И прочие мелкие приколы Тайм коды: 0:00 - Начало 0:21 - Введение HTML 1:33 - Пишем свой первый код 3:06 - Введение CSS 4:57 - CSS Селекторы 6:05 - Как подключить CSS к HTML 7:21 - Начинаем работать с Figma 8:17 - Верстаем вкладку браузера, favicon 8:43 - Экспортируем картинки 10:01 - Расширение Live Server 10:38 - Верстаем header 10:52 - Вложенность тегов 11:30 - Контейнер 11:53 - Семантические теги 12:04 - Тег img 12:10 - Списки 12:38 - Гиперссылки 13:43 - Верстаем кнопку 14:03 - Инструменты разработчика 14:38 - Обнуляем отступы, универсальный селектор 15:00 - Пишем стили для header, свойство padding 15:11 - Атрибут class 16:18 - padding-block 17:33 - Методология BEM 17:58 - Свойство max-width 18:33 - Свойство margin 18:54 - Flexbox, display: flex 19:16 - justify-content 19:57 - Пишем стили для списка 20:52 - Комментарии в HTML 21:10 - Свойство gap 21:34 - Свойство align-items 22:09 - Шрифты, Google Fonts 23:11 - Текст-рыба lorem ipsum 24:05 - font-weight, font-size и letter-spacing 24:47 - Цвет текста, переменные 27:04 - Верстаем активную ссылку 27:35 - Свойство border 28:19 - Анимация при наведении, псевдо-класс hover 29:25 - Верстаем кнопку 30:31 - Свойство border-radius 30:51 - Свойство opacity 31:15 - header готов 31:35 - Верстаем первую секцию 32:44 - Заголовки 34:15 - Пишем стили для hero 34:41 - Селектор через запятую 34:58 - Позиционирование 36:57 - Верстаем текстовый блок 37:20 - Свойство line-height 38:23 - Стили для кнопки 39:10 - Свойство box-sizing 40:22 - Финальный штрих 41:05 - Первая секция готова 41:25 - Верстаем вторую секцию 42:27 - Пишем стили 42:59 - Верстаем третью секцию 44:21 - Пишем стили 44:46 - Странный селектор для контейнеров 44:57 - Свойство flex-direction 45:57 - Третья секция готова 46:00 - Дорабатываем header, postion: fixed 47:09 - Дорабатываем кнопку для скролла 47:59 - Верстаем пятую секцию 48:42 - Пишем стили 48:53 - CSS Grid 50:34 - Нюанс с flex-direction 50:47 - Свойство text-align 51:12 - Верстаем последнюю секцию 52:23 - Элемент span 53:00 - Пишем стили 53:40 - Элемент br 54:06 - Разный border 54:32 - Нюанс с шрифтами 55:24 - Разный border-radius 55:54 - Свойство cursor: pointer 57:15 - Вложенный селектор 57:36 - Не работает свойство width 58:13 - Верстаем центральную подписку 58:37 - Функция rgba() 59:39 - Закончили проект + деплой 1:00:00 - Что делать дальше? Спасибо за просмотр ~ AH
