[Loftschool] Веб-разработка. Быстрый старт

Курс: “[Loftschool] Веб-разработка. Быстрый старт”. Видеокурс «Вёрстка — быстрый старт» подойдёт для тех, кто хочет быстро освоить основы вёрстки и выполнить в кратчайшие сроки свой первый проект. Материал прислал анонимный пользователь без комментариев. 

Материал может быть удален по запросу правообладателя!

Описание курса:

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

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

  • Сверстаем макет со статичным лейаутом;
  • Научимся писать разметку для элементов и стилизовать их;
  • Реализуем интерактивные части при помощи 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)

Если Вы не видите ссылку для скачивания материала – отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте – покупайте контент напрямую у авторов.

Материал предоставлен исключительно для ознакомления!

Опубликовано: Анонимно

Нравится8

Не нравится0

openssource

View Comments

Recent Posts

Программирование [Иван Шаматов] [Thinknetica] Тимлид: руководство по выживанию (2025)

ОПИСАНИЕ:Слив курса Тимлид: руководство по выживанию [Thinknetica] [Иван Шаматов]Этот воркшоп для вас, если:Вам хочется управлять…

3 дня ago

Программирование [Денис Матвеенко] [dmdev] Microservices (2025)

ОПИСАНИЕ:Слив курса Microservices [dmdev] [Денис Матвеенко]На вебинаре мы поговорим про историю возникновение микросервисов, начиная от…

3 дня ago

Программирование [Игорь Ким] [Stepik] Продуктовые метрики. Визуализация в Python и BI Yandex DataLens (2025)

ОПИСАНИЕ:Слив курса Продуктовые метрики. Визуализация в Python и BI Yandex DataLens [Stepik] [Игорь Ким]На курсе…

3 дня ago

Программирование [Влад Бурмистров] [Stepik] Начальный курс SQL: от новичка до специалиста (2025)

ОПИСАНИЕ:Слив курса Начальный курс SQL: от новичка до специалиста [Stepik] [Влад Бурмистров]Уверенно пишите SQL-запросы к…

3 дня ago

Программирование [Влад Бурмистров] [Stepik] Полный курс Python 3: от новичка до мастера (2025)

ОПИСАНИЕ:Слив курса Полный курс Python 3: от новичка до мастера (Питон, Пайтон) [Stepik] [Влад Бурмистров]Для…

3 дня ago

Программирование [Павел Старцев] [Stepik] Нейросети: от простейшего запроса до создания бота (2025)

ОПИСАНИЕ:Слив курса Нейросети: от простейшего запроса до создания бота [stepik] [Павел Старцев]Врывайся в мир ИИ…

3 дня ago

This website uses cookies.