¡No caigas en manos de tramposos! Telemetrio encuentra y marca estos canales 👉 Si quieres ver la etiqueta, suscríbete

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

Ir al canal en Telegram

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

Rusia79 588 Tecnologías y Aplicaciones14 703

7 655

Suscriptores

+124 horas

-67 días

-3930 días

828

Visitas de la publicación

~ 56124 horas

~ 60648 horas

10.82%

Tasa de compromiso

Sin datos

Mensajes por día

Ads index

beta

Archivo de publicaciones

\n\n\n

⚡️ Быстрая страница!

\n\n\n\n🔹 Скрипт загружается параллельно с HTML\n🔹 Выполняется в порядке объявления\n🔹 Не блокирует отрисовку страницы\n\n⚠️ Если скрипт зависит от DOM, defer — лучший вариант, так как он гарантирует, что HTML уже загружен.","datePublished":"2025-02-02T09:00:02Z","dateModified":"2025-02-02T09:00:02Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1236},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":13}]}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3099","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3099","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3099","headline":"Кошмар 🫠","articleBody":"Кошмар 🫠","datePublished":"2025-02-01T14:35:28Z","dateModified":"2025-02-01T14:35:28Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":2,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1269},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":6},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2}]}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3098","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3098","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3098","headline":"Фронтенд Гайд","datePublished":"2025-01-28T15:10:39Z","dateModified":"2025-01-28T15:10:39Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":5,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1720},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":5}]}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3097","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3097","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3097","headline":"Шокирующая статистика: 87% айтишников зарабатывают свыше 200.000 рублей в месяц И более половины из них заним…","articleBody":"Шокирующая статистика: 87% айтишников зарабатывают свыше 200.000 рублей в месяц\n\nИ более половины из них занимаются Frontend. Пока вы метаетесь в поисках себя, многие люди уже начали изучать фронт благодаря этому каналу — Frontender's notes.\n\nВнутри: полезные статьи, готовый код, фишки, вопросы с собеседований и пошаговый гайд по выходу на оффер мечты (на курсах это стоит более 80к рублей).\n\nIT ещё никогда не был так прост: Frontender's notes","datePublished":"2025-01-23T12:59:57Z","dateModified":"2025-01-27T18:04:08Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":3,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":712},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":10},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3}]}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3096","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3096","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3096","headline":"Фронтенд Гайд","datePublished":"2025-01-22T16:39:32Z","dateModified":"2025-01-22T16:39:32Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":2103},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":5},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3095","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3095","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3095","headline":"В России можно посещать бесплатные IT-мероприятия хоть каждый день: как оффлайн, так и онлайн. Чтобы не пропу…","articleBody":"В России можно посещать бесплатные IT-мероприятия хоть каждый день: как оффлайн, так и онлайн.\n\nЧтобы не пропустить полезные — сохраните канал @FreeItEvent.\n\nАнонсы вебинаров, хакатонов, конференций, мастер-классов и других событий в IT. Ивенты от гигантов индустрии и лучших специалистов по frontend разработке, аналитике и программированию.\n\nВсё публикуют здесь.","datePublished":"2025-01-21T06:59:57Z","dateModified":"2025-01-21T06:59:57Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":4,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1929},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":2},{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4}]}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3094","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3094","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3094","headline":"IT-сеанс: погружение в мир данных Центр непрерывного образования факультета компьютерных наук НИУ ВШЭ открыва…","articleBody":"IT-сеанс: погружение в мир данных\n\nЦентр непрерывного образования факультета компьютерных наук НИУ ВШЭ открывает регистрацию на зимнюю школу. Вас ждут лекции и мастер-классы от спикеров из таких компаний, как: Яндекс, Т-Банк, Купер, Okko, Авито, Билайн, Банк России, Эйч.\n\nПриглашаем всех, кто хочет разобраться:\n- Зачем переходить в IT? \n- Как построить карьеру в аналитике и Data Science?\n- Как Data Science применяется в разных индустриях? \n\nШкола подойдет как тем, кто только решил освоить новую профессию, так и начинающим специалистам.\n\nКогда: 2 февраля\nГде: Центр Культур НИУ ВШЭ, г. Москва, Покровский бульвар, 11\n\nУчастие бесплатное для всех желающих, требуется регистрация \n\nУзнать больше\n\n#реклама 16+\ncs.hse.ru\nО рекламодателе","datePublished":"2025-01-21T06:44:29Z","dateModified":"2025-01-21T06:46:05Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3093","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3093","mainEntityOfPage":"https://telemetr.io/es/channels/1681900587-frontend_dev5/posts/3093","headline":"Фронтенд Гайд","datePublished":"2025-01-20T17:20:19Z","dateModified":"2025-01-20T17:20:19Z","author":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"publisher":{"@type":"Organization","name":"Фронтенд Гайд","url":"https://telemetr.io/es/channels/1681900587-frontend_dev5","image":"https://img.telemetr.io/c/1PP5aP/5339498914732170172?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1509},{"@type":"InteractionCounter","interactionType":"https://schema.org/LikeAction","userInteractionCount":7},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":2}]}}]}

