FrontEndDev
Kanalga Telegram’da o‘tish
🚀 Статьи, новости, туториалы по 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
Ko'proq ko'rsatish
Tarmoq:📈 Telegram kanali FrontEndDev analitikasi
FrontEndDev (@front_end_dev) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 25 523 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 5 215-o'rinni va Rossiya mintaqasida 25 418-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 25 523 obunachiga ega bo‘ldi.
30 Oktabr, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -307 ga, so‘nggi 24 soatda esa -14 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 9.75% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 5.75% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 2 490 marta ko‘riladi; birinchi sutkada odatda 1 468 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 11 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent css, api, интерфейс, html, frontend kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“🚀 Статьи, новости, туториалы по 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”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 31 Oktabr, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
25 523
Obunachilar
-1424 soatlar
-827 kun
-30730 kun
Postlar arxiv
25 524
Делаем из простого ToDo App приложение уровня enterprise
Какие технологии можно использовать, чтобы сделать приложение с мониторингом, базой данных, кешированием, контернеризацией и прочим (и тратить на его поддержку $2000 в месяц). Утрированный пример.
https://www.youtube.com/watch?v=nYlv0I9Ips0
25 524
CSS Gradients
Для тех, кто решил начать год с создания чего-то нового, держите подборку красивых градиентов (для страницы логина например 😊)
https://cssgradient.io/gradient-backgrounds/
25 524
Нарулил для вас немного магии, чтобы скрасить суету и ожидание 😁
https://jem-space.ru/ball?q=j
Делитесь своими предсказаниями в коментах.
25 524
🧦Новогодний подгон — бесплатный курс по фулстек-разработке
Сергей Дмитриев — разработчик со стажем, потратил год, чтобы сделать курс, который включает весь процесс создания приложения с нуля до деплоя. Курс абсолютно бесплатный, и за это отдельный респект 😎
В курсе акцент на практику, реальные проекты и самые актуальные технологии.
Подробнее тут https://habr.com/ru/articles/866678/
Для тех, кто возьмется проходить, есть чат поддержки https://t.me/devPontChat
25 524
Создание масштабируемых микро-фронтенд приложений с Next.js Multi Zones
Multi-Zones — это функциональность в Next.js, которая позволяет объединять несколько независимых приложений Next.js под одним доменом
https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones
25 524
Плавный переход между страницами в пару строчек кода
Введение во View Transitions API с примерами.
https://htmhell.dev/adventcalendar/2024/3/
25 524
Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Какие знаешь псевдо-классы?»
https://habr.com/ru/companies/ruvds/articles/864762/
25 524
Введение в CSS Scroll-Driven анимации
10 лет с тех пор как scroll-driven появились в статусе proposal и вот они уже доступны. Простой пример на чистом CSS с реализацией таймлайн бара просмотра страницы в зависимости от скролла.
https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/
25 524
JavaScript Window Object
Погружаемся в понятия и работу с объектом Window. Полезная информация для начинающих.
https://www.sitepoint.com/javascript-window-object/
25 524
Создаем чистый API
Руководство с советами и практиками по созданию поддерживаемого и чистого RESTful API.
https://dev.to/geekvergil/stop-building-messy-apis-heres-your-clean-code-guide-4h95
25 524
Отслеживание утечек памяти в приложениях на NodeJs
Интересный подход поиска и устранения утечек памяти в незнакомом приложении с большой кодовой базой.
https://dev.to/gkampitakis/tracking-down-high-memory-usage-in-nodejs-2lbn
25 524
🎁 Бесплатный урок курса «Fullstack Developer» на JS.
🚀 Тема: Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы
⏰ Дата и время: 18.12.2024 в 20:00
👉 Зарегистрироваться на урок: https://otus.pw/bgDV/
Что будет на вебинаре?
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.
Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.
Бонус для участников:
- Справочник по HTML
- Справочник по CSS
Урок пройдет в рамках курса «Fullstack Developer». Скидка на курс 15%.
👉 Зарегистрироваться на урок: https://otus.pw/bgDV/
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
25 524
Создаем физический движок в 2D с нуля на JS
Создание собственного движка довольно сложная задача, но если опустить перфоманс оптимизации и ограничиться основными функциями, то это задача на удивление окажется простой.
https://ailef.tech/2022/11/12/creating-a-2d-physics-engine-from-scratch-in-javascript/
25 524
Repost from Habr For Dev
#png #стеганография
Как спрятать любые данные в PNG
А вы уже прятали что-то внутри PNG? Базовый способ надежно спрятать что-то внутри картинки. И все на вашем любимом JavaScript!
⭐️⭐️⭐️◽️◽️
📖 Читать
25 524
Практическое применение якорного позиционирования
Создаем онбординг (и не только) с помощью CSS Anchor position
https://css-tricks.com/one-of-those-onboarding-uis-with-anchor-positioning/
25 524
Работаем с датой и временем в JavaScript
Работа с датой в JS зачастую не так проста. Для облегчения и удобства многие использовали Moment.js/date-fns. Как новый Temporal API может упростить работу с датой?
https://blog.logrocket.com/master-javascript-date-time-moment-js-temporal/
25 524
Большой гайд по верстке с flexbox
Исчерпывающее руководство с демо и паттернами разработки на flexbox.
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
25 524
В Ташкенте прошел финал международного чемпионата по программированию Yandex Cup 2024. Рекордный призовой фонд в размере 16 млн рублей разделили участники и России, Беларуси, Японии, США, Великобритании и Португалии.
Участвовать можно было в 6 направлениях, среди которых был и фронтенд.
Темой соревнования в этом году стала «цифровая цивилизация», объединяющая древнюю культуру и IT. Кодеры изучали быт древних цивилизаций через программирование — например, расшифровывали древние письмена и придумывали систему архивации табличек для династии Хань.
А участники, попавшие на офлайн-финал, могли посетить отдельное пространство в формате «Музея Айтичности», в котором можно было представить себя человеком из будущего и посмотреть, как будут выглядеть артефакты современной IT-культуры через тысячу лет.
25 524
CSS content-visibility
Одна из оптимизаций производительности, которую вы, возможно, упустили.
https://www.trevorlasn.com/blog/css-content-visibility
