FrontEnd-1
FrontEnd-2
FrontEnd-3
FrontEnd-4
Вітаю вас, шановні друзі!
це:
CSS
course for
FRONTEND-2
groups
Я дуже радий бачити вас!
Список уроків:
Урок-01.
Принципи використання векторної графіки при верстці сторінки.
Урок-02.
Підключення SVG-зображень до проєкту та їх стилізація.
Урок-03.
Позиціонування елементів — призначення та властивості.
Урок-04.
Реалізація стилів для модальних вікон через позиціонування. Форми.
Урок-05.
Поширені юзкейси техніки позиціонування в сучасній розробці.
Урок-06.
CSS-переходи: властивості transition & transform.
Урок-07.
Принципи анімування ховерів та відкриття/закриття модального вікна. Бібліотеки анімацій, їх підключення.
Урок-08.
Анімація в CSS animation @keyframes.
Урок-09.
Препроцесори SASS/SCSS. Підключення до проєкту та імпорт файлів.
Урок-10.
Змінні, область видимості, назви та вкладеність класів у синтаксисі SCSS.
Урок-11.
Структурний та шаблонний підхід у написанні коду з використанням плейсхолдерів та міксинів у синтаксисі SCSS.
Урок-12.
Адаптивна верстка & Responsive.
Урок-13.
Стратегії Mobile first та Desktop first: призначення, синтаксис та відмінності.
Урок-14.
Верстка мобільного меню.
Урок-15.
Адаптивні зображення. Ретинізація.
Урок-16.
Етапи та підходи ретинизації графіки.
Урок-17.
Бібліотеки. Знайомство з Bootstrap, підключення та використання.
Урок-18.
CSS Grid.