'Зен кодинг' и сопутствующие воркхаки + читы

Просто улетная штука, которая позволит вам очень ускорить написание кода

Вперёд!
zen coding with emmet

Совершенствуем навыки разработки с зен-кодингом

В продолжение темы быстрой печати и ввода хочу сказать об одной очень полезной штуке для фронтендера-ниндзя, а именно быстром написании кода. Собственно в своей практике я пользуюсь редактором нотпад++ и плагином эмет. Это плагин для своего рода дзен написания кода в css и html.
Чтобы не повторяться в деталях и не изобретать велосипед - приведу статью с Хабра,где доступно описано и показано в скринах. Прочитать можно вот здесь.

Сама суть в том, что написанием одной строки вы сразу описываете целый блок включая открывающие и закрывающие теги, повторяющиеся элементы и тд. Небольшое отступление для любителей шахмат и стратегических игр - такой способ кодинга хорошо развивает продумывание "ходов" и иерархической структуры заранее.

Конечно перед тем как свободно оперировать данным методом, необходимо знать логику и принцип написания сокращенных кодов. Здесь и появляется прекрасный чит или мануал по сокращению эмет комманд, как на сайте программы только сверстан в пдф для печати - я, например, имею бумажный экземпляр, выручал не раз ;) Хотя если честно, сокращения интуитивны, так что если вы напишите po:a вместо pos:a все равно получите position: absolute
Скачать пдф чит емет: html і css

В качестве тематического видео , как и говорил ранее прикладываю видео Яндекс ШРИ на тему редакторов и редактирования кода . Тему раскрывает Игорь Новак , применяя в процессе редактор vim , но принципы везде одинаковые, так что смотрим:


Поделиться в соцсетях

Понравился пост? — расскажите о нём своим друзьям