7 655

В чем разница между == и === в JavaScript? 🔸 == (нестрогое сравнение) приводит типы перед сравнением:

console.log(5 == "5");  // true (строка преобразуется в число)

🔸 === (строгое сравнение) сравнивает и тип, и значение:

console.log(5 === "5");  // false (разные типы)
console.log(null === undefined);  // false

⚡️ Всегда используйте ===, чтобы избежать неожиданных преобразований и ошибок!

7 655

Dropdown Menu Effects Анимированное выпадающее меню с переливающимся эффектом.

7 655

Какое значение position в CSS позволяет элементу оставаться зафиксированным на экране при прокрутке страницы?

Anonymous voting

7 655

⚙️ Переходите на сторону light-dark() Статья раскрывает современные CSS-функции для создания адаптивного темного режима, заменяющие традиционные медиа-запросы. Рассматриваются подходы, упрощающие настройку цветовых схем под предпочтения пользователя. #Полезное

7 655

reveal.js reveal.js — это программа для создания HTML-презентаций с открытым исходным кодом. Презентации, созданные с ее помощью, чрезвычайно красивы и элегантны, особенно те, которые включают в себя демонстрацию кода. Самое замечательное, что вы можете делать с презентацией то же самое, что и с вебом — изменять ее, оформлять по своему вкусу и т.д. #GitHub

7 655

⏱ Neon Clock Сцена с неоновыми часами.

7 655

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

7 655

30-seconds-of-code Элегантный пользовательский интерфейс, практичная панель поиска и сниппеты, которые решают некоторые из наиболее часто встречающихся проблем в JavaScript и Python. О чем еще может спросить программист? Все под рукой.

7 655

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

7 655

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

Anonymous voting

7 655

🔥 Зачем нужен атрибут 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 уже загружен.

7 655

Кошмар 🫠

7 655

HTML вопрос: Какой тег позволяет без использования JS сделать так, чтобы при нажатии на него пользователь мог позвонить на определенный номер телефона?

Anonymous voting

7 655

Шокирующая статистика: 87% айтишников зарабатывают свыше 200.000 рублей в месяц И более половины из них занимаются Frontend. Пока вы метаетесь в поисках себя, многие люди уже начали изучать фронт благодаря этому каналу — Frontender's notes. Внутри: полезные статьи, готовый код, фишки, вопросы с собеседований и пошаговый гайд по выходу на оффер мечты (на курсах это стоит более 80к рублей). IT ещё никогда не был так прост: Frontender's notes

7 655

CSS вопрос: border-radius (с корректным положительным числовым значением) применили к элементу. Будут ли у нативного outline этого элемента скругленные углы?

Anonymous voting

7 655

В России можно посещать бесплатные IT-мероприятия хоть каждый день: как оффлайн, так и онлайн. Чтобы не пропустить полезные — сохраните канал @FreeItEvent. Анонсы вебинаров, хакатонов, конференций, мастер-классов и других событий в IT. Ивенты от гигантов индустрии и лучших специалистов по frontend разработке, аналитике и программированию. Всё публикуют здесь.

7 655

IT-сеанс: погружение в мир данных Центр непрерывного образования факультета компьютерных наук НИУ ВШЭ открывает регистрацию на зимнюю школу. Вас ждут лекции и мастер-классы от спикеров из таких компаний, как: Яндекс, Т-Банк, Купер, Okko, Авито, Билайн, Банк России, Эйч. Приглашаем всех, кто хочет разобраться: - Зачем переходить в IT? - Как построить карьеру в аналитике и Data Science? - Как Data Science применяется в разных индустриях? Школа подойдет как тем, кто только решил освоить новую профессию, так и начинающим специалистам. Когда: 2 февраля Где: Центр Культур НИУ ВШЭ, г. Москва, Покровский бульвар, 11 Участие бесплатное для всех желающих, требуется регистрация Узнать больше #реклама 16+ cs.hse.ru О рекламодателе

7 655