loftschool
Видеоуроки от школы LoftSchool. Весьма годный контент для русской аудитории по фронт и бек направлениям. Смотрите у нас на сайте совершенно бесплатно.
Продолжительность
4 ч 42 мин
Категория
CSSКоличество уроков
42 Видео
Дата добавления
1 апр. 2020 г., 11:49
Язык
Русский
Дата обновления
29 апр. 2026 г., 07:16
«Вёрстка – быстрый старт» — это практичный курс для тех, кто хочет оперативно освоить основы фронтенд-разработки и получить свой первый результат уже на старте обучения. Материал подойдёт новичкам и тем, кто хочет структурировать знания.
Что вас ждёт на курсе
Курс построен так, чтобы вы могли шаг за шагом пройти путь от базовой разметки до создания интерактивного интерфейса. Вы будете не просто смотреть уроки — вы создадите полноценный рабочий проект.
Практика с первого занятия
- Сверстаете макет со статичным лейаутом и освоите работу с HTML‑структурой;
- Научитесь писать разметку для различных элементов и корректно стилизовать их с помощью CSS;
- Добавите интерактив при помощи JavaScript, чтобы сделать страницы динамичными.
Чему вы научитесь
По итогам курса вы получите набор прикладных навыков, необходимых для запуска вёрстки реальных проектов.
Основы HTML и структура страницы
Разберёте семантические теги, правила построения структуры документа и подходы к разметке интерфейсов.
Стилизация и работа с CSS
Поймёте, как создавать адаптивную визуальную часть сайта, управлять шрифтами, цветами, отступами и позиционированием.
Базовый JavaScript для новичков
Добавите простые скрипты для интерактивных элементов — меню, вкладок, форм и других элементов интерфейса.
Итог курса
В результате вы создадите свой первый сверстанный проект и получите практическое понимание того, как собираются современные веб‑страницы. Такой фундамент позволит продолжить обучение во фронтенд‑разработке без лишних сложностей.
- Урок 1.00:00:45Обзор проекта
- Урок 2.00:01:32Необходимые программы
- Урок 3.00:03:38Hello World
- Урок 4.00:06:33HTML. Теги
- Урок 5.00:01:15Emmet
- Урок 6.00:03:10Основная структура
- Урок 7.00:05:43id и class
- Урок 8.00:07:45BEM
- Урок 9.00:08:28Первая секция. Разметка
- Урок 10.00:07:50Работа с путями
- Урок 11.00:10:05CSS. Теория
- Урок 12.00:09:12Св-ва позиционирования. Flexbox
- Урок 13.00:06:31Св-ва позиционирования. Position
- Урок 14.00:14:50Блочная модель
- Урок 15.00:05:13Начало стилизации. Normalize
- Урок 16.00:04:49Цвет. Составные свойства
- Урок 17.00:05:01Первая секция. Стилизация
- Урок 18.00:08:43Подключение шрифтов
- Урок 19.00:03:41Первая секция. Позиционирование
- Урок 20.00:09:51Первая секция. Текст
- Урок 21.00:03:05Переиспользование блоков
- Урок 22.00:01:45Блок обертка
- Урок 23.00:08:31Вторая секция. Фильтр
- Урок 24.00:04:15CSS Переменные
- Урок 25.00:10:23Вторая секция. Элементы
- Урок 26.00:03:35Вторая секция. Выравнивание списка
- Урок 27.00:08:01Вторая секция. Геометрический элемент
- Урок 28.00:02:47Третья секция. Разметка
- Урок 29.00:16:27Третья секция. Стилизация
- Урок 30.00:09:20Секция меню
- Урок 31.00:12:36Иконки соц. сетей. SVG
- Урок 32.00:06:01Боковое меню. Верстка
- Урок 33.00:06:03Боковое меню. Класс для состояний
- Урок 34.00:02:43Подключение скриптов
- Урок 35.00:10:30Боковое меню. Реализация
- Урок 36.00:08:08Слайдер. Верстка
- Урок 37.00:13:18Слайдер. Реализация
- Урок 38.00:06:18Фильтр. Селектор
- Урок 39.00:09:59Фильтр. Сортировка
- Урок 40.00:09:25Деплой. GitHub Pages
- Урок 41.00:02:10Отображение на мобильных
- Урок 42.00:02:15Заключение. Вторая страница
Автор - loftschool
Комментарии
Но расцениваю как вводную часть