Циклы и миксины
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 - 200 отзывов

Alexandr Zuev
Alexandr Zuev
5/5
Вирішив вивчити Android dev., дуже сподобалися лектори, особливо з курсу Java. Також великим плюсом є те, що ти можеш виконувати домашні завдання та тренуватися на практиці, а потім, навіть, мати якісь роботи у портфоліо. К цьому всьому можна ще отримати сертифікати з пройдених курсів. Раджу усім скористатися такою можливістю увійти в айті), адже курси від ITDVN, дійсно корисні.
Почитать оригинал
Facebook

Отзывы в Facebook

5,0/5 - 707 отзывов

Ирина Василенко
Ирина Василенко
5/5
Была участницей акции «Изучай Web Testing бесплатно» на образовательном ресурсе ITVDN.Курс очень насыщенный, много примеров, что для меня важно! Преподаватель показал и рассказал доступно и понятно. Нашла много нового полезного в области тестирования!
Почитать оригинал
Google

Отзывы в Google

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

Елена Ломакина
Елена Ломакина
5/5
Отличная платформа для обучения программированию и все, что связано со сферой IT. Здесь огромное количество курсов для самостоятельного обучения по видеолекциям с домашними заданиями и мини-тестами в конце каждого урока. Цены на обучение здесь на порядок ниже, чем в оффлане и учиться можно спокойно в своем темпе в любое время суток. Нововведением платформы стали курсы онлайн в потоке с преподавателем, хотя этот вид обучения я еще не пробовала. Отдельно хочу отметить преподавателя Дмитрий Охрименко, который очень подробно все объясняет и на словах, и на картинках, и на примерах (курсы Javascript). Кстати обновленный курс Javascript Starter был 10 дней доступен бесплатно, и за это время вполне возможно его освоить.
Почитать оригинал

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

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

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

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

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

В чём преимущество онлайн курсов программирования по сравнению с оффлайн?
Какова стоимость обучения?
Сколько времени понадобится, чтобы овладеть программированием?
Сколько времени понадобится, чтобы овладеть IT-специальностью?
С какого курса начинать обучение?
Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?
Есть ли у вас помощь с трудоустройством после окончания обучения?
Возможно ли персональное обучение с тренером 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% практики). Больше практики – быстрее овладеете программированием.

Сколько времени понадобится, чтобы овладеть IT-специальностью?

Для овладения IT-специальностью нужно выделить не менее 500 часов, из которых около 100 часов – на просмотр видео уроков или посещение онлайн занятий с ментором, а 400 – на выполнение практических заданий по пройденным темам.

В зависимости от того, сколько времени вы готовы выделять на обучение в день, вы сможете пройти программу за 3-8 месяцев. Если у вас есть определенная база знаний по IT, количество необходимого времени будет меньшим.

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

С какого курса начинать обучение?

Начинать следует с тех, которые содержат в названии слово “Стартовый”. Такие курсы имеют вводный материал для знакомства с языком или технологией.

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

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

Как управлять своим временем и организовать эффективное онлайн-обучение с тренером?

Если вы выбираете Live Online обучение с тренером, всё очень просто:

  • посещайте все занятия, вовремя выполняйте д/з;
  • дополнительно смотрите видео уроки на ITVDN;
  • после каждого урока проходите краткое тестирование;
  • практикуйтесь в Интерактивном практикуме;
  • общайтесь с одногруппниками в ходе решения д/з, задавайте вопросы ментору на уроках и вне их;
  • в конце каждого курса сдавайте экзамен на TestProvider (и получайте Сертификаты);
  • в конце всего обучения проходите экзамен по специальности и получите диплом.
Есть ли у вас помощь с трудоустройством после окончания обучения?

Мы имеем специальный раздел – “Вакансии”, который помогает нашим студентам искать первую работу в IT. Детальнее о возможностях и о разделе по ссылке.

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

Возможно ли персональное обучение с тренером ITVDN?

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

С какого возраста можно учиться на платформе?

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

Нужны ли знания английского языка для обучения?

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

Какого уровня можно достичь, пройдя обучение по специальности?

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

Когда закончится подписка, что дальше? Доступа к урокам не будет?

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

Суммируются ли скидки на покупку подписки?

Нет, скидки не суммируются.

Notification success