З 11 по 18 квітня 2023 року на ITVDN проходить акція – ви можете пройти навчання за курсом "CSS Flexbox" безкоштовно! Курс українською мовою!
Що таке Flexbox?
Flexbox (читається як "флексбокс") покликаний спростити позиціонування елементів на сторінці. Він дозволяє забути про проблеми з незручним ручним налаштуванням розмірів і положення блоків, яке забрало б у вас купу часу, так і не давши бажаного результату. За допомогою технології флексбокс можна задати бажану поведінку всім елементам сторінки, прописавши мінімум коду.
Це особливо зручно при адаптивному та мобільному верстанні, коли розміри вашої інтернет-сторінки не фіксовані та змінюють свій розмір залежно від пристрою, з якого користувач зайшов на сайт.
Іншими словами, це сучасний інструмент верстання, що дозволяє швидко створювати складні гнучкі макети та функції, спрощуючи вирішення завдань, для яких раніше використовували чистий CSS.
Сьогодні флексбокси дуже популярні у використанні та підтримуються майже всіма сучасними браузерами.
Про курс “CSS Flexbox”
Автор відео курсу – Олексій Кучеренко, FrontEnd розробник та тренер-консультант навчального центру CyberBionic Systematics.
Ви познайомитеся із загальними поняттями та принципами логіки роботи технології Flexbox, навчитеся застосовувати основні властивості, розглянете способи взаємодії між елементами, побачите, як можна комбінувати медіа-запити з флексбоксом та як правильно застосовувати цю технологію для створення адаптивних веб-сторінок.
У кожному уроці показано поетапне створення розмітки, яка повністю відповідає макету сайту. Будуть детально розібрані способи розміщення блоків по горизонталі та вертикалі так, щоб забезпечити їхнє зручне відображення на будь-яких пристроях.
Програма курсу:
- Знайомство з Flexbox.
- Верстання трьох секцій.
- Зміна потоку та медіа-запити.
- Адаптивне версання сайту.
Для кого цей курс
Курс призначений насамперед для верстальників-початківців і FrontEnd розробників, а також для всіх, кого цікавить така технологія верстання сайтів, як Flexbox. Щоб опанувати флексбокси, вам необхідно знати мови HTML та CSS на базовому рівні.
Курс входить до комплексних програм навчання за спеціальностями FrontEnd Developer та Верстальник сайтів.
Чого ви навчитеся на даному курсі:
- Виконувати верстання header-a макету та меню в ньому.
- Створювати просте меню на сайті за допомогою флексбокс технології.
- Використовувати властивості flex-grow та flex-shrink для створення «гумового» верстання.
- Виконувати планшетну та мобільну версії простої сторінки без використання додаткових правил медіа-запитів.
- Розуміти функції властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.
- Працювати з додатковим потоком у flexbox, розміщуючи елементи у потрібній позиції.
- Розуміти, як, навіщо і коли потрібно змінити напрямок основного потоку.
- Розміщувати багато рядових блоків, незалежно від їхньої кількості, працюючи з флексбоксами.
Терміни акції
Акція проходить з 11 до 18 квітня 2023 року включно. Доступ до курсу відкривається на 10 днів.
Доступ до курсу не надається громадянам росії та білорусі.