Відеокурс Шаблонізатор Pug українською мовою - відеоуроки програмування | ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Підписка

    Обери свою IT спеціальність

    Підписка

      Про курс

      Pug – це шаблонізатор або HTML-препроцесор, що дозволяє у зручній манері писати код, який буде  більш зрозумілий для сприйняття людиною. За допомогою шаблонізатору розробник пише менше коду, створює зручні для сприйняття вкладені конструкції, необхідні змінні та інше.

      Курс «Шаблонізатор Pug» розглядає особливості цього інструменту. Ви почнете вивчення Pug з історії виникнення та його основних переваг, порівняно з традиційним HTML. Далі крок за кроком  продовжите розгляд  усіх нюансів роботи з цим інструментом.

      У ході курсу ви детально дізнаєтесь про особливості синтаксису Pug, його тегів та атрибутів. Будуть докладно розглянуті способи використання тексту в рамках різних тегів, а також ви освоїте можливості управління атрибутами, класами та ідентифікаторами.

      Крім основного синтаксису, ви навчитеся працювати з вбудованим кодом JavaScript у Pug, використовувати умовні оператори, а також опануєте створення циклів та міксинів для оптимізації та полегшення роботи над проєктами.

      Курс також охоплює важливі аспекти використання макетів та включень, допомагаючи вам освоїти спадкування шаблонів та ефективне використання блоків у своїх проєктах.

      На завершальному етапі ви матимете можливість застосувати отримані знання під час створення практичного проєкту, який включатиме розробку повноцінної сторінки з використанням усіх навичок, отриманих під час курсу.

      Курс підійде як новачкам, так і досвідченим розробникам, які хочуть поглибити свої знання та навички в роботі з Pug. Для успішного проходження цього курсу необхідні базові знання з HTML, CSS та JavaScript.

      Читати далі...

      Цей курс входить до спеціальності:

      Попередні Вимоги

      • Базові знання HTML
      • Базові знання CSS
      • Базові знання JS
      Читати далі...

      Ви навчитеся

      • Використовувати весь функціонал шаблонізатора Pug.
      • Розуміти основи шаблонізації.
      • Налаштовувати для роботи середовище Pug.
      • Розуміти і використовувати основи Pug: його синтаксис, теги та роботу з текстом.
      • Розуміти використання рядкового тексту (inline) у тегах, вміти використовувати  конвеєрний  (piped) та блоковий текст.
      • Розуміти варіативність атрибутів. Використовувати багаторядкові, логічні атрибути та атрибути “в лапках”. Виконувати розбиття об’єкта на атрибути елемента за допомогою синтаксису &attributes.
      • На практиці використовувати вбудований код Javascript в Pug, а саме: буферизований, небуферизований та неекранований-буферизований код. Також використовувати синтаксис змінних.
      • Використовувати умовний синтаксис в шаблонізаторі Pug, а саме: умовні оператори if та else, оператор unless, оператор case (when).
      • Розуміти та застосовувати цикли each та while в шаблонізаторі Pug.
      • Користуватися міксинами як аналогом функціональних компонентів. Застосовувати атрибути міксинів та так званий Rest Arguments.
      • Застосовувати оператори block , extends, append та prepend.
      • Використовувати Pug для створення структурованих і оптимізованих HTML-шаблонів.
      • Створювати гнучкі та адаптивні макети вебсторінок з використанням всього функціоналу Pug.
      • Розробляти шаблони, що відрізняються чистотою та структурованістю, без використання додаткових стилів та класів CSS.
      Читати далі...
      Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
      Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
      • Тривалість: 6 год 27 хв
      • Курс створено: 28.09.2023
      • Уроків: 10
      • Оновлено: 28.09.2023
      • Мова: українська

      Що входить до курсу

      • 10 відео уроків
      • Домашні завдання
      • Тестування
      • Сертифікат

      ×

      Ви відкрили доступ до тесту! Пройти тест

      Ви дійсно бажаєте відкрити доступ до тестування за курсом Шаблонізатор Pug на 40 днів?

      Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео

      Ціль уроку – познайомити студентів з явищем шаблонізації, пояснити, для яких потреб вона використовується. Допомогти обрати правильне середовище розробки. Розказати про історію виникнення Pug та розглянути переваги Pug над звичайним HTML.

      Читати далі...

      Ціль уроку – налаштувати середовище розробки Pug, при цьому встановивши всі необхідні програми, залежності та плагіни. Познайомити студентів із Node.js та таск-менеджером для автоматичного виконання завдань Gulp. Розказати та пояснити принцип роботи нашого базового шаблону Pug для автоматичної компіляції, з яким ми будемо працювати протягом усього курсу.

      Читати далі...

      Ціль уроку – розглянути базовий синтаксис шаблонізатора Pug, а саме логіку його побудови та різновидність тегів. Навчитись створювати швидкі HTML теги та вкладати їх один в одного. Попрактикуватись вставляти текст всередину тегів, а також додавати необхідні атрибути.

      Читати далі...

      Ціль уроку – розглянути різні варіанти передачі тексту усередину тегів в Pug. Дізнатись про звичайний та найбільш популярний - рядковий текст (inline) у тегах. Навчитись використовувати так званий конвеєрний текст (piped) та розглянути на практиці доволі популярний блоковий текст. Попрактикуватись із контролем пробілів для запобігання синтаксичних помилок.

      Читати далі...

      Ціль уроку – навчитись додавати класи та ідентифікатори до тегів, використовуючи скорочений (швидкий) синтаксис Pug. Розглянути варіативність атрибутів, а саме багаторядкові та “в лапках”. Зрозуміти, в яких випадках слід застосовувати логічні атрибути. На практиці засвоїти розбиття об’єкта на атрибути елемента за допомогою синтаксису &attributes.

      Читати далі...

      Ціль уроку – навчитись додавати коментарі до вашого коду в шаблонізаторі Pug та розуміти різницю між їх видами. Розглянути дуже важливу тему вбудованого коду Javascript в Pug, вміти на практиці використовувати різні види цього коду, а саме: буферизованого, небуферизованого та неекранованого-буферизованого. Засвоїти синтаксис використання змінних в Pug.

      Читати далі...

      Ціль уроку – навчитись використовувати умовний синтаксис в шаблонізаторі Pug, а саме умовні оператори if та else. Вивчити новий оператор unless для більш стислого та зручного коду. Розглянути на практиці оператор case (when), що по своїй суті є повним аналогом switch (case) в Javascript.

      Читати далі...

      Ціль уроку – вивчити цикли each та while в шаблонізаторі Pug. Зрозуміти, яким чином вони працюють, вміти контролювати розгалуження та ітерації. Дізнатись про міксини як аналог функціональних компонентів у прогресивних фронтенд-фреймворках. Поговоримо про атрибути міксинів та про задання дефолтного значення аргументу, якщо його не передано користувачем. Розглянемо важливий аспект передачі невідомої кількості аргументів у міксини - так званий Rest Arguments.

      Читати далі...

      Ціль уроку – навчитись включати різні файли у наш шаблон Pug, використовуючи новий оператор include. Дізнатись про спадкування шаблонів, що дозволяє розділяти складні структури шаблонів сторінок на менші та простіші файли. Вивчити оператори block та extends. На практиці вміти застосовувати блоки append та prepend.

      Читати далі...

      Ціль уроку – розробити повноцінну сторінку (лендинг) з використанням усіх навичок, здобутих під час даного курсу. Навчитись створювати GitHub репозиторій та заливати туди свій проєкт. На практиці засвоїти процес деплою вашого проєкту на безплатний хостинг Netlify.

      Читати далі...
      ПОКАЗАТИ ВСЕ

      Купуй передплатуз доступом до всіх курсів та сервісів

      Бібліотека сучасних IT знань у зручному форматі

      Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

      Стартовий
      • Усі відеокурси на 3 місяці
      • Тестування з 10 курсів
      • Перевірка 5 домашніх завдань
      • Консультація з тренером 30 хв
      59.99 $
      Придбати
      Преміум Plus
      Завантажуй відео уроки
      та навчайся без інтернету
      • Усі відеокурси на 9 місяців
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      • Завантаження відео уроків
      199.99 $
      Придбати
      Базовий
      • Усі відеокурси на 12 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      89.99 $
      Придбати
      коментарі та обговорення
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.