Category: образование

Category was added automatically. Read all entries about "образование".

royalty

Закомментируй

Раньше, как только я начинал кодить html и разбираться в разных движках, довольно часто допускал ошибки и путался в шаблонах. Японцы первыми придумали на промышленных заводах маркировать каждую деталь. Эффект был потрясающим: сократилось время на сборку и обучение. Подобный способ можно применить и в html-верстке с помощью оборачиваний в комментарии. Первый раз я услышал об этом в школе верстки яндекса в Симферополе — там комментарии были в css-файлах. Смысл в том, чтобы обернуть функциональных блок верстки начальным и конечным комментарием.

Выглядит это примерно так:
(клик — версия big)


Что даёт такая маркировка:
  • краткое описание блока;
  • видно где блок начинается и где заканчивается.

Но есть небольшой подвох. Вручную писать оба одиннаковых комментария неудобно, даже если копипастить. Но и здесь есть выход. В пхпшторме можно оборачивать выделенную часть кода комментарями. Более того, можно обернуть ещё и в теги, а если вы знакомы с zen coding, то и в целую цепочку тегов.

Для этого достаточно зажать клавиши Alt + Shift + T и в контекстном меню выбрать нужный шаблон:
(клик — версия big)


А это уже процесс работы шаблона. Обратите внимание на красную обводку — в ней я пишу комментарий, а внизу он же дублируется, но перед комментарием я в шаблоне добавил слово end, обозначая конец этого блока:
(клик — версия big)


И небольшая подсказка как настроить подобный шаблон:
(клик — версия big)
  1. — Список всех шаблонов;
  2. — Это разметка шаблона с переменными;
  3. — И редактор переменных с возможностью задавать простые выражения и расчитываемые переменные, такие как дата, время, имя юзера.