✨ Angular Pipes

Пайпы в Angular не просто форматеры, а декларативный механизм трансформации данных на уровне представления, чья роль сегодня переосмысливается на фоне внедрения сигналов.

Пайпы позволяют перенести логику отображения в шаблон и держать бизнес-логику компонента чистой, перенося технические детали форматирования и асинхронности в переиспользуемые сущности. Даже в эру новой реактивности пайпы остаются актуальными для создания декларативного кода.

В статье глубокий технический разбор механики пайпов: от работы компилятора до интересных сценариев использования.

👉 https://medium.com/p/f616ec84fb8d

✨ Реактивная Архитектура

Optimistic UI делает интерфейс мгновенно отзывчивым, но может привести к несогласованности состояния, а обработка ошибок сервера превращается в сложный код для отката изменений.

В статье предлагается декларативное решение на базе RxJS, вместо ручного сброса состояния при сбое используется паттерн компенсирующей транзакции.

👉 https://habr.com/ru/articles/974068/

✨ Кастомный билдер для Angular

В одном из обсуждений Алекс поделился опытом создания собственного билдера для Angular с поддержкой микрофронтенд-архитектуры.

Решение появилось как ответ на ограничения Native Federation и переросло в полноценный инструмент.

👉 https://dev.to/klerick/custom-builder-for-angular-my-way-12hd

✨ Angular Q&A: Будущее Signal Forms

Главной темой недавней встречи с командой Angular стали Signal Forms, представленные в версии 21 в статусе experimental.

Обсудили текущее состояние фичи, ее стабильность и применение в реальных проектах.

Некоторые внутренние проекты Google уже начали использовать новые формы, что делает их, несмотря на статус, более стабильными, чем могло бы показаться.

Глобальных архитектурных сдвигов не ожидается, но команда оставляет за собой право вносить breaking changes для обработки граничных случаев.

👉 https://www.youtube.com/live/vnSaYHYLI0Q

✨ Как работают современные браузеры

Браузер для большинства разработчиков — это черный ящик, который магическим образом превращает HTML, CSS и JS в интерактивные приложения.

Статья разбирает жизненный цикл веб-страницы: сетевой стек, парсинг HTML и построение DOM, работу CSS-движка и вычисление стилей, рендеринг, движок V8 и многое другое.

👉 https://habr.com/ru/companies/timeweb/articles/969508/

✨ CSS Wrapped 2025

Команда Chrome DevRel представила обзор новых возможностей, которые появились в браузерах недавно.

Наконец-то CSS и HTML получили нативные инструменты для интерфейсов, которые раньше требовали JS или сложных хаков.

Спасибо Angular Meetup за новость.

👉 https://chrome.dev/css-wrapped-2025/

✨ Как мы пережили несколько мажорных обновлений Angular

Разбор реального кейса миграции фронтенда. Команда прошла путь от Angular 13 до 19, внедрив Standalone Components, Vite и non‑destructive hydration.

Главная цель апдейта, избавиться от долгой пересборки Ivy и унифицировать UI, который разъехался за годы разработки.

👉 https://habr.com/ru/companies/compo/articles/977736/

✨ Код пишет нейросеть. Что остается разработчику?

Апокалиптические прогнозы о скором исчезновении программистов не оправдываются. Практика показывает, что ценность разработчика уходит от ручного написания кода к проектированию и проработке требований.

Статья противопоставляет вайб-кодинг и хаотичные запросы к ИИ в надежде на чудо, структурированному подходу Spec-Driven Development.

В этом подходе ты занимаешься анализом, архитектурой, декомпозицией, составляешь спецификации, проводишь код-ревью, а ИИ берет на себя рутину.

👉 https://habr.com/ru/articles/974754/

✨ Web Components в Angular

Интегрируете Web Components в Angular и замечаете, что при первой загрузке все работает корректно, а после перехода на другую страницу и возврата компонент падает с ошибкой?

