#16 HTML для начинающих | Векторная графика, тег svg

👋 Привет! Меня зовут Александр Ламков, я фронтенд-инженер из компании VK. На этом образовательном канале делюсь знаниями по фронтенд-разработке со всеми желающими. ✏️ Знакомимся с векторной графикой, в её отличиях от растровой графики, разбираемся в форматах jpg, png, svg и когда их применять, и напоследок затронем выгрузку SVG изображения из Figma. 🔴 Timeline: ▶ 00:00​ | План урока ▶ 00:15​ | Что такое векторная графика ▶ 00:21​ | Растровая и векторная графика ▶ 00:42​ | Формат SVG ▶ 00:57​ | Преимущества SVG перед растровой графикой ▶ 02:05​ | SVG — не для всего ▶ 02:19​ | В каких случаях применяется SVG ▶ 02:32​ | В каких случаях применяется JPG ▶ 02:40​ | В каких случаях применяется PNG ▶ 02:50​ | Вставка svg через тег img ▶ 03:02​ | Тег svg ▶ 04:11​ | Выгрузка SVG изображения из Figma ▶ 05:24​ | Как изучать SVG и нужно ли ▶ 05:45​ | Что дальше 📚 Полезные ссылки: ➖ Современный справочник по HTML: ➖ Справочник по фронтенду “MDN“ от разработчиков Mozilla Firefox: 👨‍💻 Мне действительно есть, что вам рассказать, ибо сам я прошел этот путь относительно недавно. На данный момент имею чуть более трех лет коммерческого опыта, самоучка. За все время деятельности прошел путь от trainee в безызвестной «галере» со штатом в 15 человек, где верстал простенькие лендинги и интернет-магазины, до фронтенд-инженера в крупнейшей РФ компании, где занимаюсь вопросами архитектуры фронтенд-структур внутренних проектов и их оптимизацией. Между этими занятостями также был опыт работы на фрилансе, в стартапе (3-10 чел.) и в средней компании (50-100 чел.). Имею опыт в проведении оффлайн-митапов, лекций, преподавании и наставничестве. 📌 Автор: ➖ Личный сайт: ➖ Telegram: ➖ Boosty: ➖ GetMentor: ➖ Solvery: #frontend #фронтенд #html