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

Відкрити в Telegram

Канал для фронтендеров, много полезных лайфхаков, фичей, макетов, тестов! Все представлено в виде готового кода, бери и юзай в своем проекте. 6ad1a2aabe82d4fbb0d6

Росія96 360 Технології та додатки16 685

6 282

Підписники

Немає даних24 години

-107 днів

-6730 день

1 051

Перегляди допису

~ 31424 години

~ 39848 годин

16.73%

Коефіцієнт залучення

Немає даних

Дописів на день

Ads index

beta

Архів дописів

6 280

Какое значение justify-content расположит элементы равномерно с одинаковыми отступами между ними и от краёв контейнера?

Anonymous voting

6 280

🔥 Зачем нужен атрибут defer в теге <script>? Атрибут defer позволяет загружать скрипты в фоновом режиме, но выполнять их только после полной загрузки HTML. Это ускоряет рендеринг страницы и предотвращает блокировку контента. ✅ Как это работает?

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Defer Example</title>
    <script src="script.js" defer></script>  <!-- Скрипт выполнится после загрузки HTML -->
</head>
<body>
    <h1>⚡️ Быстрая страница!</h1>
</body>
</html>

🔹 Скрипт загружается параллельно с HTML 🔹 Выполняется в порядке объявления 🔹 Не блокирует отрисовку страницы ⚠️ Если скрипт зависит от DOM, defer — лучший вариант, так как он гарантирует, что HTML уже загружен.

6 280

Anonymous voting

6 280

⚙️ Одна React-задача, демонстрирующая ключевые навыки на собеседовании Разбираем небольшую, но показательную задачу: компонент, загружающий данные по username. Оцениваем работу с хуками, асинхронностью, ошибками и race conditions, выявляя глубину технического мышления. #Полезное

6 280

Idea Form Анимированная форма для ввода с появлением при нажатии

6 280

Что означает 1rem в CSS?

Anonymous voting

6 280

❓ Что делает event.preventDefault() в JavaScript и когда его использовать? Метод event.preventDefault() отменяет стандартное поведение элемента, не прерывая обработку других событий. Это полезно для управления формами, ссылками и другими интерактивными элементами. 📌 При клике на ссылку переход не произойдет, так как действие браузера заблокировано. preventDefault() удобно использовать для валидации форм перед отправкой, отключения контекстного меню (contextmenu) и кастомного поведения кнопок и ссылок.

6 280

🫠 Fluid Simulation Сцена с интересной симуляцией жидкости с текстом.

6 280

Каково изначальное значение CSS свойства background-origin?

Anonymous voting

6 280

React и графики: 8 библиотек для визуализации данных Какая библиотека лучше для графиков в React? Разбираем Recharts, Visx, Nivo, ECharts и другие: их возможности, плюсы и минусы. Поможем выбрать оптимальный инструмент для ваших задач.

6 280

Выучить Frontend бесплатно и быстро вообще реально? Ещё как ДА! Нашли для вас канал, в котором каждый день публикуют полезные статьи, разборы интервью, готовые приложения и код. С полного нуля дойти до оффера Джуна можно всего за месяц, а за полгода до Мидла. Сэкономь время и деньги: Frontend

6 280

Scroll-Driven Glow Cards Светящиеся карточки, меняющие цвет при скролле

6 280

Laravel 12. Что нового? Laravel 12 уже здесь! Основной акцент — плавное обновление без правок кода. Поддержка до 2027 года, два года обновлений и исправлений. Разбираем, что нового и насколько легко обновиться.

6 280

Gooey SVG Filter Button Анимированная кнопка с эффектом при наведении

6 280

Для чего используется debounce в JavaScript?

Anonymous voting

6 280

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

<div onclick="alert('Div clicked!')">
    <button onclick="event.stopPropagation(); alert('Button clicked!')">Click me</button>
</div>

📌 При клике на кнопку сработает только alert('Button clicked!'), но alert('Div clicked!') не появится, так как всплытие остановлено. stopPropagation() удобно использовать, если внутри родительского элемента есть вложенные кликабельные элементы, но их события не должны влиять на родителя.