#18 CSS для начинающих | Трансформации transform, переходы состояний transition

Описание

? Привет! Меня зовут Александр Ламков, я фронтенд-инженер из компании VK. На этом образовательном канале делюсь знаниями по фронтенд-разработке со всеми желающими.

✏️ В этом уроке говорим про трансформации и переходы, свойства transform, translate, scale, skew, transform-origin, transition и другие.

? Timeline:
▶ 00:00 | План урока
▶ 00:15 | Свойство transform
▶ 00:32 | Свойство transform, значение translate (смещение)
▶ 01:38 | Свойство transform, значение scale (масштабирование)
▶ 03:09 | Свойство transform, значение rotate (поворот)
▶ 03:53 | Свойство transform, значение skew (искажение)
▶ 04:58 | Новые свойства функций трансформаций: translate, scale и rotate
▶ 05:49 | Свойство transform-origin
▶ 06:32 | Свойство transition
▶ 09:36 | Свойство transition-timing-function
▶ 10:32 | Генератор cubic-bezier для transition-timing-function
▶ 10:56 | Что дальше

? Полезные ссылки:
➖ Современный справочник по CSS: https://doka.guide/css/
➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox: https://developer.mozilla.org/ru/
➖ Генератор cubic-bezier для transition-timing-function: https://tools.webdevpuneet.com/css-easing-generator/

?️ Бесплатные курсы на канале:
? Курс по HTML: https://youtube.com/playlist?list=PL0MUAHwery4ot0KmgGxlBSB7rXssLeA6h
? Курс по CSS: https://youtube.com/playlist?list=PL0MUAHwery4o9I7QQVj_RP4ZVpmdx6evz

?? Мне действительно есть, что вам рассказать, ибо сам я прошел этот путь относительно недавно. На данный момент имею чуть более трех лет коммерческого опыта, самоучка. За все время деятельности прошел путь от trainee в безызвестной «галере» со штатом в 15 человек, где верстал простенькие лендинги и интернет-магазины, до фронтенд-инженера в крупнейшей РФ компании, где занимаюсь вопросами архитектуры фронтенд-структур внутренних проектов и их оптимизацией. Между этими занятостями также был опыт работы на фрилансе, в стартапе (3-10 чел.) и в средней компании (50-100 чел.). Имею опыт в проведении оффлайн-митапов, лекций, преподавании и наставничестве.

? Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/friendlyFrontend
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksandr-lamkov-1480
➖ Solvery: https://solvery.io/mentor/aleksanderlamkov

#frontend #фронтенд #css