TGViewer
Javascript Javascript @javascriptv · 17K subscribers
Post #1968 3.82K
Хотите научиться создавать привлекательные карточки товара без Bootstrap и готовых шаблонов?

📅 9 сентября в 20:00 МСК на открытом уроке мы разберём, как из базовых тегов и CSS-свойств собрать мини-проект, достойный портфолио. Вы увидите, как блок <article> превратить в интерактивную витрину: текст, изображение, кнопка «Купить» и эффекты при наведении.

❗️ Вы поймёте, какие CSS-свойства (margin, padding, background-color, border) отвечают за композицию, а :hover добавит лёгкую анимацию при наведении. В реальном времени создадим карточку, применим шрифты, цвета и узнаем, как обеспечить кросс-браузерность без библиотек и фреймворков.

Урок проходит в преддверие старта курса «JavaScript Developer. Basic» и все участники получат скидку на обучение.

👉 Запишитесь на открытый урок → https://otus.pw/7r0U/?erid=2W5zFJTyJGx

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
More from @javascriptv
  1. Sep 26, 2026Card Carousel Этот элемент веб-дизайна реализован с использованием HTML и CSS. Он представ…
  2. Sep 24, 2026photo post
  3. Sep 24, 2026Pure horizontal slider with sliding menu Увлекательный проект, в котором вёрстка выполнена…
  4. Sep 24, 2026Участвуй во всероссийском ИТ-чемпионате МТС True Tech Champ 2026 c призовой фондом 10 250…
  5. Sep 22, 2026CSS совет 💡 Возможно, ты не знал об этом новом и самом простом способе вертикально центри…
  6. Sep 22, 2026🔴AI кодинг интервью с разработчиком из международного FinTech в четверг в 19:00 ДА! Вайбк…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →