uz
Feedback
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js

Kanalga Telegram’da o‘tish

Все самое полезное для фронтенда в одном канале. Наши курсы: https://clc.to/WV2U4g По рекламе: @proglib_adv Для обратной связи: @proglibrary_feeedback_bot РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4

Ko'proq ko'rsatish

📈 Telegram kanali Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js analitikasi

Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js (@frontendproglib) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 21 248 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 6 293-o'rinni va Rossiya mintaqasida 31 402-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 21 248 obunachiga ega bo‘ldi.

06 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -80 ga, so‘nggi 24 soatda esa -9 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

  • Tasdiqlash holati: Tasdiqlanmagan
  • Jalb etish (ER): Auditoriya o‘rtacha 6.85% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.74% ini tashkil etuvchi reaksiyalarni to‘playdi.
  • Post qamrovi: Har bir post o‘rtacha 1 456 marta ko‘riladi; birinchi sutkada odatda 1 008 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, javascript, api kabi asosiy mavzularga jamlangan.

📝 Tavsif va kontent siyosati

Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
Все самое полезное для фронтенда в одном канале. Наши курсы: https://clc.to/WV2U4g По рекламе: @proglib_adv Для обратной связи: @proglibrary_feeedback_bot РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4

Yuqori yangilanish chastotasi (oxirgi ma’lumot 07 Iyul, 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.

21 248
Obunachilar
-924 soatlar
-387 kunlar
-8030 kunlar
Obunachilarni jalb qilish
Iyul '26
Iyul '26
+12
1 kanalda
Iyun '26
+212
3 kanalda
Get PRO
May '26
+202
4 kanalda
Get PRO
Aprel '26
+240
10 kanalda
Get PRO
Mart '26
+93
2 kanalda
Get PRO
Fevral '26
+208
4 kanalda
Get PRO
Yanvar '26
+229
2 kanalda
Get PRO
Dekabr '25
+210
5 kanalda
Get PRO
Noyabr '25
+116
3 kanalda
Get PRO
Oktabr '25
+118
1 kanalda
Get PRO
Sentabr '25
+97
1 kanalda
Get PRO
Avgust '25
+94
3 kanalda
Get PRO
Iyul '25
+116
3 kanalda
Get PRO
Iyun '25
+146
2 kanalda
Get PRO
May '25
+138
0 kanalda
Get PRO
Aprel '25
+197
7 kanalda
Get PRO
Mart '25
+317
52 kanalda
Get PRO
Fevral '25
+207
34 kanalda
Get PRO
Yanvar '25
+256
39 kanalda
Get PRO
Dekabr '24
+257
39 kanalda
Get PRO
Noyabr '24
+213
43 kanalda
Get PRO
Oktabr '24
+273
38 kanalda
Get PRO
Sentabr '24
+240
39 kanalda
Get PRO
Avgust '24
+363
37 kanalda
Get PRO
Iyul '24
+215
37 kanalda
Get PRO
Iyun '24
+244
31 kanalda
Get PRO
May '24
+366
35 kanalda
Get PRO
Aprel '24
+378
36 kanalda
Get PRO
Mart '24
+406
30 kanalda
Get PRO
Fevral '24
+402
31 kanalda
Get PRO
Yanvar '24
+509
24 kanalda
Get PRO
Dekabr '23
+493
24 kanalda
Get PRO
Noyabr '23
+401
8 kanalda
Get PRO
Oktabr '23
+553
23 kanalda
Get PRO
Sentabr '23
+801
0 kanalda
Get PRO
Avgust '23
+613
0 kanalda
Get PRO
Iyul '23
+462
0 kanalda
Get PRO
Iyun '23
+295
0 kanalda
Get PRO
May '23
+454
0 kanalda
Get PRO
Aprel '23
+230
0 kanalda
Get PRO
Mart '23
+771
0 kanalda
Get PRO
Fevral '23
+282
0 kanalda
Get PRO
Yanvar '23
+422
0 kanalda
Get PRO
Dekabr '22
+372
0 kanalda
Get PRO
Noyabr '22
+495
0 kanalda
Get PRO
Oktabr '22
+256
0 kanalda
Get PRO
Sentabr '22
+262
0 kanalda
Get PRO
Avgust '22
+383
0 kanalda
Get PRO
Iyul '22
+514
0 kanalda
Get PRO
Iyun '22
+545
0 kanalda
Get PRO
May '22
+232
0 kanalda
Get PRO
Aprel '22
+231
0 kanalda
Get PRO
Mart '22
+261
0 kanalda
Get PRO
Fevral '22
+170
0 kanalda
Get PRO
Yanvar '22
+226
0 kanalda
Get PRO
Dekabr '21
+217
0 kanalda
Get PRO
Noyabr '21
+222
0 kanalda
Get PRO
Oktabr '21
+348
0 kanalda
Get PRO
Sentabr '21
+337
0 kanalda
Get PRO
Avgust '21
+355
0 kanalda
Get PRO
Iyul '21
+304
0 kanalda
Get PRO
Iyun '21
+234
0 kanalda
Get PRO
May '21
+492
0 kanalda
Get PRO
Aprel '21
+404
0 kanalda
Get PRO
Mart '21
+509
0 kanalda
Get PRO
Fevral '21
+500
0 kanalda
Get PRO
Yanvar '21
+514
0 kanalda
Get PRO
Dekabr '20
+17 917
0 kanalda
Sana
Obunachilarni jalb qilish
Esdaliklar
Kanallar
07 Iyul0
06 Iyul+1
05 Iyul0
04 Iyul+3
03 Iyul+4
02 Iyul+2
01 Iyul+2
Kanal postlari
Как сделать, чтобы выпадающий список был «не слишком большим и не слишком маленьким» Оказывается, для этого уже есть calc-size(). Вместо фиксированной высоты можно написать:
min-block-size: calc-size(fit-content, min(size, 12em));
max-block-size: calc-size(stretch, min(size, 30em));
Такой подход позволяет <select> автоматически подстраиваться под количество элементов, но при этом не занимать весь экран и не становиться слишком маленьким. Пока calc-size() поддерживается не везде, поэтому автор показывает, как реализовать кроссбраузерный fallback. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #under_hood

2
🔥 CSS получил нативную замену Masonry.js В Safari появилась поддержка display: grid-lanes — нового режима раскладки для Pint
🔥 CSS получил нативную замену Masonry.js В Safari появилась поддержка display: grid-lanes — нового режима раскладки для Pinterest-подобных сеток. Теперь карточки разной высоты можно размещать без JavaScript и сторонних библиотек: .container { display: grid-lanes; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } Apple подготовила отдельный сайт с примерами, интерактивными демо и подробным гайдом по новой возможности. ⚠️ Пока grid-lanes работает только в Safari. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #release_digest
893
3
❔ Как вернуть удалённую ветку в Git Иногда ветку удаляют по ошибке — локально или даже на удалённом репозитории. А потом всплывает, что там был нужный код или незавершённая работа. Поднимать заново неудобно, особенно если не помнишь последний коммит. Решение: git reflog git checkout -b my-branch <commit_hash> ➡️ Что произойдёт: — git reflog покажет историю всех действий, даже удалённых веток, — можно найти нужный commit_hash, — checkout -b создаст ветку заново с того же коммита. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme #git
1 036
4
Было дело.. 🤔 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause
Было дело.. 🤔 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause
1 125
5
🧩 Почему в JavaScript до сих пор нет настоящих full-stack модулей В Wasp объяснили, почему в экосистеме JavaScript нельзя пр
🧩 Почему в JavaScript до сих пор нет настоящих full-stack модулей В Wasp объяснили, почему в экосистеме JavaScript нельзя просто установить один пакет, который сразу добавит UI, серверную логику, миграции и API. 🔜 Проблема не в npm, а в отсутствии единого full-stack стандарта. Каждый проект по-своему организует роутинг, сервер, базу данных и сборку, поэтому библиотекам не на что опереться. 🔗 Читать подробнее 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #read_watch
1 181
6
🔥 Открытое занятие по AgentOps — курс стартовал! Сегодня в 19:00 по МСК пройдет первое занятие нового потока, на которое мож
🔥 Открытое занятие по AgentOps — курс стартовал! Сегодня в 19:00 по МСК пройдет первое занятие нового потока, на которое может прийти каждый. Оцените пользу нашего подхода на ретрансляции урока в VK! 👨‍💻 Спикер: Андрей Носов Тема: Архитектура управления: state machine для AI-агентов Будем разбираться, как использовать State machine в качестве главного оружия против стохастики (непредсказуемости) LLM. Что в программе: ● State machine: инварианты и терминальные состояния; ● Паттерны маршрутизации: Supervisor, ReAct, Plan-and-Solve; ● Детекция циклов и настройка аварийных выходов; ● Абстракция от модели: как сделать каркас, который переживет смену LLM/провайдера; ● Адаптация графов под ограничения локальных моделей; ● Версионирование графов и миграции стейта. Результат занятия: Вы поймете, как спроектировать надежный каркас агента с жестким контролем исполнения и переходов. 👉 Подписывайтесь на нашу группу ВКонтакте, чтобы не пропустить старт трансляции!
1 098
7
💡 Как обрезать изображение без JavaScript Если картинка должна полностью заполнить контейнер, но при этом сохранить пропорции, используйте object-fit. img { width: 100%; height: 250px; object-fit: cover; } Что делает object-fit: cover: — заполняет контейнер целиком; — сохраняет пропорции изображения; — автоматически обрезает лишние части, если они не помещаются. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme
1 108
8
🔐 Можно ли защититься от ботов без тотального трекинга пользователей? Mozilla представила концепцию PACT (Private Access Con
🔐 Можно ли защититься от ботов без тотального трекинга пользователей? Mozilla представила концепцию PACT (Private Access Control Tokens) — систему анонимных учетных данных для веба. Как работает: 🈂️ Сайт получает подтверждение, что перед ним «добросовестный пользователь», но не узнаёт его личность и не может отслеживать между сайтами. 🈂️ Вместо отпечатков браузера, обязательной регистрации или постоянных CAPTCHA предлагается использовать криптографические токены с ограничением по частоте запросов (rate limiting). 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #under_hood #security
1 129
9
Matn yo'q...
1 152
10
🔥 Библиотека для создания веб-читалок комиксов и манги Нашли Comimi — JS/TS-библиотеку для создания собственных читалок прям
🔥 Библиотека для создания веб-читалок комиксов и манги Нашли Comimi — JS/TS-библиотеку для создания собственных читалок прямо в браузере. Что умеет: — разные режимы чтения; — несколько вариантов отображения страниц; — гибкая настройка поведения ридера; — подходит для веб-просмотра комиксов и манги. Полезно, если разрабатываете собственную платформу с цифровыми изданиями или просто ищете готовое решение вместо реализации с нуля. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack #js
1 184
11
🖥 Deno теперь умеет собирать десктопные приложения В Deno 2.9 появилась команда deno desktop, которая позволяет превратить п
🖥 Deno теперь умеет собирать десктопные приложения В Deno 2.9 появилась команда deno desktop, которая позволяет превратить проект на JavaScript или TypeScript в нативное приложение для Windows, macOS и Linux. Поддерживаются Next.js, SvelteKit, Astro, Remix, Nuxt, Vite и другие популярные фреймворки ✅ Можно использовать системный WebView или встроенный Chromium, а также доступны автообновления и кросс-компиляция. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #release_digest
1 204
12
🤔 Вопрос с собеседования Расскажи про useDeferredValue в React. Для чего он нужен? 👇 Правильный ответ (нажми, чтобы прочитать): useDeferredValue возвращает отложенную версию значения, позволяя React сначала обработать более приоритетные обновления интерфейса, а тяжёлые компоненты перерисовать позже. ♾ Это помогает сохранить отзывчивость приложения. Например, пользователь продолжает печатать в поле поиска без задержек, а большой список результатов обновляется чуть позже. import { useState, useDeferredValue } from "react"; function Search() { const [query, setQuery] = useState(""); const deferredQuery = useDeferredValue(query); return ( <> <input value={query} onChange={(e) => setQuery(e.target.value)} /> <Results query={deferredQuery} /> </> ); } ⚠️ useDeferredValue не заменяет debounce. Он не использует таймер, не уменьшает количество запросов к API и не предотвращает рендеры. Он лишь позволяет React выполнить обновление с более низким приоритетом. 👍 — знал/а 🔥 — стало понятнее 💼 Щелкаешь такие задачи как орешки? Найди проект с достойной зарплатой тут 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #career_merge
1 153
13
⚡️ Самый быстрый способ протестировать шрифты на любом сайте Нашли удобное расширение Tinkerfont, которое позволяет тестирова
⚡️ Самый быстрый способ протестировать шрифты на любом сайте Нашли удобное расширение Tinkerfont, которое позволяет тестировать шрифты прямо на реальных сайтах — без DevTools и правок CSS. Можно посмотреть, какие шрифты использует страница, заменить их на любой из 1900+ Bunny Fonts или загрузить свой, а затем сразу скопировать код подключения. Полезный инструмент для быстрого подбора типографики. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack
1 141
14
🎬 Как ИИ ускоряет разработку и где ломаются архитектуры Мы провели открытый вебинар, где разобрали реальные боли проектирова
🎬 Как ИИ ускоряет разработку и где ломаются архитектуры Мы провели открытый вебинар, где разобрали реальные боли проектирования автономных систем. Ольга Лукьянова на практическом кейсе показала, как использовать ИИ-ассистентов для реальных задач. Вы просили запись встречи — она уже в открытом доступе! Что внутри: — Как с помощью ИИ быстрее разбираться в незнакомом коде и готовить пулл-реквесты; — Критерии выбора между одним агентом и мультиагентной системой; — Разбор популярных архитектурных ошибок и ограничений современных ИИ; — Практические рекомендации по проектированию и внедрению облачных агентов. 👉 Посмотреть полную запись можно тут: ● VK ● YouTube 🚀 Хотите пойти дальше открытого вебинара? Если вы готовы перейти от простых промптов к проектированию надежных, отказоустойчивых ИИ-систем, которые не сливают бюджет компании на API, приходите на курс AgentOps. Поток уже стартовал, но двери еще приоткрыты! 👉 Успеть на курс AgentOps
1 112
15
📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause
📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #pixel_pause
1 196
16
🍀 Лёгкая библиотека для слайдеров без зависимостей Если нужен современный слайдер без перегруженных решений, обратите вниман
🍀 Лёгкая библиотека для слайдеров без зависимостей Если нужен современный слайдер без перегруженных решений, обратите внимание на Splide. Что умеет: — работает без зависимостей; — поддерживает React, Vue и обычный JavaScript; — адаптируется под разные размеры экрана; — есть автопрокрутка, lazy loading, вертикальный режим и миниатюры; — поддерживает управление с клавиатуры и соответствует требованиям доступности. При этом библиотека весит около 12 КБ в gzip и не ухудшает показатели Lighthouse. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack
1 311
17
📹 Что должен делать агент-оркестратор? Посмотрите короткий отрывок из вебинара с Дмитрием Юдиным, внутри концентрат инсайтов
📹 Что должен делать агент-оркестратор? Посмотрите короткий отрывок из вебинара с Дмитрием Юдиным, внутри концентрат инсайтов о ии-агентах. А если хотите погрузиться в тему с головой, у нас доступна и полная запись этого эфира. Готовы перейти от теории к практике и собрать свой первый продакшн-кейс? Прямо сейчас действует мощная акция «3 курса по цене 1»: 🔥 При покупке VIP-тарифа нового потока «Разработка ИИ-агентов» вы получаете в подарок хардкорный курс «AgentOps» + ещё один любой курс Академии на ваш выбор! Выгода в цифрах: два топовых курса по созданию и контролю агентов обойдутся вам всего в 134.000 ₽ вместо 263.000 ₽. Плюс третий курс бонусом (например, можно подтянуть математику для AI). Ваша чистая экономия — 129 000 ₽! Сомневаетесь, подойдет ли вам формат? Оставьте заявку и пройдите бесплатный демо-урок, чтобы протестировать платформу перед покупкой. 👉 Пройти демо-урок и забрать 3 курса по цене 1
1 212
18
🗳 Адаптивный размер шрифта без медиазапросов Если раньше для адаптивной типографики приходилось писать несколько @media, то сейчас во многих случаях достаточно одной строки: h1 { font-size: clamp(2rem, 5vw, 4rem); } Как это работает: 2rem — минимальный размер; 5vw — размер плавно меняется в зависимости от ширины окна; 4rem — максимальный размер. Браузер сам выберет подходящее значение между минимумом и максимумом. ♾ Такой подход особенно полезен для: — заголовков; — hero-блоков; — карточек; — адаптивной типографики без лишних @media. 💡 clamp() работает не только со шрифтами. Его можно использовать для width, height, padding, margin, gap и других свойств. 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #readme
1 270
19
💡 HTML может научиться показывать локальное время без JavaScript В WHATWG обсуждают расширение элемента , которое позв
💡 HTML может научиться показывать локальное время без JavaScript В WHATWG обсуждают расширение элемента <time>, которое позволит браузеру автоматически отображать дату и время в локальном формате пользователя. Например, вместо ручного форматирования через JavaScript можно будет написать: <time datetime="2026-06-17T08:13:41Z" format="datetime"> 17 June 2026 </time> 🔤 Браузер сам покажет дату в часовом поясе и формате пользователя, а для старых браузеров останется текст внутри <time>. Если предложение примут, для локализации времени больше не понадобятся отдельные библиотеки или клиентский код в большинстве простых сценариев. 🔗 Источник 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #under_hood
1 352
20
🎨 Подборка готовых UI-анимаций для интерфейсов Нашли библиотеку Transitions.dev с коллекцией плавных переходов для современн
🎨 Подборка готовых UI-анимаций для интерфейсов Нашли библиотеку Transitions.dev с коллекцией плавных переходов для современных веб-приложений. Внутри — готовые анимации для: • карточек; • модальных окон; • выпадающих меню; • табов и аккордеонов; • уведомлений; • скелетонов; • загрузчиков; • переключателей и других UI-компонентов. Каждую анимацию можно сразу посмотреть в действии, изучить реализацию и адаптировать под свой проект ✅ 📍 Навигация: [Вакансии] 🐸 Библиотека фронтендера #stack
1 319