Фронтенд Гайд

⚙️ Shadcn для Vue: норм или стрём?

Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика.

🔗 Читать статью

🔥 Самые нужные каналы для Frontend разработчика, чтобы расти в доходе 💸 • Frontend | Вопросы собесов • Frontend | Вакансии с удаленкой • Frontend | LeetCode • Frontend | Тесты Подпишись, чтобы не потерять ☝️

👩‍💻 Ubisoft Quartz Background Animation — Размытая анимация отлично подойдёт для фона на вашем сайте

Сделано на CSS

🔗 Открыть код

💸 Разработчики из Яндекса создали IT каналы и слили кучу материала Здесь информация, которая реально помогает изучать программирование с полного нуля! Выбирайте своё направление и подписывайся: 👩‍💻 Python Flow — @python_flow 👩‍💻 C & C++ Flow — @cpp_flow 💻 IT News Flow — @itnews_flow 👩‍💻 Java Flow — @java_flow 👩‍💻 SQL & Базы данных Flow — @sql_flow 👩‍💻 C# & Unity Flow — @csharp_flow 👩‍💻 Node.js Flow — @nodejs_flow 👩‍💻 Linux & DevOps Flow — @linux_flow 👩‍💻 InfoSec & Хакинг — @hacking_flow 👩‍💻 Git & GitHub Flow — @git_flow Прием заявок действует до завтра ⚠️

⚙️ Коллекция полезных HTML и CSS фич, которые редко используются

Покажу забытые, но полезные фичи HTML/CSS: когда они лучше JS и как применить без боли. Мини-примеры и быстрые советы — внедряем сегодня.

🔗 Читать статью

Привет. Вот тебе самые топовые каналы по IT! ⚙️ Free Znanija (IT) — Самая огромная коллекция платных курсов, которые можно скачать бесплатно; 👩‍💻 IT Books — Самая огромная библиотека книг; 💻 Hacking & InfoSec Base — Крутой блог белого хакера; 🛡 CyberGuard — Всё про ИБ; 🤔 ИБ Вакансии — Всё, чтобы найти работу в ИБ; 👩‍💻 linux administration — Всё про Линукс; 👩‍💻 Программистика — Python, python и ещё раз python; 👩‍💻 GameDev Base — Всё про GameDev; 😆 //code — Самые топовые мемы по IT: Подпишись, чтобы не потерять!

⚙️ View Transitions API

Полистав различные ресурсы в Интернете и просмотрев множество видео по данной теме, я решил составить наиболее полную картину по данному, не побоюсь этого слова, революционному API, чтобы вы уже сегодня могли начать использовать его в своём проекте!

🔗 Читать статью

❓ Зачем используется метод preventDefault() в JavaScript и когда его применять? Метод preventDefault() отменяет стандартное поведение элемента браузера, не прерывая при этом выполнение других обработчиков. Это удобно, когда нужно полностью контролировать действия пользователя. ✅Пример:

<form id="loginForm">
  <button type="submit">Войти</button>
</form>

<script>
  const form = document.getElementById("loginForm");

  form.addEventListener("submit", (event) => {
    event.preventDefault(); // отменяем стандартную отправку формы
    console.log("Форма не перезагружается, можно обработать данные вручную");
  });
</script>

📌В этом примере preventDefault() предотвращает перезагрузку страницы при отправке формы.

preventDefault() удобно использовать при работе с формами, ссылками, drag&drop и кастомными UI-элементами. Оно даёт разработчику полный контроль над поведением интерфейса

👩‍💻 Fancy Glowing Button — Крутая кнопка с RGB подсветкой и эффектом при наведении

Сделана на чистом CSS

🔗 Открыть код

❓ Зачем используется метод preventDefault() в JavaScript и когда его применять? Метод preventDefault() отменяет стандартное поведение элемента браузера, не прерывая при этом выполнение других обработчиков. Это удобно, когда нужно полностью контролировать действия пользователя. ✅Пример:

<form id="loginForm">
  <button type="submit">Войти</button>
</form>

<script>
  const form = document.getElementById("loginForm");

  form.addEventListener("submit", (event) => {
    event.preventDefault(); // отменяем стандартную отправку формы
    console.log("Форма не перезагружается, можно обработать данные вручную");
  });
</script>

📌В этом примере preventDefault() предотвращает перезагрузку страницы при отправке формы.

preventDefault() удобно использовать при работе с формами, ссылками, drag&drop и кастомными UI-элементами. Оно даёт разработчику полный контроль над поведением интерфейса

🤷🏼‍♂️ Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: свойство display Статья посвящена подготовке к собеседованию на позицию Frontend-разработчика, в частности, вопросам, связанным с вёрсткой и свойством display в CSS. Автор подробно объясняет, как работает свойство display, его внешние и внутренние типы отображения, а также ключевые слова, которые можно использовать. Это включает в себя обсуждение таких ключевых слов, как block, inline, run-in, flow, flow-root, flex, grid, table и ruby. #Полезное https://habr.com/ru/companies/ruvds/articles/798975/

IT — не латте, смузи и гироскутер, а вызовы и амбиции VK показывает, чем занимаются её команды — от экспериментальных технологий до VK Fest. Переходите по ссылке: смотрите ролики, читайте про проекты и тут же откликайтесь на вакансию, которая по вкусу! Перейти на сайт #реклама 16+ vkteam.ru О рекламодателе

Ищу желающих заполнять карточки товаров на ВБ! Работа полностью на удаленке с зп до150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ course.wildmanager.ru О рекламодателе

Курс "Дизайн карточек для WB и Ozon". Бесплатно и с нуля Дизайнер карточек для маркетплейсов — востребованная и доходная профессия 💰 Научись ей бесплатно! - Бесплатный доступ - Разбор ДЗ от наставника - Мощные кейсы в портфолио Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

👩‍💻 Home Creative Wave Button.

Сделано на HTML и SCSS

🔗 Открыть код

⚙️ Я CSS-программист: «Магия» CSS или как превратить язык стилей в Тьюринг-полный ад

Разбираю феномен «калькуляторов на чистом CSS» — как язык оформления превратился в инструмент логики и почему иногда разработчики делают невозможное просто из любопытства.

🔗 Читать статью