Web Components - Основы. Знакомство с Веб-компонентами!

В этом видео уроке мы начнем знакомство с веб-компонентами (web components). Посмотрим причины их появления. Чем фреймворки типа Vue, React и Angular отличаются от кастомных веб-компонентов (web components). Совместно мы начнем создавать наш компонент base-button, который будет похож на компонент b-button из библиотеки Bootstrap-vue. Шаг за шагом мы будем разбираться с каждым методом веб-компонентов. Затронет такие аспекты как: Light DOM, Shadow DOM. Методы жизненного цикла веб-компонентов (web components). Возможности соединения Shadow DOM и Light DOM посредством slot. Как отслеживать изменения в передаваемых атрибутах и многое другое. Это первый урок из курса по веб-компонентам (web components). #webcomponents #js #javascript #frontend #css #css3 #html #web #webdevelopment #htmlcss #html5 #csshtml #css3html5 #css3code #css3tutorial #htmltutorial #htmlelements #csscourse #csstutorialscool #csstricks #csshovereffect #csshover #csshovereffects #webdev #cssanimation #csstransition #csstricks #htmlcss3 #fullstack #cssamazing #cssfeatures #csseasy #cssbasic #csslesson #csscourse #cssteach #vue #react #angular #svelte #vanillajs #animation #cssawesome #learncss #course #programming #crash_course #learning #fariga #vuejs #htmltutorial #tutorial #webanimation #webapi #api #animation Подписывайтесь на меня в соц. сетях: 👨💻 LinkedIn - https://www.linkedin.com/in/maksymfariga 📷 Instagram - https://www.instagram.com/maksym_fariga/ (@maksym_fariga) 📖 Facebook - https://www.facebook.com/maksymfariga/ 🐤 Twitter - https://twitter.com/Fariga_M 🛩 Telegram - https://t.me/web_education_new 🔮 Web Animation API - Canvas больше не нужен? 👉 https://youtu.be/AlNGvTo92Fk 🤩 Основы CSS: object-fit и object-position 👉 https://youtu.be/AWGr3yoAQkM 🧨 НЕВЕРОЯТНЫЕ кнопки 🫣. Хватит делать скучно! 👉 https://youtu.be/nDO8xoBoMqk 🤸🏻♀️ Исправляем 🛠 CSS на РЕАЛЬНОМ сайте 👉 https://youtu.be/pwFUr9Cn09k