Сучасна диджитал-освіта для дітей — безоплатне заняття в GoITeens ×
Mazda CX 30
×

Безкоштовний курс «CSS Flexbox» від ITVDN (подія в архіві)

Відбулось
18 квітня 2023 (вівторок)
Місце
онлайн
Вартість
безкоштовно

🆓З 11 по 18 квітня 2023 року на ITVDN ви можете пройти навчання за курсом «CSS Flexbox» безкоштовно! Курс українською мовою 🇺🇦 !

Що таке Flexbox?

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

Це особливо зручно при адаптивному та мобільному верстанні, коли розміри вашої інтернет-сторінки не фіксовані та змінюють свій розмір залежно від пристрою, з якого користувач зайшов на сайт.

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

Сьогодні флексбокси дуже популярні у використанні та підтримуються майже всіма сучасними браузерами.

Про курс «CSS Flexbox»

Автор відео курсу — Олексій Кучеренко, FrontEnd розробник та тренер-консультант навчального центру CyberBionic Systematics.

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

У кожному уроці показано поетапне створення розмітки, яка повністю відповідає макету сайту. Будуть детально розібрані способи розміщення блоків по горизонталі та вертикалі так, щоб забезпечити їхнє зручне відображення на будь-яких пристроях.

📌Програма курсу:

  1. Знайомство з Flexbox.
  2. Верстання трьох секцій.
  3. Зміна потоку та медіа-запити.
  4. Адаптивне версання сайту.

⚡️Чого ви навчитеся на даному курсі:

  • Виконувати верстання header-a макету та меню в ньому.
  • Створювати просте меню на сайті за допомогою флексбокс технології.
  • Використовувати властивості flex-grow та flex-shrink для створення «гумового» верстання.
  • Виконувати планшетну та мобільну версії простої сторінки без використання додаткових правил медіа-запитів.
  • Розуміти функції властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.
  • Працювати з додатковим потоком у flexbox, розміщуючи елементи у потрібній позиції.
  • Розуміти, як, навіщо і коли потрібно змінити напрямок основного потоку.
  • Розміщувати багато рядових блоків, незалежно від їхньої кількості, працюючи з флексбоксами.

✅Пропозиція діє з 11 до 18 квітня 2023 року включно. В будь-який з цих днів ви можете скористатись можливістю і отримати доступ до курсу «CSS Flexbox».

🔗Отримати курс безкоштовно🔗

Google Calendar iCal
👍ПодобаєтьсяСподобалось0
До обраногоВ обраному1
LinkedIn
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Дозволені теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Підписатись на коментарі