Как верстать сайты быстро, редактор VS Code и плагин Emmet

Этот курс призван прокачать вашу скорость написания кода на HTML и CSS. Даже если вы уже знакомы с плагином Emmet не спешите уходить. Пройдите этот курс, он бесплатен и не займет много времени, но я уверен вы узнаете много новых техник, трюков, функций данного плагина и редактора VS Code.

💡 Записать бесплатно на курс "Тренажер по вёрстке, плагин Emmet" на Stepik с практикой: https://stepik.org/113654

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 - https://boosty.to/itdoctor
💡 Telegram канал - https://t.me/itdoctor_official/4
🎥 Курсы на Stepik - https://stepik.org/users/387773773/teach
💰 Донаты на ЮMoney - https://sobe.ru/na/itdoctor

ВКонтакте - https://vk.com/itdoctorstudio
Яндекс Дзен - https://zen.yandex.ru/itdoctor
Rutube - https://rutube.ru/channel/23500045/

#vscode #emmet #stepik