Новий відео курс “Верстка сайту на CSS Grid”
ITVDN: курси програмування
Відеокурси з
програмування

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

    Підписка

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

    Підписка

      Здравствуйте!

      Друзья, хотим вас порадовать новым видео курсом - “Верстка сайта на CSS Grid”, который будет полезен каждому верстальщику, а также заинтересует многих FrontEnd разработчиков.

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

      Данный курс направлен на изучение использования CSS Grid в процессе создания верстки веб-страниц. Вы познакомитесь с этой технологией, начиная с основ ее использования и базовых правил, и заканчивая рассмотрением более сложных структур. На этом курсе вы шаг за шагом узнаете о всех возможностях правил CSS Grid.

      Автор курса — Сластен Максим — FrontEnd Developer, опыт разработки более 6 лет. В записанных видео уроках Максим делится эффективными и удобными техниками верстки при помощи Grid, которые с большим успехом используются в сайтостроении.

      Структура курса:

      1. Вступление
      2. Знакомство с базовыми свойствами Grid
      3. Работа с Grid контейнером
      4. Создание Grid template и позиционирование контента
      5. Работа с дочерними элементами grid-row и columns
      6. Ordering элементов
      7. Возможности свойства auto
      8. FlexBox и Grid
      9. Адаптивность Grid и медиа-запросы
      10. Создание проекта

      Чему вы научитесь на данном курсе:

      • Использовать CSS Grid при выполнении верстки ваших веб-страниц
      • Использовать Figma для построения шаблонов для дальнейшей работы
      • Создавать свои стили
      • Понимать особенности и уметь применять Grid columns (столбцы) и Grid rows (строки)
      • Понимать и применять на практике возможности объединения ячеек и именования линий
      • Применять функцию repeat
      • Применять grid-template-areas и разбивать грид на grid-areas
      • Выравнивать ячейки грида с помощью правил justify-items и align-items
      • Выравнивать контент в ячейках
      • Использовать значения max-content и min-content
      • Упорядочивать элементы и управлять отображением элементов в блоке
      • Ограничивать области перемещения блоков с абсолютным позиционированием
      • Использовать свойства flex и grid. Уметь преобразовывать флекс блоки в грид
      • Понимать автосвойства грид, и уметь контролировать построение грида
      • Уметь совмещать медиа запросы и правила грид блоков
      • Использовать медиа запросы для гибкой трансформации grid layout`a
      • Создавать готовый сверстанный проект и деплоить его на GitHub

      Предварительные требования

      Курс подойдет тем, кто уже имеет базовые знания HTML и CSS, хочет познакомиться с CSS Grid и изучить основы работы этой технологии для уверенного использования ее на практике.

      Смотрите первый урок курса в свободном доступе.

      Также, можем вам предложить ознакомиться с бесплатным вебинаром “Адаптивная верстка с FlexBox и Grid” для лучшего понимания популярных техник гибкой верстки — FlexBox и Grid, а также выявления преимуществ каждой из них.

      Видео курс “Верстка сайта на CSS Grid” позволяет совершенствовать навыки верстки веб-страниц, обучая востребованному и широко используемому подходу Grid. Если вы желаете не останавливаться на этом и хотите дальше развивать свои навыки верстальщика, вам также пригодятся ссылки на другие курсы по данному направлению:

      КОМЕНТАРІ ТА ОБГОВОРЕННЯ
      ВІДЕО КУРСИ ЗА СХОЖОЮ ТЕМАТИКОЮ
      СТАТТІ ЗА СХОЖОЮ ТЕМАТИКОЮ

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

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

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

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