В статье разбирается, почему стандартная передача атрибутов через шаблон в Angular ведет себя предсказуемо при первом рендере, но при повторной навигации может приводить к ошибкам из-за различий в жизненных циклах.

👉 https://dev.to/this-is-angular/web-components-in-angular-why-passing-inputs-breaks-on-navigation-52b6

✨ Signal Forms в Angular 21

Матеуш Стефанчик продолжает пополнять копилку материалов по Signal Forms.

Этот лонгрид выгодно отличается фокусом на практику: для проектов с существующей кодовой базой на Reactive Forms подробно разобран compatForm. Он позволяет поэтапно внедрять новые формы, сохраняя обратную совместимость и аккуратно смешивая оба подхода без необходимости переписывать все целиком.

👉 https://angular.love/signal-forms-in-angular-21-complete-guide

✨ Заметка об Invoker Commands API

В веб-стандарты вошел новый API, который позволяет декларативно назначать кнопкам поведение для управления интерактивными элементами.

Больше не нужно писать JS-обработчики для базовых действий открытия и закрытия модальных окон, теперь это нативные возможности HTML.

Все работает через новые атрибуты кнопки: commandfor указывает на id целевого элемента, а command задает действие. Из коробки уже поддерживаются команды вроде show-modal, close или toggle-popover. Для нестандартной логики предусмотрены кастомные команды, начинающиеся с --, которые позволяют триггерить события и обрабатывать их отдельно.

👉 https://habr.com/ru/companies/timeweb/articles/972668/

✨ Повышаем уровень Git с помощью 7 команд

Базовых add, commit и push достаточно для старта, но ежедневная работа требует оптимизации рутины и умения выходить из сложных ситуаций.

В статье разбирается настройка алиасов для ускорения работы, использование git commit --amend для правки последнего коммита, git cherry-pick для точечного переноса изменений между ветками. Отдельно, про git worktree, который избавляет от stash при работе с хотфиксами. Бонусом, настройка git log --graph и утилита tig для визуализации веток.

👉 https://habr.com/ru/companies/ruvds/articles/978320/

✨ Ёлочная игрушка, на которой запустили Doom

Если вы задумывались, какой подарок сделать на Новый год, то вот идея для тех, кто любит хардкор: Doom, запущенный прямо внутри ёлочной игрушки.

Автор собрал миниатюрный IBM PC с ESP32-C3, крошечным TFT-дисплеем и аккумулятором, он проигрывает демку со звуком и музыкой, а если подключить BLE-клавиатуру или джойстик, то можно играть самому.

👉 https://habr.com/ru/companies/ruvds/articles/978176/

✨ Cloudflare Radar 2025

Cloudflare представили отчет текущего состояния интернета.

Трафик и рост

Интернет-трафик вырос на 19% в 2025 году, превысив 17% прироста в 2024 году.

Искусственный интеллект

ChatGPT остается лидером, но Claude, Perplexity, Gemini и DeepSeek превратили ИИ в конкурентную сферу.

Трафик от ботов, выполняющих действия за пользователя (например, поиск дешевых билетов), вырос в 15 раз.

Кибербезопасность

Самая крупная атака в году достигла 31.4 Tbps в ноябре. Атаки более 20 Tbps стали регулярными к концу года.

5.6% всех проанализированных писем оказались вредоносными.

99.8% писем из домена .christmas были спамом или вредоносными.

Связь

Трафик Starlink вырос в 2,3 раза в течение года, благодаря расширению в более чем 20 новых странах.

Более половины мирового веб-трафика приходилось на мобильные устройства в 2025 году, причем в 117 странах большинство трафика поступало с мобильных устройств.

👉 https://radar.cloudflare.com/year-in-review/2025

✨ Создание идеальной кнопки

Александр Инкин выступил на Angular TLV с докладом о том, как создавать гибкие и мощного UI-элементы.

