Про курс
Flexbox – це сучасний інструмент верстання, який дозволяє швидко створювати складні гнучкі макети та функції, спрощуючи вирішення завдань, для яких раніше ми використовували чистий CSS.
Даний курс дозволить вам на практиці розглянути прийоми використання технології Flexbox. Ви познайомитесь із загальними поняттями та принципами логіки роботи технології, навчитеся застосовувати основні властивості, розглянете способи взаємодії між елементами, побачите, як можна комбінувати медіа запити з флексбоксом та багато іншого.
Цей курс входить до спеціальності:
Попередні Вимоги
Базові знання верстання HTML & CSS. Бажано ознайомлення з технологією верстання Flexbox
Ви навчитеся
- Виконувати верстання хедера макета та меню в ньому.
- Створювати просте меню на сайті за допомогою флексбокс технології.
- Використовувати властивості flex-grow та flex-shrink для створення «гумового» верстання.
- Виконувати планшетну та мобільну версії простої сторінки без використання додаткових правил медіа запитів.
- Розуміти функції властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.
- Працювати з додатковим потоком у flexbox, розміщуючи елементи у потрібній позиції.
- Розуміти, як, навіщо і коли потрібно змінити напрямок основного потоку.
- Розміщувати багато рядових блоків, незалежно від їхньої кількості, працюючи з флексбоксами.
- 3 год 0 хв
- 07.03.2023
- 4 з 4
- 07.03.2023
- українська
Що входить до курсу
×
Ви дійсно бажаєте відкрити доступ до тестування за курсом CSS Flexbox на 40 днів?
Мета уроку - познайомитися з основами технології Flexbox, загальними поняттями та принципами логіки роботи технології Flexbox, виробити розуміння того, як використовувати Flexbox на практиці. Познайомитись із початковою простою структурою перед створенням лендингу сторінки (односторінковий лендинг) та розібратися з тим, як робити перші кроки при верстанні. Також розглянути створення простого меню на сайті з використанням флексбокс технології.
Мета уроку - познайомитися з основними властивостями, що використовуються на практиці, і отримати розуміння того, коли їх використовувати. Розібрати, які є можливості у властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.
Мета уроку – розібрати, як, навіщо і коли потрібно змінити напрямок основного потоку. Переглянути, які аспекти з'являються при зміні потоку. Розглянути, якою стає поведінка у властивості margin з flexbox елементами, яким чином можна використовувати медіа запити при верстанні макета, використовуючи Flexbox технологію. Ознайомитися з властивістю flex-direction і тим, як змінює свою поведінку властивість margin з використанням флексбоксів.
Мета уроку - познайомитися з властивостями flex-grow і flex-shrink для створення «гумового» верстання. Ознайомитись із процесом завершення планшетної та мобільної версії простої сторінки без використання додаткових правил медіа запитів.
Доступ до повного курсу з навчальними матеріалами та тестуванням на 30 днів за 9,99 USD
Придбати