Вход в клуб
Регистрация
Запрещены для регистрации: @mail.ru, @inbox.ru, @bk.ru, @list.ru, @ukr.net, @rambler.ru

Шаблонизатор Pug/jade - современный ускоритель для HTML (2019) [Udemy]

Engineer 04.05.2019 10:17
--- Автор темы считает что этот пост не относится к обсуждению ---

Описание:

В рамках курса вы научитесь писать вёрстку на шаблонизаторе Pug (jade), создавать независимые блоки кода для импорта и последующей модификации на любые страницы. Познакомитесь с миксинами, заметно упрощающими однотипное наполнение сайта, а также узнаете о возможностях языка JavaScript, которые сделали Pug поистине потрясающим инструментом современного фронтенд-разработчика. Pug — это актуальное требование работодателей, с которым часто можно встретиться уже на этапе тестового задания. Поэтому если вы связываете свою карьеру с вебом, то Pug вам обязательно пригодится.

Pug (ранее jade) — современный шаблонизатор для веб-разметки HTML. Позволяет создавать шаблоны и блоки, а в дальнейшем расширять их. Применение шаблонизатора позволит значительно ускорить верстку, например, за счет повторного использования одних и тех же блоков кода, а также существенно упростит в дальнейшем обновление информации на готовых страницах.

Требования:

- Базовое понимание синтаксиса HTML.
- Базовое понимание синтаксиса JavaScript (желательно, но не обязательно).

Перейти к изучению ([Ссылка (видна только членам клуба)])

[Ссылка (видна только членам клуба)]

Карма 
Фото   

Rungame 05.05.2019 06:47
--- Автор темы считает что этот пост не относится к обсуждению ---

Спасибо, а есть что то похожее по SASS/SCSS?

Карма 
Фото   

Engineer 05.05.2019 07:24
--- Автор темы считает что этот пост не относится к обсуждению ---

Rungame:
Спасибо, а есть что то похожее по SASS/SCSS?

Rungame, вот такое на глаза попалось:

[Webcademy] Gulp Сборка. Ускорение верстки

Описание:

 
Внедрите Gulp сборку и препроцессоры в свою верстку. За счет сборки вы увеличите скорость разработки больших проектов будь то лендинг на 10 экранов или многостраничный сайт на 20 страниц. Ощути всю мощь препроцессоров LESS / SCSS и шаблонизатора PUG.

Программа курса:
- NPM - для установки пакетов
- BrowserSync - для запуска автообновления страницы
- Gulp – для системы сборки проекта
- Препроцессоры и шаблонизаторы. Наводим порядок в проекте.
- Препроцессоры LESS и SASS
- Основы работы с препроцессором LESS
- Основы работы с препроцессором SASS
- Основы работы с шаблонизатором PUG
- Реальный боевой пример. Применяем сборку и новые технологии для разработки лендинга
- Внедряем сборку в проект
- Пишем стили на препроцессорах
- Меняем HTML на PUG разметку

[Ссылка (видна только членам клуба)]

 

Курс: Веб-верстальщик: Код фрилансера (2017)

Описание:

 
2.5-МЕСЯЧНЫЙ ОНЛАЙН-КОУЧИНГ

 
HTML

Создавать валидную HTML-разметку страниц, использовать стандарт HTML5 и проектировать лаконичную структура проектов любой сложности

 
CSS

Писать грамотный CSS-код. Использовать стандарт CSS3, медиа-запросы для создания адаптивности, а также работать профессионально с препроцессором SASS (SCSS)

 
JAVASCRIPT

Использовать базовые возможности языка Javascript и использовать библиотеку Jquery. Устанавливать плагины на все случаи жизни: всплывающие окна, галереи, слайдеры и т.д.

 
BOOTSTRAP

Использовать самый популярный фреймворк для веб-разработки Bootstrap, а также его аналоги. Поддерживать и управлять контентом веб-приложений с помощью Bootstrap

 
BOWER

Устанавливать и использовать в работе пакетные менеджеры, типа Bower, NPM. Использовать инструменты для прогрессивной frontend-разработки и сборщики проектов, типа Gulp и Grunt

 
SASS

Использовать препроцессор SASS (SCSS) для быстрого модульного написания CSS-кода. Работать с перемеными, наследованием, миксинами и условиями для ускорения work flow

 
ADAPTIVE

Создавать адаптивные и отзывчивые (resposinve) веб-сайты с использованием современных инструментов, а также работать над максимально сложными в верстке проектами

 
CMS

Устанавливать, настраивать и работать с самой прогрессивной и гибкой CMS MODx - системой управления контентом или «движком».

[Ссылка (видна только членам клуба)]

Карма 
Фото   

Rungame 05.05.2019 07:36
--- Автор темы считает что этот пост не относится к обсуждению ---

Engineer, благодарю, то что надо!

Карма 
Фото   

Ваш профиль не имеет достаточных прав, чтобы отвечать в теме