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

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

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 Итоги курса

#vscode #emmet #stepik

[uxpddcn]

этот урок - просто находка! спасибо за Ваш труд!

[Gazovchik]

Всем привет

Только учусь, но то, что уже увидел *на протяжении 10 минут* - Впечатляет!

Автору урока - Спасибо!

[EuroDJ]

Классный урок, а также крутой и эффективный тренажёр. Спасибо!

[maxim]

Интересная информация, на бесплатный курс подписался. Лайк, подписка, все дела ;)

[unitydeveloper]

спасибо. тут будет полезно с оглавлением что-то быстро найти

[atheroth]

Недавно подписался на ваш канал, видать не зря.

[pondokf]

Всем рекомендую уже прошел на степике абсолютно бесплатно. там очень удобно и непринужденно все изучается

[hjehdkp]

Хотя я постоянно пользуюсь этим плагином, узнал из курса немало нового.
пользуясь "слепым" методом печати, сразу замечаю варианты автозавершений. Особенно меня впечатлили Loremru, множественный ввод, копирование фрагмента кода и оборачивание кода в тег. Но если на Windows всё идёт в лучшем виде, то на Linux пока не нашёл возможности применить все функции этого плагина.

[req]

Код не переноситься на новою строку, тоесть все в одной, что делать