Верстка сайтів з Flexbox CSS

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

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

Основні переваги flexbox:

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

Мета тренінгу - навчити вас працювати з цим сучасним і зручним інструментом.

Ви отримаєте знання, які допоможуть вам створювати універсальні односторінкові сайти такі як сайт для портфоліо, сайт резюме, сайт візитку і т.п.

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

Програма тренінгу:

1. Основи роботи з Flexbox CSS

• Принципи роботи флексбоксів Flexbox container, flexbox item-element.

• Вплив на розміри елементу флексбоксами.

• Flexbox управління основним потоком - justify-content.

• Flexbox управління побічним потоком - align-items.

• Flex-direction - вказівка напрямку основного потоку.

2. Робота з множинними рядами блоків, вибудуваних флексбоксами.

• Дозволити можливість блокам перенесення на новий ряд.

• Розміщення блоків по побічної осі.

• Флекселементи і властивість margin.

• Flexbox можливості по адаптивності.

Тривалість тренінгу - 6 годин (2 заняття по 3 години)

Дати: 25 і 26 квітня 2020 року

Формат зустрічі: live online сесії (Zoom)

Вартість: 1200 гривень