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

Замовити дзвінок

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

Підписка

Замовити дзвінок

+38 099 757 27 82

Про курс

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

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

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

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

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

Базові знання верстки HTML & CSS. Бажано ознайомлення з технологією верстки FlexBox

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

Ви навчитеся

  • Виконувати верстку хедера макету та меню в ньому.
  • Створювати просте меню на сайті за допомогою флексбокс технології.
  • Вміти використовувати властивості flex-grow та flex-shrink для створення «гумової» верстки.
  • Виконувати планшетну та мобільну версії простої сторінки без використання додаткових правил медіа запитів.
  • Розуміти функції властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.
  • Працювати з додатковим потоком у flexbox, розміщуючи елементи у потрібній позиції.
  • Розуміти як, навіщо і коли потрібно змінити напрямок основного потоку.
  • Розміщувати багато рядкових блоків, незалежно від кількості, працюючи з флексбоксами.
Читати далі...
Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
  • Тривалість: 1 год 30 хв
  • Курс створено: 14.01.2020
  • Уроків: 5
  • Оновлено: 03.12.2020
  • Мова: російська

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

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

Технологія flexbox дозволяє створювати більш легко та правильніше розкладку елементів для вебсторінки на відміну від float-ів, Flexbox дозволяють з легкістю вирівнювати елементи по горизонталі та по вертикалі, змінювати напрямок та порядок відображення елементів, розтягувати блоки на всю висоту чи ширину, або прибивати їх до будь-якого краю батьківського елемента.

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

Мета уроку - ознайомитися з основами технології flexbox, загальними поняттями та принципами логіки роботи технології flexbox, виробити розуміння того, як використовувати flexbox на практиці. Познайомитись із початковою простою структурою перед створенням лендіг (односторінкового) сайту та розібратися з тим, як виконувати перші кроки при верстці. Також розглянути створення простого меню на сайті з використанням флексбокс технології.

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

Мета уроку - ознайомитися з основними властивостями, що використовуються на практиці, і отримати розуміння того, коли їх використовувати. Розібрати які є можливості у властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.

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

Мета уроку - розібрати як, навіщо і коли потрібно змінити напрямок основного потоку. Переглянути які аспекти з'являються при зміні потоку. Розглянути, якою стає поведінка у властивості margin з flexbox елементами, яким чином можна використовувати медіа запити при верстці макета, використовуючи flexbox технологію. Ознайомитися з властивістю flexdirection і як змінює свою поведінку властивість margin з використанням флексбоксів.

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

Мета уроку - познайомитися з властивостями flex-grow і flex-shrink для створення гумової верстки. Ознайомитись із процесом завершення планшетної та мобільної версії простої сторінки без використання додаткових правил медіа запитів.

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

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

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

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

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