Практичний курс з верстки лендінгу
ITVDN: курси програмування
Відеокурси з
програмування

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

    Почати безкоштовно

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

    Почати безкоштовно

      Практичний курс з верстки лендінгу

      Про курс

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

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

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

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

      Знання мов верстки HTML & CSS.

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

      Ви навчитеся

      • Верстати привабливі лендінги
      • Раціонально організовувати процес верстки
      • Розуміти призначення та принципи роботи препроцесорів SASS та PUG
      • Розробляти інтерактив сторінки за допомогою JavaScript
      • Користуватись менеджером завдань Gulp
      • Працювати з системою контролю версій Git та сервісом хостингу проектів – GitHub
      Читати далі...
      Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
      Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
      • Тривалість: 8 год 14 хв
      • Курс створено: 15.05.2017
      • Уроків: 9
      • Оновлено: 17.12.2020
      • Мова: російська

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

      • 9 відео уроків
      • Домашні завдання
      • Тестування
      • Сертифікат
      • Консультація з тренером

      ×

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

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

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

      Перший відео урок є вступним. У ньому автор розповість про структуру практичного курсу. Також ви дізнаєтесь, як налаштувати свій робочий простір за допомогою інструментів Git та Gulp.

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

      Знайомство з синтаксисом препроцесора pug, що це і чим він може допомогти у верстці.

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

      Знайомство з синтаксисом препроцесора sass, що це і чим він може допомогти у верстці.

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

      Зберемо іконки до спрайту, підключимо кастомні шрифти, почнемо розмітку блоку header.

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

      Продовження верстки. Зверстаємо два наступні блоки hero та about us.

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

      Напишемо відкриття/закриття попапа на чистому JS, поговоримо про поширені завдання мовою JS при верстці лендінгів.

      Читати далі...
      ПОКАЗАТИ ВСЕ
      основні теми, що розглядаються на уроці
      0:01:53
      Знакомство с Git
      0:05:58
      Структура проекта
      0:18:01
      Знакомство с таск-менеджером Gulp.js
      0:21:04
      Практика создание проекта
      0:30:25
      Создание README файла
      0:43:13
      Настройка файла gitignore
      0:46:00
      Добавление изменение в git репозиторий
      0:50:38
      Настройка файла package.json
      0:53:10
      Установка необходимых пакетов
      0:56:20
      Практическая работа с gulp.js
      1:28:07
      Подведение итогов урока и домашнее задание
      ПОКАЗАТИ ВСЕ
      Пакети підписки з доступом до всіх курсів та сервісів

      Пакети підписки з доступом до всіх курсів та сервісів

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