Как верстать сайты быстро, редактор VS Code и плагин Emmet
Этот курс призван прокачать вашу скорость написания кода на HTML и CSS. Даже если вы уже знакомы с плагином Emmet не спешите уходить. Пройдите этот курс, он бесплатен и не займет много времени, но я уверен вы узнаете много новых техник, трюков, функций данного плагина и редактора VS Code.
💡 Записать бесплатно на курс “Тренажер по вёрстке, плагин Emmet“ на Stepik с практикой:
00:00 Курс Frontend разработчик
01:39 Благодарности
02:02 Трейлер курса
05:50 Про плагин Emmet
08:11 Установка VS Code
11:46 Дочерние элементы
14:01 Соседние элементы
15:08 Выйти на уровень вверх
18:34 Текст рыба Lorem Ipsum
22:45 Умножение
26:04 Группировка
29:50 Классы и идентификаторы
32:26 Атрибуты
34:34 Текст в тегах
37:33 Неявные имена тегов
41:01 Аббревиатуры HTML
44:06 Теги link, meta, style, script
47:32 Теги формы
51:53 Emmet Balance и горячие клавиши в VS Code
55:42 Найти закрывающий тег и обернуть
58:53 Оборачивание отдельных строк
01:03:12 Другие действия и комментирование
01:06:28 Удаление тега, объединение линий и размер изображения
01:09:51 Выражения, инкремент и префиксы
01:12:18 Аббревиатуры CSS
01:16:17 Передача цвета
01:21:35 Позиционирование
01:25:32 Визуальное форматирование
01:27:23 Блочная модель
01:32:11 Шрифты
01:36:08 Текст
01:40:15 Цвет и фон
01:44:03 Границы
01:47:40 Списки и другое
01:52:14 Про XSL
01:53:13 Фильтры
01:54:48 БЭМ
01:58:20 Настройки и документация
02:03:13 Настройки Emmet в редакторе
02:07:28 Расширения для VS Code
02:13:03 Горячие клавиши в VS Code
02:18:16 Итоги курса
Эксклюзив на Boosty -
Telegram канал -
Курсы на Stepik -
Донаты:
1. ЮMoney -
2. VISA - 4274 3200 3233 1582
ВКонтакте -
Яндекс Дзен -
Rutube -
#vscode #emmet #stepik
15 views
34
7
2 months ago 00:25:30 1
👍🏻 15 ПРАВИЛ дизайна PowerPoint презентации.| Как сделать красивую презентацию?
2 months ago 00:03:38 1
Я зашёл, Лена была в ванной, потом она...
2 months ago 00:05:28 1
Еврейский хаммом - банные традиции Средней Азии на пути банной экспедиции “За самсой“.
2 months ago 00:03:43 1
7 лет ПАРКОВЫМ пробежкам в КОРОЛЁВЕ, кто ПРОСТОИТ В ПЛАНКЕ до конца?
3 months ago 00:18:16 1
Управленческий стиль ЛУКАШЕНКО/ Как государство СДЕРЖИВАЕТ ВОЙНУ/ Особенность белорусской ПРОПАГАНДЫ
3 months ago 00:05:50 1
Как проходит ПЯТЬ ВЁРСТ в городе КОРОЛЁВ
3 months ago 00:12:22 1
Как сверстать книгу? 5 ошибок, которые допускают писатели
3 months ago 00:23:47 1
5 НЕГЛАСНЫХ ПРАВИЛ YOUTUBE, уничтожающих наши каналы. Больно понимать это
3 months ago 00:23:18 1
Дизайн макета с нуля. Графический дизайн
3 months ago 00:50:43 1
#1 Верстка сайта с нуля для начинающих | HTML, CSS
3 months ago 00:25:26 3
ПОЛНЫЙ ГАЙД ПО КНИГЕ. КАК ПРОИЛЛЮСТРИРОВАТЬ, СВЕРСТАТЬ И НАПЕЧАТАТЬ КНИГУ | ADOBE INDESIGN TUTORIAL
3 months ago 02:40:30 1
#1: React Sneakers - создаем простой интернет-магазин (junior)
3 months ago 00:04:23 1
Настоящие РУССКИЕ ЩИ, аромат за версту! Как сварить вкусные , наваристые щи.
3 months ago 00:01:11 1
КАК ПРАВИЛЬНО УСТАНОВИТЬ CLIENT MOD НА АНДРОЙД
3 months ago 00:07:21 1
Бажовская Верста 2024
4 months ago 00:02:17 1
Дизайнер создаёт главную страницу сайта в Zero Block на Тильде: #tildatimelapse
4 months ago 00:36:09 1
Как настроить ПЛАТЕЖНУЮ СИСТЕМУ на сайте. Подключаем Т-Банк (Тинькофф) к Taptop
4 months ago 00:04:11 1
Без Тебя я прошёл вёрсты | Голос веры |
4 months ago 00:18:27 1
Делаем Первый Реальный Сайт в Нейросети ChatGpt и Midjourney
4 months ago 00:02:19 1
City of Crime (GTA VI) (Fully AI Version)
4 months ago 00:19:42 1
СДЕЛАЙ ДИЗАЙН САЙТА с помощью FIGMA И Нейросети MIDJOURNEY ЗА 15 МИНУТ 🔥
4 months ago 00:07:13 1
Как НЕ НАДО печатать РУМАНГУ (комиксы)!
4 months ago 03:18:56 1
СЕМЬ ВЁРСТ ДО НЕБЕС. Комедия. Все серии.
4 months ago 00:05:02 157
Open Server 6.0 - Как создать проект. Как использовать Apache