Урок 11. Сниппеты | Курс Веб разработчик | Академия верстки

Автор Andrei Golubev
Урок 11. Сниппеты | Курс Веб разработчик | Академия верстки

Привет.

На связи. Артём Исламов это. Академия верстки вы сейчас находитесь в плейлисте который называется web-разработчик 10 поток — это записи нашего закрытого курса мы их бесплатно на YouTube, но мы не выложили домашнее задание и дипломный проект от этого курса для того чтобы получить полный доступ ко всем домашним дипломом и так далее.

Вам необходимо перейти по ссылке в описании или вот там справа в углу будет значок информации.

Вы можете кинуть туда и перейти по ссылке, а затем вы оплачиваете полный доступ ко всем домашку дипломным проектом указывайте свою почту. И после этого получаете доступ полностью к записям курсы веб разработчик 1000 со всеми модулями со всеми заданиями дополнительными заданиями со всеми видео уроками которые здесь есть как мы обычно прикрепляем к каждому нашему уроку и дополнительные документы дополнительные материалы макеты дополнительные ссылки. Поэтому если вы хотите получить полный доступ ко всем записям и не ждать пока они выйдут на YouTube. Вы можете перейти по ссылке в описании и оплатить. Приятного просмотра этого урока. До скорой встречи. Привет с тобой. Артём Исламов. И мы продолжаем изучать основы веб-разработки мы уже с тобой по практиковались в верстке HTML и CSS верстки на bootstrap и уже разобрались с тем, что такое препроцессоры есть ещё одна теоретическая часть которой я бы хотел рассказать прежде чем мы перейдем к практике — это сниппеты — это то, что действительно будет ускорять в несколько раз моя задача чтобы ты научился верстать сайты быстро и одним из условий быстрой верстки является использование готовых участков кода — это как раз таки. С ним, и сегодня мы о них поговорим разберём синтаксис при написании сниппеты в sublime Text 3 создать свой первый простой снега первый достаточно сложно с ней под, что использовать вместо сниппетов разберём сервис который называется гист от гитхаб и поговорим про плагинами Pro плагины со степенями хорошо, что такое вообще сниппеты ну самый простой пример с ними там ты уже видел — это если поставить восклицательный знак в html-документе и нажать табуляцию откроется сниппет документа м от то есть в м от есть заранее заготовленный вот такой вот простой шаблон причём когда мы разворачиваем сразу выделяется слово документ который находится внутри тега title. Я могу написать сюда свой заголовок если я нажму ещё раз так-то я сразу перемещаюсь в нужное мне место в адеквате и здесь уже могу писать заголовки. Диего и так далее так вот этот принцип называется. Мы можем написать свой сниппет вот такой же и — это действительно просто как — это сделать. И вообще ты чего — это нужно будет. Например если вот — это вот мы можем использовать сами и потом. Дописать здесь пописать в стиле которые мы будем подключать например все с там будет bootstrap. Русский стиль и так далее — это как раз таким долгий путь. То есть если мы каждый раз будем делать когда мы разворачиваем проект то — это будет отнимать очень много времени — это повторяющаяся этап, но если мы создадим свой сниппет который будет сразу заполнен так как нам надо мы сможем сэкономить немного времени на самом старте проектом, а потом мы можем использовать какие-то ещё снег — это которые позволяют нам ускорить процесс вязки вот таким образом. Как сделать свой собственный сниппет всё очень просто в разделе саблайм текст 3 есть меню есть ещё раз про тулс вам здесь не видно поэтому я проговариваю. Это несколько раз раздел 2 утра. То есть разработчик и New snippet её можно написать новый синтаксис новый и новый плагин мы берём новый сниппет открывается вот такой окном здесь все предельно. Просто у нас есть сниппет написано — это всё на языке xml — это язык xml есть текст сниппет — это не HTML Tag — это xml так с ней внутри с. Нет — это находится контент внутри континента находится вот такой вот параметр дата и вот этого закрывающая скобка нам — это не нужно мы трогаем только то, что находится внутри смогу с ней вот в этой третьей строчке здесь написано Hello непонятные символы всё для того чтобы этот snippets заработал. Нам необходимо минимальная действие — это т-триггер то есть вот этот вот т-триггер нам нужно его ремонтировать — это Control Alt на. Маке на Windows скорее всего нравится. И теперь когда мы будем писать слово hello езжать табуляцию будет развиваться вот эта фраза причём выделяться будет. Первое слово рыс, а затем. Когда мы можем ещё раз. Ну там будет выделено слово потому, что мы видим, что сюда стоят курсы в самом начале доллар и один сюда потом я сохраню этот сниппет назову его хелснет или у меня уже есть дети демонстрировал на другом уроки. Ну ладно Hello и сохраняем с расширением. саблайм сниппет. Да он у меня уже есть я его перепишу. Всё я перезаписал меня появился hello. саблайм сниппет. Я теперь если я документе напишу Hello раскрывается Hello ты здесь не причём я могу менять так скажем могу менять слова которые выделяются. Ну и здесь например из маленькой фразы. Я развернул большую фразу которую мне приходится например часто писать усложняем пример вместо поставим например ну скажем какой-нибудь какой-нибудь элемент например 1111 и возьмём отсюда обычный Row так так вот Row внутри которого например будет так скажем 12 колонок col-xs 1313 раскрываю и здесь у меня будет что-нибудь написано.

0 комментариев
0

Читайте также