Frontender Libs - обзор библиотек JS / CSS
Kanalga Telegram’da o‘tish
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
Ko'proq ko'rsatish
Tarmoq:7 396
Obunachilar
-424 soatlar
-187 kun
-8130 kun
Ma'lumotlar yuklanmoqda
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Oktabr '26Okt '26
Oktabr '26
+12
0 kanalda
Sentabr '26
+35
9 kanalda
Get PRO
Avgust '26
+20
0 kanalda
Get PRO
Iyul '26
+35
0 kanalda
Get PRO
Iyun '26
+31
0 kanalda
Get PRO
May '26
+46
4 kanalda
Get PRO
Aprel '26
+32
0 kanalda
Get PRO
Mart '26
+17
0 kanalda
Get PRO
Fevral '26
+13
0 kanalda
Get PRO
Yanvar '26
+37
0 kanalda
Get PRO
Dekabr '25
+12
0 kanalda
Get PRO
Noyabr '25
+32
0 kanalda
Get PRO
Oktabr '25
+19
0 kanalda
Get PRO
Sentabr '25
+49
4 kanalda
Get PRO
Avgust '25
+27
0 kanalda
Get PRO
Iyul '25
+27
0 kanalda
Get PRO
Iyun '25
+44
8 kanalda
Get PRO
May '25
+41
5 kanalda
Get PRO
Aprel '25
+46
0 kanalda
Get PRO
Mart '25
+40
0 kanalda
Get PRO
Fevral '25
+43
0 kanalda
Get PRO
Yanvar '25
+103
3 kanalda
Get PRO
Dekabr '24
+41
0 kanalda
Get PRO
Noyabr '24
+82
7 kanalda
Get PRO
Oktabr '24
+164
8 kanalda
Get PRO
Sentabr '24
+81
0 kanalda
Get PRO
Avgust '24
+74
0 kanalda
Get PRO
Iyul '24
+119
1 kanalda
Get PRO
Iyun '24
+116
0 kanalda
Get PRO
May '24
+293
26 kanalda
Get PRO
Aprel '24
+155
0 kanalda
Get PRO
Mart '24
+297
13 kanalda
Get PRO
Fevral '24
+162
1 kanalda
Get PRO
Yanvar '24
+208
15 kanalda
Get PRO
Dekabr '23
+346
43 kanalda
Get PRO
Noyabr '23
+255
26 kanalda
Get PRO
Oktabr '23
+275
29 kanalda
Get PRO
Sentabr '23
+185
0 kanalda
Get PRO
Avgust '23
+176
0 kanalda
Get PRO
Iyul '23
+238
0 kanalda
Get PRO
Iyun '23
+227
0 kanalda
Get PRO
May '23
+230
0 kanalda
Get PRO
Aprel '23
+377
0 kanalda
Get PRO
Mart '23
+320
0 kanalda
Get PRO
Fevral '23
+351
0 kanalda
Get PRO
Yanvar '23
+433
0 kanalda
Get PRO
Dekabr '22
+351
0 kanalda
Get PRO
Noyabr '22
+172
0 kanalda
Get PRO
Oktabr '22
+111
0 kanalda
Get PRO
Sentabr '22
+78
0 kanalda
Get PRO
Avgust '22
+352
0 kanalda
Get PRO
Iyul '22
+145
0 kanalda
Get PRO
Iyun '22
+226
0 kanalda
Get PRO
May '22
+221
0 kanalda
Get PRO
Aprel '22
+380
0 kanalda
Get PRO
Mart '22
+168
0 kanalda
Get PRO
Fevral '22
+199
0 kanalda
Get PRO
Yanvar '22
+571
0 kanalda
Get PRO
Dekabr '21
+532
0 kanalda
Get PRO
Noyabr '21
+104
0 kanalda
Get PRO
Oktabr '21
+327
0 kanalda
Get PRO
Sentabr '21
+460
0 kanalda
Get PRO
Avgust '21
+119
0 kanalda
Get PRO
Iyul '21
+227
0 kanalda
Get PRO
Iyun '21
+305
0 kanalda
Get PRO
May '21
+525
0 kanalda
Get PRO
Aprel '21
+113
0 kanalda
Get PRO
Mart '21
+288
0 kanalda
Get PRO
Fevral '21
+310
0 kanalda
Get PRO
Yanvar '21
+1 170
0 kanalda
Get PRO
Dekabr '20
+5 521
0 kanalda
| Sana | Obunachilarni jalb qilish | Esdaliklar | Kanallar | |
| 27 Oktabr | 0 | |||
| 26 Oktabr | 0 | |||
| 25 Oktabr | 0 | |||
| 24 Oktabr | 0 | |||
| 23 Oktabr | 0 | |||
| 22 Oktabr | 0 | |||
| 21 Oktabr | 0 | |||
| 20 Oktabr | 0 | |||
| 19 Oktabr | +1 | |||
| 18 Oktabr | +1 | |||
| 17 Oktabr | +1 | |||
| 16 Oktabr | +1 | |||
| 15 Oktabr | 0 | |||
| 14 Oktabr | 0 | |||
| 13 Oktabr | 0 | |||
| 12 Oktabr | +2 | |||
| 11 Oktabr | 0 | |||
| 10 Oktabr | 0 | |||
| 09 Oktabr | 0 | |||
| 08 Oktabr | 0 | |||
| 07 Oktabr | +2 | |||
| 06 Oktabr | +1 | |||
| 05 Oktabr | +2 | |||
| 04 Oktabr | 0 | |||
| 03 Oktabr | 0 | |||
| 02 Oktabr | 0 | |||
| 01 Oktabr | +1 |
Kanal postlari
🧩 Страница в Angular, которая не знает про роутер
Обычно компонент страницы сам берёт userId из ActivatedRoute, зовёт UserService и рисует «Loading...». Переиспользовать такой компонент сложно, а для теста нужен роутер и мок сервиса.
Опция роутера withComponentInputBinding (есть с Angular 16) сама записывает данные маршрута в инпуты компонента с тем же именем:
provideRouter(routes, withComponentInputBinding())input.required<User>().
Учтите, что роутер сверяет только имя ключа и имя инпута, а типы не проверяет. Если резолвер вернёт объект другой формы, всё скомпилируется. Автор советует общий интерфейс и интеграционный тест.
В статье разобрано, где здесь инверсия зависимостей и как показать лоадер, пока резолвер ждёт ответа.
👍 - если было полезно
👉 @sWebDev| 2 |  Telegram-бот на Python, собранный с нуля
Можно долго читать про Python, а можно за один урок пройти путь от идеи до бота, который отвечает пользователю. Именно так построен открытый урок «Telegram-бот с нуля на Python: от теории к практике».
Подойдет тем, кто знает основы языка и ищет практическую задачу. Без громких обещаний: рабочий пример, который можно разобрать и повторить в одиночку.
На уроке:
- пройдем путь от идеи до работающего бота
- посмотрим, как бот принимает сообщения и команды
- разберем, как он отвечает
Урок 10.11 в 20:00.
Зарегистрироваться
#реклама 16+
otus.ru
О рекламодателе | 175 |
| 3 |  🛟 Angular 22.2: упавший шаблон больше не ломает страницу
Раньше ошибка при рендере шаблона уходила в глобальный ErrorHandler, а часть страницы оставалась недорисованной.
Новый блок @boundary ограничивает ущерб: если внутри что-то бросит исключение, Angular покажет вместо этой секции блок @error. Идея подсмотрена у React.
@boundary {
<app-chart />
} @error (let err; retry = $reset; when isNetworkError(err)) {
<p>{{ err.message }}</p>
<button (click)="retry()">Retry</button>
} @error {
<p>Something went wrong.</p>
}
Первый @error ловит сетевые ошибки и даёт повторить рендер через $reset, второй ловит всё остальное. С Resource API это удобно: value() при сбое загрузки бросает исключение, и проверять error() заранее не нужно.
Пока @boundary в статусе developer preview.
А ещё в статье Router Resources: данные маршрутов грузятся параллельно, а не цепочкой резолверов.
👍 - если было полезно
👉 @sWebDev | 252 |
| 4 |  Техника Braun для красоты и ухода
✅ Оригинальные бритвы, триммеры и эпиляторы
✅ Точность, комфорт и стиль — вместе с Braun
Купить
#реклама
market.yandex.ru
О рекламодателе | 286 |
| 5 |  Монолит vs микросервисы: битва за ваши нервы
💻 Монолит или микросервисы? Кажется, что ответ очевиден, но почему-то одни проекты летают, а другие тонут в хаосе?
Присоединяйтесь к открытому уроку Сергея Прощаева и получите пошаговое руководство по выбору архитектуры.
📅 9 ноября в 20:00. Разберём:
- Как не попасть в ловушку «модных» микросервисов.
- Признаки, что пора выходить из монолита.
- Архитектурные паттерны перехода: Strangler Fig, BFF, Self-contained systems.
- Организационные и технические риски — что пойдёт не так.
- Роль DevOps, CI/CD и мониторинга.
Вы научитесь оценивать реальные риски и стоимость микросервисов, внедрять изменения без сбоев и хаоса и принимать взвешенные решения, сохраняя технический контроль и производительность команды.
✅ Запишитесь сейчас!
Узнать больше
#реклама 16+
otus.ru
О рекламодателе | 218 |
| 6 |  🪄 Один URL: модалка поверх списка и полноценная страница
В каталоге детали карточки удобно открывать поверх списка. Но если модалка живёт в useState, адрес не меняется. Ссылкой не поделиться, после reload остаётся список, а поисковик деталей не видит.
В Next.js App Router это решают Parallel Routes и Intercepting Routes. Модалка лежит в слоте @modal, который layout рисует рядом со страницей. Папка с префиксом (.) перехватывает обычный маршрут:
@modal/
(.)events/
[id]/
page.tsx
При клике через Link адрес меняется на /en/events/123, а детали открываются поверх списка. При прямом заходе или reload перехвата нет, и рендерится обычная страница со своими metadata и canonical.
Слоту обязательно нужен default.tsx, который возвращает null. Без него при прямом заходе можно получить 404.
В статье ещё разобрано, как закрыть модалку и вернуться к списку с теми же фильтрами.
👍 - если было полезно
👉 @sWebDev | 355 |
| 7 |  Выносим общую логику FastAPI в зависимости
Общую логику приложения можно вынести в зависимости и переиспользовать, чтобы код оставался чище, а правки делались в одном месте.
На открытом уроке «Зависимости в FastAPI: возможности Depends» разберём, как работает Depends, как собирать цепочки зависимостей и где их применять.
Ждем 17.11 в 20:00.
Зарегистрироваться
#реклама 16+
otus.ru
О рекламодателе | 265 |
| 8 |  🛡️ Как не дать чужому пакету украсть ваши секреты через pnpm install
Атаки на npm-пакеты обычно идут по одной схеме. Пакет взламывают, его postinstall-скрипт запускается у вас на машине и уносит данные. В менеджере пакетов pnpm v10 есть настройки, которые сильно усложняют такой сценарий.
Скрипты установки там выключены по умолчанию. А minimumReleaseAge откладывает установку только что опубликованных версий: большинство взломанных пакетов обнаруживают и снимают за считанные часы.
Мягкий вариант конфига из статьи:
# pnpm-workspace.yaml
blockExoticSubdeps: true
trustPolicy: no-downgrade
minimumReleaseAge: 1440 # 1 day
allowBuilds:
esbuild: true
fsevents: true
Подвох в том, что пакеты, которым скрипты нужны по делу (нативные аддоны, esbuild), придётся явно разрешить через allowBuilds.
В статье есть и строгий конфиг: неделя ожидания новых версий и падение CI на всём подозрительном.
👍 - если было полезно
👉 @sWebDev | 365 |
| 9 |  Урок курса «Python-разработчик. Продвинутый уровень»
Хотите, чтобы окружение проекта собиралось одинаково у всех?
29 октября в 20:00 на открытом уроке разберем, как описать зависимости с помощью uv. Если заинтересовало, зарегистрируйтесь!
Зарегистрироваться
#реклама 16+
otus.ru
О рекламодателе | 267 |
| 10 |  ⚡ React Compiler в Vite теперь работает на Rust
React Compiler оптимизирует React-компоненты прямо во время сборки. Раньше в Vite его подключали через Babel. В @vitejs/plugin-react v6.1.0 появилась экспериментальная нативная версия от команды oxc, которая делает JS-инструменты на Rust.
Автор перевёл на неё конструктор сайтов из 1036 файлов. Сама компиляция ускорилась с 14,3 до 0,81 секунды. Сборка целиком ускорилась скромнее: с 22,1 до 9,3 секунды.
На Vite 8+ переход сводится к упрощению конфига. Babel-плагин больше не нужен:
npm install -D oxc-transform-react
// vite.config.js
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
export default defineConfig({
plugins: [react({ compiler: true })],
});
Учтите, что поддержка пока помечена как экспериментальная.
В статье есть рецепт и для React Router в framework mode, где плагин Vite React не используется.
👍 - если было полезно
👉 @sWebDev | 382 |
| 11 |  CloudStrix - Облачное видеонаблюдение
CloudStrix - Облачное видеонаблюдение и аналитика для дома и бизнеса.
Подключить видеокамеры и иметь к ним доступ из любой точки мира на раз, два, три
Узнать больше
#реклама 16+
cloudstrix.ru
О рекламодателе | 281 |
| 12 |  ⚡ Angular 22.2: данные маршрута грузятся параллельно
Резолверы в Angular Router загружают данные до открытия страницы. Но вдоль иерархии маршрутов они идут по очереди: родитель грузится 2 секунды, дочерний маршрут 3, и пользователь ждёт 5.
В Angular 22.2 появилась альтернатива: Router Resources. В маршруте пишут свойство resources с обычными resource, а роутер запускает их все сразу. В том же примере ждать придётся 3 секунды.
{
path: 'passenger-edit/:id',
component: PassengerEdit,
resources: (ctx) => ({
passenger: createSimplePassengerResource(ctx.params),
}),
},
Компонент получает готовое значение как input, так же как от резолвера. А если обернуть ресурс в nonBlocking, страница откроется сразу, и загрузку покажет сам компонент.
Пока это Developer Preview: до стабилизации API может поменяться в деталях.
В статье ещё перезагрузка данных без новой навигации и редирект, когда их нет.
👍 - если было полезно
👉 @sWebDev | 387 |
| 13 |  ⚡️ В сети начали массово сливать IT-курсы и книги известных онлайн школ
Вот отсортированная база с тонной материала (постепенно пополняется):
(363 видео, 87 книги) — Python
(117 видео, 53 книги) — ВАЙБКОД
(174 видео, 91 книги) — DevOps
(415 видео, 68 книги) — Frontend
(137 видео, 93 книги) — DS/ML
(143 видео, 33 книги) — ИБ/Хакинг
(352 видео, 89 книги) — С/С++/C
(343 видео, 87 книги) — Java/QA
(176 видео, 32 книги) — Git/Linux
(167 видео, 53 книги) — PHP/1С
(227 видео, 83 книги) — SQL/БД
(114 видео, 77 книги) — Сисадмин
(107 видео, 43 книги) — BA/SA
(181 видео, 32 книги) — Go/Rust
(167 видео, 43 книги) — Kotlin/Swift
(112 видео, 24 книги) — Flutter
(113 видео, 82 книги) — GameDev
(183 видео, 37 книги) — Дизайн
(136 видео, 33 книги) — PM/HR
Скачивать ничего не нужно — все выложили в Telegram | 369 |
| 14 |  ✨ Анимации в React без библиотеки анимаций
В React 19.3 стал стабильным компонент <ViewTransition>. Он отдаёт анимацию переходов между состояниями интерфейса браузерному View Transition API.
Автор статьи в блоге LogRocket собрал одно приложение дважды: на библиотеке анимаций Motion и на <ViewTransition> с CSS. Модалка в нативной версии:
function openModal() {
startTransition(() => setIsOpen(true));
}
{isOpen && (
<ViewTransition enter="modal-enter" exit="modal-exit">
<div className="modal-overlay" onClick={closeModal}>
<ModalContent onClose={closeModal} />
</div>
</ViewTransition>
)}
Сами движения описываются в CSS. JS в этой сборке похудел на 39 005 байт (gzip), зато кода анимаций вышло 253 строки против 75 у Motion.
Для жестов, пружин и эффектов по скроллу автор скорее оставил бы библиотеку. А в статье ещё сортировка 250 карточек, навигация и перелёт картинки, плюс грабли, на которые он наступил.
👍 - если было полезно
👉 @sWebDev | 411 |
| 15 |  +4🤖Podlodka Backend Crew: AI в бэкенд-задачах
Демо с AI чаще всего выглядят одинаково: агент за десять минут пишет сервис с нуля.
Вот только в работе бэкендера всё сложнее: легаси, рискованные миграции, неработающие тесты и ревью, которое становится бутылочным горлышком.
🗓 С 26 по 30 октября в сезоне Podlodka Backend Crew «AI в бэкенд-задачах» участники:
• Научатся передавать агенту инженерные стандарты и правила, чтобы он писал так, как нужно, а не как получится
• Соберут ревью, где несколько моделей независимо проверяют изменения, а финальное решение остаётся за человеком
• Посмотрят, куда переезжает сложность миграции легаси, когда код пишет агент
• Выяснят, где ломается мечта отдать миграцию агенту целиком
• Разберут, какие антипаттерны тестов агенты уже успели перенять от разработчиков.
Формат — пять дней живых Zoom-сессий утром и вечером, закрытое сообщество в Telegram и общение со спикерами.
Будет много интерактива и практики. Базовый ликбез оставят за бортом — этот сезон для тех, кто уже пробует AI в реальных проектах. Присоединяйтесь с 26 октября!
🔗 Билеты и программа: https://podlodka.io/becrew | 437 |
| 16 |  АЙТИШНИКИ БЕСПЛАТНОЕ ОБУЧЕНИЕ
Проект «Terminal» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков:
• Практические курсы и задания
• Книги и статьи известных авторов
• Полезные инструменты и ресурсы
• IT-новости и инсайды
Обучение по всем направлениям: SQL, Python, ML, Frontend, PHP, C++, Go, Git, Linux, QA, Java, Vibe-coding, InfoSec и др.
⌨️ подписаться | 580 |
| 17 |  🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют
По данным Минфин 32% граждан покинули своё место работы поскольку уже в первый месяц смогли заработать 250 000 рублей, а через 2-3 месяца с легкостью вышли на семизначные числа.
Самое смешное, что лишь 8% россиян что-то слышали об этой профессии хотя все инструкции бесплатно лежат на канале Арбитраж Криптовалют
Там объясняют, как имея телефон и доступ в интернет заработать свои первые $3000. Причём разжёвывают так доступно, что поймёт даже ребенок. Кстати, на канале сегодня вышла новая рабочая связка!
Ссылка для входа — https://t.me/+GY-3aS-FN5c0Yjhi | 568 |
| 18 |  +5🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew
AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы.
Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI», чтобы вместе с практиками из индустрии увидеть, как работает AI в разных аспектах фронтенд-разработки, а главное — сразу начать использовать новые подходы в реальной жизни.
💬 Какие темы ждут участников сезона с 5 по 9 октября:
🔴 AI Coding и подготовка репозитория к работе с AI
🔴 Spec Kit для разработки интерфейсов
🔴 Агентная разработка в закрытом контуре
🔴 WebMCP как дополнительный harness
🔴 AI-дизайн и его место в процессе разработки.
Полная программа — уже на сайте! Формат: пять дней живых Zoom-сессий по утрам и вечерам, закрытое Telegram-комьюнити и много общения со спикерами.
Если хочется не просто читать про AI-тренды, а получить концентрированную порцию знаний именно про AI для фронтенда, присоединяйтесь к сезону.
Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников.
👉 Билеты на сезон | 878 |
| 19 |  Вайбкодим «Полный путь разработки AI-агентов: от MCP до Agentic RAG»
Образовательная программа на Stepik по разработке современных AI-агентов.
Начинаем с Model Context Protocol: создаём MCP-серверы, подключаем инструменты и внешние API, а затем переходим к разработке Agentic RAG-систем с памятью, рассуждением, поиском знаний и оценкой качества.
• Model Context Protocol и MCP-серверы
• LangChain, LangGraph, LlamaIndex
• API, инструменты, ресурсы и промпты
• Классический RAG → Agentic RAG
• ReAct, память и планирование
• Графы знаний и свои инструменты
• Трассировка и подготовка к production
Успей, скидка 20% действует 48 часов
↗️ Начать обучение на Stepik | 347 |
| 20 |  🔴В 2025 году Россияне заработали 5,3 млрд рублей на арбитраже криптовалют
По данным Минфин 32% граждан покинули своё место работы, поскольку в среднем уже в первый месяц тут можно зарабатывать от 140 000 рублей, а через 2-3 месяца с легкостью выйти на семизначные числа.
Самое смешное, что лишь 8% россиян что-то слышали об этой профессии, хотя все инструкции бесплатно лежат на канале Арбитраж Криптовалют
Там объясняют, как имея телефон и доступ в интернет, заработать свои первые $2000. Причём разжёвывают так доступно, что поймёт даже ребенок. Кстати, на канале сегодня вышла новая рабочая связка!
Быстрее вступайте, пока это бесплатно — https://t.me/+xOV8UHLivrsxYjM6 | 575 |