Если вам интересно посмотреть про то, как устроена Taiga UI, взглянуть на смесь хост-директив, Dependency Injection и других подходов, которые разрабатывались годами, то крайне рекомендуем уделить время этому разбору.

Маст хэв для тех, кто разрабатывает UI-киты или хочет глубже понять возможности современного Angular.

P.S. Забавно, что организаторы залили видео в раздел для детей. Видимо, DI и хост-директивы теперь входят в обязательную программу детского сада.

👉 https://www.youtube.com/watch?v=vc5sYiWK7aE

✨ Как я полюбил вайбкодинг

Специально для тех, кто весь 2025-й ставил клоунов 🤡 и какашки 💩 под каждый пост про ИИ.

Нашел доклад, который идеально подойдет именно вам.

Сергей Вахрамов (Tech lead с 7+ годами опыта на Angular и организатор сообщества UfaJS) честно рассказывает, как сам начинал с ненависти к вайбкодингу, а потом за 1,5 недели закрывал MVP, на который по оценкам должно было уйти 3 недели.

Коротко, что внутри:

Разница между ассистентами и агентами
Как писать промпты, чтобы даже слабая модель не косячила
MCP-серверы против галлюцинаций
Лайфхаки для новичков

Посмотрите, вдруг в 2026-м перестанете ставить какашки и сами начнете кодить с нейронками в 2 раза быстрее? 😉

Всех с наступающим Новым годом! 🎄
Желаю, чтобы в 2026-м код писался легко, баги фиксились сами, а офферы в личку сыпались чаще, чем спам.

👉 https://www.youtube.com/watch?v=fQSs5HCPqYE

✨ Основы виртуальной памяти

Надеюсь, ваш uptime в норме после новогоднего застолья? Если система еще пытается загрузиться, давайте немного разгоним нейроны.

И разберемся, как на самом деле устроена виртуальная память и как ОС создает для каждого процесса иллюзию владения непрерывным адресным пространством.

👉 https://habr.com/ru/articles/981844/

✨ Ультимативный гайд по Clean Architecture

Если вы уже пересмотрели Иронию судьбы, Один дома и даже Ёлки по десятому кругу.

Вот идеальный новогодний контент для тех, кто хочет разобраться, как строить чистую архитектуру и писать чистый код.

Начните 2026-й правильно. Пока все доедают прошлогодний тазик оливье, вы наконец разберетесь, как писать код, за который не стыдно через год.

Выжившим после 12 часового разбора HR сами будут звонить с офферами на позицию архитектора.

👉 https://www.youtube.com/watch?v=WlCDcr8JYFU

✨ Итоги года и планы на будущее

Чем вам запомнился 2025 год в Angular? Из всего многообразия хочется выделить появление Signal Forms и Resource API, а также переход на стабильный Zoneless и Vitest.

Что вы ожидаете от Angular в этом году? Какие фичи или улучшения вы хотели бы увидеть? Пишите свои предложения в комментариях. Самые интересные и технически обоснованные предложения мы передадим команде разработчиков.

👉 https://dev.to/this-is-angular/ng-news-angular-in-2025-307a

✨ Типы TypeScript как язык программирования

Знали ли вы, что TypeScript является тьюринг-полным? Система типов TypeScript не просто инструмент проверки типов, а полноценный язык программирования.

Вы можете использовать дженерики как функции, условные типы для ветвления логики, рекурсию для итераций, а infer как переменные для деструктуризации значений.

Статья показывает практические примеры: генератор типов для CRUD-операций, вывод типов из middleware и многое другое.

👉 https://marmelab.com/blog/2025/12/04/typenoscript-type-as-a-programming-language.html

✨ LeetCode для любителей TypeScript

Если затянувшиеся новогодние праздники слегка выбили вас из ритма и TypeScript вспоминается с усилием…

В комментариях к предыдущему посту поделились отличным сервисом, который поможет мозгу снова включиться.

👉 https://typehero.dev/