Добрий день, друзі!
Сьогодні маємо гарні новини для всіх, хто хоче вдосконалити свою техніку верстання вебсторінок – на ITVDN вийшли всі уроки курсу “Верстання на Grid”. Курс українською мовою!
CSS Grid — це популярний механізм зручного розташування елементів на сайті (за принципом мережі або таблиці з рядками та стовпцями) з можливістю легкої реалізації адаптивності під різні екрани.
Даний курс надасть вам не тільки теоретичне розуміння найкращих практик та сучасних трендів у галузі верстання, а й практичні навички реалізації гнучких вебмакетів.
Автор курсу – Кінаш Станіслав, FrontEnd Developer.
Тривалість курсу – 3 години 46 хвилин.
Структура курсу:
- Основні поняття Grid Layout.
- Grid-треки (Grid-смуги).
- Явний і неявний Grid, gap, minmax, grid-column/row.
- Subgrid, Grid vs. Flexbox, auto-fill/auto-fit.
- Позиціонування за направляючими лініями Grid, grid-area, grid span.
- Шаблони Grid-областей.
- Визначення назв ліній в Grid.
- Grid-auto-flow, анонімні елементи Grid.
- Вирівнювання блоків у CSS-розмітці Grid.
- Створення проєкту.
Чого ви навчитеся на даному курсі:
- Використовувати CSS Grid для грамотного верстання ваших вебсторінок.
- Використовувати Figma для побудови шаблонів і подальшої роботи.
- Реалізовувати адаптивні макети за допомогою медіа запитів.
- Використовувати Grid для верстання під різні пристрої та екрани.
- Використовувати властивості flex та grid. Вміти перетворювати флекс блоки на грід.
- Створювати готовий зверстаний проєкт та деплоїти його на GitHub.
- І багато іншого.
Попередні вимоги
Курс підійде тим, хто вже має базові знання HTML та CSS.
Дивіться перший урок у вільному доступі. Курс вже доступний на нашому сайті в повному обсязі – до кожного уроку є практичні завдання та опорний конспект для більш глибокого засвоєння матеріалу. Якщо у вас є активна підписка, ви можете дивитися його прямо зараз.
Курс входить до комплексної програми підготовки за спеціальностями:
