Программирование [Loftschool] Веб-разработка. Быстрый старт

[Anonymous (2db8d5)]

Видеокурс «Вёрстка — быстрый старт» подойдёт для тех, кто хочет быстро освоить основы вёрстки и выполнить в кратчайшие сроки свой первый проект.

Что будет на курсе:

• Сверстаем макет со статичным лейаутом;
• Научимся писать разметку для элементов и стилизовать их;
• Реализуем интерактивные части при помощи JavaScript.

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

• Обзор проекта (00:44)
• Необходимые программы (01:32)
• Hello World (03:38)
• HTML. Теги (06:32)
• Emmet (01:15)
• Основная структура (03:09)
• Id и class (05:42)
• BEM (07:44)
• Первая секция. Разметка (08:28)
• Работа с путями (07:49)
• CSS. Теория (10:05)
• Св-ва позиционирования. Flexbox (09:12)
• Св-ва позиционирования. Position (06:31)
• Блочная модель (14:49)
• Начало стилизации. Normalize (05:12)
• Цвет. Составные свойства (04:48)
• Первая секция. Стилизация (05:01)
• Подключение шрифтов (08:42)
• Первая секция. Позиционирование (03:40)
• Первая секция. Текст (09:50)
• Переиспользование блоков (03:04)
• Блок обертка (01:45)
• Вторая секция. Фильтр (08:31)
• CSS Переменные (04:15)
• Вторая секция. Элементы (10:22)
• Вторая секция. Выравнивание списка (03:34)
• Вторая секция. Геометрический элемент (08:01)
• Третья секция. Разметка (02:47)
• Третья секция. Стилизация (16:26)
• Секция меню (09:20)
• Иконки соц. сетей. SVG (12:35)
• Боковое меню. Верстка (06:01)
• Боковое меню. Класс для состояний (06:02)
• Подключение скриптов (02:42)
• Боковое меню. Реализация (10:30)
• Слайдер. Верстка (08:08)
• Слайдер. Реализация (13:17)
• Фильтр. Селектор (06:17)
• Фильтр. Сортировка (09:58)
• Деплой. GitHub Pages (09:25)
• Отображение на мобильных (02:09)
• Домашнее задание. Что нужно сделать (02:14)

СКАЧАТЬ КУРС:

Авторизуйтесь, чтобы посмотреть скрытый контент