FrontEndDev
Відкрити в Telegram
🚀 Статьи, новости, туториалы по frontend разработке. http://jem-space.ru Admin: @jem_jem Пишу в @five_a_m AI и вайбкод @vibe_and_ai Читать на парковке: https://max.ru/front_end_dev Реклама: http://bit.ly/2NxmVDu РКН: https://clck.ru/3GLw7G
Показати більше
Сітка:📈 Аналітичний огляд Telegram-каналу FrontEndDev
Канал FrontEndDev (@front_end_dev) у мовному сегменті Російська є активним учасником. На даний момент спільнота об'єднує 25 506 підписників, посідаючи 5 218 місце в категорії Технології та додатки та 25 418 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 25 506 підписників.
За останніми даними від 31 жовтня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -308, а за останні 24 години на -11, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 9.69%. Протягом перших 24 годин після публікації контент зазвичай збирає 5.72% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 2 473 переглядів. Протягом першої доби публікація в середньому набирає 1 459 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 11.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як css, api, интерфейс, html, frontend.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“🚀 Статьи, новости, туториалы по frontend разработке.
http://jem-space.ru
Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai
Читать на парковке: https://max.ru/front_end_dev
Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G”
Завдяки високій частоті оновлень (останні дані отримано 01 листопада, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
25 506
Підписники
-1124 години
-827 днів
-30830 днів
Архів дописів
25 507
Делаем таймер обратного отсчета на чистом CSS
https://blog.logrocket.com/how-to-build-countdown-timer-using-css/
25 507
Кастомный слайдер с использованием API привязки позиционирования
Пошаговый туториал по созданию слайдера на основе современных фич CSS: Anchor Positioning API и Scroll-Driven Animation.
https://frontendmasters.com/blog/custom-range-slider-using-anchor-positioning-scroll-driven-animations/
25 507
10 консольных команд, необходимых для разработчика
Grep, cat, tail и ещё несколько команд, которые повышают удобство и скорость разработки.
https://www.trevorlasn.com/blog/10-essential-terminal-commands-every-developer-should-know
25 507
Настраиваем деплой приложений с Dokku
Dokku - это мини-Heroku, который можно установить на свой сервер и удобно деплоить приложения командой git push.
В статье — пошаговый туториал по установке, первоначальной настройке и конфигурации приложений для деплоя.
https://jem-space.ru/dokku-deploy/
25 507
+8
Больше никаких плохих контролов!
Эти карточки появились благодаря яндексовской конференции «Я 💛 Фронтенд 2024». Ребята из Яндекса сделали их на основе доклада Ильи Бирмана, арт-директора Бюро Горбунова.
Илья жёстко прошёлся по интерфейсам российских и международных сервисов и приложений, а главное, на примерах показал, как кнопки, слайдеры, выпадайки и прочие контролы делать нужно, а как ни в коем случае нельзя и где спрятаны различия.
Полезные посты для фронтендеров вроде этого регулярно публикуют на канале [Yandex for Frontend]. Подписывайтесь, ребята готовят много интересного!
25 507
Пишем в буфер обмена с помощью JS
Основы работы с Clipboard API и некоторые нюансы его использования.
https://frontendmasters.com/blog/writing-to-the-clipboard-in-javascript/
25 507
Что нового в ECMAScript 2024
▫️Улучшенная работа с unicode
▫️Atomics.waitAsync
▫️Расширяемые ArrayBuffer
▫️Promise.withResolvers
Подробнее:
https://pawelgrzybek.com/whats-new-in-ecmascript-2024/
25 507
Советы по CSS
Профессиональные советы как с популярными так и с малоизвестными решениями по работе с CSS.
https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ru-RU
25 507
True Myth
TS библиотека с type-safe обертками и утилитарными функциями для обработки ситуаций, когда у вас нет значений в переменной, и обработки успешных или ошибочных результатов выполнения.
https://github.com/true-myth/true-myth
25 507
Набор инструментов для веб разработки
Большая подборка инструментов для разработки, разбитая на категории: UI киты, библиотеки для анимации, расширения для Chrome, иконки и многое другое.
https://surffers.notion.site/surffers/The-Best-Web-Development-Tools-2cf90734ead54d748edaf706120728d8
25 507
Уверены, что в коде вашего сайта нет уязвимостей? 💻
За последние три года в 63% случаев именно веб-приложения оказались исходным вектором атаки хакеров (данные Positive Technologies).
Проверить свой веб-ресурс на наличие уязвимостей можно с помощью бесплатного анализатора PT BlackBox Scanner. Для этого вам нужно только ввести его домен на сайте сервиса. А после регистрации будут доступны все возможности сканера (тоже бесплатно) 🎯
По результатам более 110 видов проверок анализатор выдаст подробный отчет, в котором обнаруженные уязвимости будут распределены по уровню опасности, что позволит составить оптимальный план работы по их устранению и защитить сайт от хакерских атак.
🐈⬛ Проверить веб-ресурс с помощью PT BlackBox Scanner
25 507
Релиз Storybook 8.2
Что нового: хуки, портативные стори, онбординг.
Подробнее по ссылке: https://storybook.js.org/blog/storybook-8-2/
25 507
45 шорткатов для VS Code
Улучшаем продуктивность при работе с VS Code (все, конечно, не запомните, но хоть какие-то из 45 вам приглянутся).
https://www.sitepoint.com/visual-studio-code-keyboard-shortcuts/
25 507
Создаем 3D иллюстрации на CSS
Сложно, но возможно: пошаговый гайд по созданию красивых иллюстраций
https://frontend.horse/articles/creating-3d-illustrations-with-css/
25 507
Частые причины утечек памяти в JS
Излишняя сложность, замыкания и глобальные переменные - все это сказывается на потреблении памяти. Расскажем, какие есть способы мониторинга и устранения утечек.
https://www.trevorlasn.com/blog/common-causes-of-memory-leaks-in-javascript
25 507
Создаем свой собственный React Query
14 минутный тутораил по созданию собственного React Query с нуля. Залипательное видео, позволяющее понять как React Query работает под капотом
https://www.youtube.com/watch?v=YmrnPOgOvy4
25 507
Создание игры весом в 13КБ: история создания Space Huggers
О том, как создаются игры из категории JS13K и какие задачи приходится решать: дизайн, анимации, карты, звуковые эффекты и многое другое.
https://frankforce.com/space-huggers-how-i-made-a-game-in-13-kilobytes/
25 507
🚀 Вебинар для frontend и JavaScript разработчиков! 🚀
👉 Узнайте, какими задачами проверяют ваше знание JavaScript на интервью.
Мы разберем типы задач, которые могут дать прямо во время собеседования, и обсудим, как к ним подготовиться.
Этот вебинар поможет вам лучше понять тонкости разработки, анализировать задачи и эффективно готовиться к интервью. Примеры задач, их анализ и способы подготовки – все это и многое другое!
📅 Дата: 22.08.2024 в 20:00
🔗 Присоединяйтесь и улучшите свои навыки JavaScript!
Встречаемся в преддверии старта курса «JavaScript Developer. Basic». Все участники вебинара получат специальную цену на обучение!
👉 Для участия и получения записи зарегистрируйтесь: https://vk.cc/czri5m
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
25 507
Как Google обрабатывает веб-приложения при индексации
Есть список убеждений о том, как поисковики индексируют страницы. Но все меняется, в том числе и этот процесс не исключение. Немного подробнее о том, как теперь Google обрабатывает ваши страницы и что из ваших убеждений уже не соответствует действительности.
https://vercel.com/blog/how-google-handles-javascript-throughout-the-indexing-process
25 507
Repost from Web Stack
Создаем шрифты в браузере
typlr — онлайн инструмент позволяющий относительно просто создать свой собственный шрифт.
https://typlr.app/
