Циклы и миксины
ITVDN: курсы программирования
Видеокурсы по
программированию
Подписка

300+ курсов по популярным IT-направлениям

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

Подписка
Подписка

300+ курсов по популярным IT-направлениям

×

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

Вы действительно хотите открыть доступ к тестированию по курсу Шаблонизатор Pug на 40 дней?

ВИДЕОУРОК №8. Циклы и миксины

Для просмотра полной версии видеокурса, онлайн тестирования и получения доступа к дополнительным учебным материалам купите курс Купить курс
Для просмотра всех видеокурсов ITVDN, представленных в Каталоге, а также для получения доступа к учебным материалам и онлайн тестированию купите подписку Купить подписку

Цель урока – познакомить студентов с явлением шаблонизации, объяснить, для каких нужд она используется. Помочь выбрать правильную среду разработки. Рассказать об истории возникновения 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.

Читать дальше...
ПОКАЗАТЬ ВСЕ

Отзывы наших студентов

DOU

Отзывы в DOU

4,9/5 - 195 отзывов

Boris Gorokhov
Boris Gorokhov
5/5
Гарна платформа для навчання, та опановування нових професій, особливо сподобалось що конструюється список курсів необхідних для проходження від початку до кінця з обраної професії і не треба гадати який курс обрати далі
Почитать оригинал
Facebook

Отзывы в Facebook

5,0/5 - 704 отзыва

Маис Расулов
Маис Расулов
5/5
Отличный курс, советую всем
Почитать оригинал
Google

Отзывы в Google

4,9/5 - 814 отзыва

Алексей Сугоняк
Алексей Сугоняк
5/5
Получил бесплатно доступ к курсу 'JavaScript Стартовый' недавно, а до этого был 'Flask' и до него были курсы. Не видел чтоб другие обучающие компании такое делали. Это я считаю здорово. И объясняют хорошо. И курсы интересные. Спасибо.
Почитать оригинал

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

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

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
Премиум
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
169.99 $
Оформить подписку

Вопросы и ответы

У чому перевага онлайн курсів програмування у порівнянні з офлайн?
Яка вартість навчання?
Скільки часу знадобиться, щоб опанувати програмування?
Скільки часу знадобиться, щоб опанувати ІТ-спеціальність?
З якого курсу розпочинати навчання?
Як керувати своїм часом та організувати ефективне онлайн-навчання з тренером?
Чи є у вас допомога з працевлаштуванням після закінчення навчання?
Чи можливе персональне навчання з тренером ITVDN?
З якого віку можна навчатися на платформі?
Чи потрібні знання англійської мови для навчання?Чи потрібні знання англійської мови для навчання?
Якого рівня можна досягти, пройшовши навчання зі спеціальності?
Коли закінчиться підписка, що далі? Доступу до уроків не буде?
Чи додаються знижки на придбання підписки?
У чому перевага онлайн курсів програмування у порівнянні з офлайн?

Онлайн курси мають низку переваг перед офлайн форматом:

  1. Незалежність від локації. Онлайн дозволяє навчатися де завгодно.
  2. Збереження часу та грошей на дорогу. Ви економите час та гроші з поїздок на курси та назад.
  3. Онлайн курси дешевші. Немає потреби в приміщенні та ноутбуках для студентів, тому вартість нижча
  4. Комфортний темп навчання, постійний доступ до інформації. Навчання у вашому темпі будь-коли і будь-де 24/7. Також є доступ до записаних уроків, чого немає в офлайн форматі.
Яка вартість навчання?

На ITVDN є 2 формати навчання: Live Online та відео курси. Ціна навчання залежить від обраного вами способу навчання.

Якщо ви хочете навчатися самостійно у форматі відео курсів, вартість навчання складе в середньому 10-15 USD на місяць в залежності від обраного вами пакету підписки.

Live Online – це онлайн навчання з тренером у групах разом із іншими студентами. Навчання у даному форматі коштує в середньому 6-7 USD за одну годину.

Скільки часу знадобиться, щоб опанувати програмування?

Залежить від того, скільки уваги програмуванню ви виділятимете щоденно, яка саме це мова і який у вас досвід кодингу. Середній час на опанування однієї мови за умови регулярних занять хоча б 2 год/день:

  • новачки – від 3 до 6 місяців;
  • ті, хто мають базові знання з іншої мови – від 1 до 3 місяців;
  • професійні програмісти – до 1 місяця.

Найкращий варіант інвестиції часу – 8 годин щоденно (20% теорії + 80% практики). Більше практики – швидше опанування програмування.

Скільки часу знадобиться, щоб опанувати ІТ-спеціальність?

Для опанування ІТ-спеціальності треба виділити не менше 500 годин, з яких близько 100 годин – на перегляд відео уроків або відвідування онлайн занять із ментором, а 400 – на виконання практичних завдань за пройденими темами.

В залежності від того, скільки часу ви готові виділяти на навчання в день, ви зможете пройти програму за 3-8 місяців. Якщо у вас є певна база знань з ІТ, кількість необхідного часу буде меншою.

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

З якого курсу розпочинати навчання?

Починати варто з тих, які містять в назві слово “Стартовий”. Такі курси мають вступний матеріал для знайомства з мовою або технологією.

Якщо ж ви плануєте навчатися за конкретною спеціальністю у форматі відео курсів, перейдіть на сторінку спеціальності і прокрутіть до заголовку “Відео курси за спеціальністю …”. Нижче буде список відео курсів, котрі відсортовано в порядку необхідності вивчення.

Ще нижче ви знайдете Roadmap зі спеціальності – путівник, на якому зображені відео курси у вигляді дерева, що також вас легко зорієнтує у послідовності проходження курсів.

Як керувати своїм часом та організувати ефективне онлайн-навчання з тренером?

Якщо ви обираєте Live Online навчання з тренером, все дуже просто:

  • відвідуйте всі заняття, вчасно виконуйте д/з;
  • додатково дивіться відео уроки на ITVDN;
  • після кожного уроку проходьте коротке тестування;
  • практикуйтеся в Інтерактивному практикумі;
  • спілкуйтеся з одногрупниками в ході вирішення д/з, задавайте питання ментору на уроках та поза ними;
  • в кінці кожного курсу складайте екзамен на TestProvider (та отримуйте Сертифікати);
  • в кінці всього навчання проходьте екзамен зі спеціальності і отримайте Диплом.
Чи є у вас допомога з працевлаштуванням після закінчення навчання?

Ми маємо спеціальний розділ – “Вакансії”, котрий допомагає нашим студентам шукати першу роботу в ІТ. Детальніше про можливості та призначення розділу за посиланням.

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

Чи можливе персональне навчання з тренером ITVDN?

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

З якого віку можна навчатися на платформі?

На ITVDN відсутні курси для дітей, тому комфортний вік для початку навчання за нашими матеріалами – від 14 років.

Чи потрібні знання англійської мови для навчання?Чи потрібні знання англійської мови для навчання?

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

Якого рівня можна досягти, пройшовши навчання зі спеціальності?

На ITVDN можна пройти повне навчання з нуля до спеціаліста рівня Trainee/Junior. Якщо ви вже практикуючий розробник, наші відео курси допоможуть поглибити ваші знання до рівня Middle.

Коли закінчиться підписка, що далі? Доступу до уроків не буде?

Після закінчення дії вашої підписки доступ до відео курсів, на жаль, буде закрито. Однак ви зможете користуватися тими навчальними матеріалами, які ви завантажили на свій девайс під час навчання.

Чи додаються знижки на придбання підписки?

Ні, знижки не додаються.

Notification success