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
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام FrontEndDev
تُعد قناة FrontEndDev (@front_end_dev) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 25 502 مشتركاً، محتلاً المرتبة 5 216 في فئة التكنولوجيات والتطبيقات والمرتبة 25 428 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 25 502 مشتركاً.
بحسب آخر البيانات بتاريخ 01 نوفمبر, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -319، وفي آخر 24 ساعة بمقدار -17، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 9.69%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 5.68% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 2 471 مشاهدة. وخلال اليوم الأول يجمع عادةً 1 449 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 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”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 02 نوفمبر, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
25 502
المشتركون
-1724 ساعات
-917 أيام
-31930 أيام
أرشيف المشاركات
25 502
ResizeObserver API
ResizeObserver API — инструмент JavaScript для отслеживания изменений размеров HTML-элементов, полезный при работе с адаптивными и динамическими интерфейсами. Туториал, показывающий как создать экземпляр ResizeObserver, наблюдать за элементами и управлять событиями изменения размера.
https://blog.logrocket.com/how-to-use-the-resizeobserver-api-a-tutorial-with-examples/
25 502
+4
Фронтенд в картинках — просто, наглядно и понятно. Новые знания в компактном формате каждый день.
Присоединяйтесь: @FrontendPortal
25 502
CSS трюки с использованием одного градиента
CSS cинтаксис градиентов относительно сложный и в нем легко можно запутаться, если делать сложные вещи. Посмотрим на простых примерах, что можно сделать с использованием лишь 1 градиента.
https://css-tricks.com/css-tricks-that-use-only-one-gradient/?utm_source=CSS-Weekly&utm_campaign=Issue-597&utm_medium=web
25 502
WebView-приложения. Время гибридных технологий
Андрей Симонов в своем докладе рассказывает, почему появление гибридов — это естественная эволюция, что они дадут разработчику и бизнесу.
https://www.youtube.com/watch?v=l87upW6M9Bw
25 502
Интерактивное руководство по CSS Transitions
Подробный гайд по CSS Transitions от Josh W. Comeau с примерами которые можно потыкать.
https://www.joshwcomeau.com/animation/css-transitions/
25 502
Repost from Sleepless tech | Евгений J
Как отключить ECH для вашего домена на Cloudflare
Если ваш сайт на Cloudflare перестал работать без VPN, то все дело в технологии Encrypted Client Hello, которую включил Cloudflare. Ее можно отключить на платных тарифах в админке, а в бесплатных только если ты хакер.
Сначала проверяем домен на предмет работы ECH так:
https://dns.google/resolve?name=[ВАШ_ДОМЕН]&type=HTTPS
У меня в ответе видно, что включен {"name":"jem-space.ru.","type":65,"TTL":300,"data":"1 . alpn=h3,h2 ipv4hint=188.114.96.1,188.114.97.1 ech=AEX+DQBBHQAgACAhjyy/+kI2j...."}
Идем в https://dash.cloudflare.com/profile/api-tokens и копируем свой Global API Key.
На странице домена внизу справа копируем Zone ID.
Отключаем ECH запросом curl (или постман)
curl -X PATCH "https://api.cloudflare.com/client/v4/zones/{ID_ZONE}/settings/ech" \
-H "X-Auth-Email: {ACCOUNT_EMAIL}" \
-H "X-Auth-Key: {GLOBAL_API_KEY}" \
-H "Content-Type:application/json" --data '{"id":"ech","value":"off"}'25 502
Способы улучшить показатели Core Web Vitals
Советы по улучшению показателей INP, CLS и LCP.
https://web.dev/articles/top-cwv
25 502
Геймдев на JavaScript
Туториал по созданию Sonic Runner с использованием библиотеки Kaplay.
https://www.youtube.com/watch?v=EmMO0yQ7eeY
25 502
Бесплатное IT-образование в 2024
Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления
Выбирайте нужное и подписывайтесь:
👩💻 Frontend: @FrontendPortal
⚙ Backend: @BackendPortal
📱 GitHub: @git_developer
🤓 Книги айти: @portalToIT
👩💻 Python: @PythonPortal
👩💻 Java: @Java_Iibrary
👩💻 C#: @KodBlog
👩💻 С/С++: @Cpportal
🖥 Базы Данных & SQL: @SQL
👩💻 Golang: @juniorGolang
👩💻 PHP: @PHPortal
👩💻 Моб. разработка: @MobDev
👩💻 Разработка игр: @GameDevgx
👩💻 DevOps: @loose_code
🖥 Data Science: @DataSciencegx
🤔 Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal
📱 Маркетинг: @MarketingPortal
🖥 Дизайн: @PortalToDesign
➡ Сохраняйте себе, чтобы не потерять
25 502
Вписываем текст во всю ширину строки
Интересный трюк, позволяющий подогнать размер шрифта для полного заполнения текста
https://frontendmasters.com/blog/edge-to-edge-text/
25 502
Улучшенная работа вложенного CSS с CSSNestedDeclarations
В спецификацию добавлены некоторые улучшения работы вложенных конструкций CSS, которые делают работу селекторов более предсказуемой.
https://web.dev/blog/css-nesting-cssnesteddeclarations?hl=en
25 502
npm audit
Что такое npm audit и как фиксить проблемы с уязвимостями, которые мы видим в консоли после установки.
https://www.niraj.life/blog/understanding-npm-audit-fixing-vulnerabilities-nodejs/
25 502
Анимируем React приложение с Framer Motion
Короткий курс по анимации на примере приложения со списком.
https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props
25 502
⚡️ Прими участие в хакатоне Т1 2024 в Санкт-Петербурге и поборись за призовой фонд в 800 000 рублей!
Когда: 15-18 ноября 2024
Формат: гибридный
Призовой фонд: 800 000 рублей
🔥 Хакатон Т1 2024 создан для тебя, если ты:
– выпускник вуза или молодой специалист;
– студент старших курсов технических вузов;
– специалист по frontend- или backend-разработке, системный аналитик, специалист по ИБ, AI-специалист.
❗️На хакатоне тебе будут предложены 2 кейса:
1. Открытый WAF, закрытый доступ: Создание непробиваемой политики против инъекций.
Примите участие в создании непреодолимого барьера для злоумышленников. Разработайте политику для open-source WAF, обеспечивающую максимальную защиту от всех видов инъекций.
2. SprintHealth: Инновационный Анализ для Agile-команд.
Создайте инструмент для оценки «здоровья» спринтов на основе детального анализа данных задач. Помогите командам работать не только усерднее, но и умнее, достигая поставленных целей быстрее.
Почему тебе нужно принять участие:
*️⃣Фирменный мерч в подарок всем офлайн-участникам;
*️⃣Питание — обед и снэк-бар на протяжении всего дня;
*️⃣Обратная связь от топовых менторов и техлидов Т1;
*️⃣Новые знакомства, которые обязательно пригодятся в будущем;
*️⃣Возможность создать новаторские решения для крупных клиентов и расширить свои навыки в сфере информационных технологий!
▶️ Регистрация открыта! Успей зарегистрироваться до 13 ноября, 23:59 МСК по ссылке.
25 502
Repost from Web Stack
Значок скрола в DevTools
Теперь стало намного проще находить элементы, у которых присутствует скрол, с новым обновлением DevTools.
https://developer.chrome.com/blog/swe-devtools-scroll-badge
25 502
State of CSS 2024
Результаты ежегодного исследования о CSS: инструменты, фреймворки, тренды, фичи.
https://2024.stateofcss.com/ru-RU
25 502
Создаем заполняющийся индикатор загрузки
Пошаговый туториал создания лоадера с использованием всего 1 элемента на чистом CSS.
https://www.freecodecamp.org/news/filling-css-loaders/
25 502
Сайты на Framer ускорили интерактивность на 50%
Команда Framer рассказывает о новом обновлении, которое ускоряет интерактивность сайтов, используя более оптимальный алгоритм загрузки и обновления.
https://www.framer.com/blog/sites-interactive-faster/
25 502
Как устроена работа ИТ-специалистов в Т-Банке?
Загляните в канал T-Crew — тут показывают будни команды и делятся полезным:
— Дайджесты вакансий, регистрация на fast track и приглашения от руководителей.
— Анонсы мероприятий. Например, когда пройдет следующий ИТ-каток, ИТ-пикник и другие нашумевшие ивенты.
— Кейсы, статьи и лайфхаки для работы — от методов планирования до карьерного роста.
Подписаться на T-Crew
erid:2VtzqubR5DN
25 502
Продвинутый Ctrl+F
Используем текстовые фрагменты в URL, для выделениях интересующих участков текста на странице, делая навигацию более эффективной.
https://alfy.blog/2024/10/19/linking-directly-to-web-page-content.html
