✨ CSS Wrapped 2025
Команда Chrome DevRel представила обзор новых возможностей, которые появились в браузерах недавно.
Наконец-то CSS и HTML получили нативные инструменты для интерфейсов, которые раньше требовали JS или сложных хаков.
Спасибо Angular Meetup за новость.
👉 https://chrome.dev/css-wrapped-2025/
Команда Chrome DevRel представила обзор новых возможностей, которые появились в браузерах недавно.
Наконец-то CSS и HTML получили нативные инструменты для интерфейсов, которые раньше требовали JS или сложных хаков.
Спасибо Angular Meetup за новость.
👉 https://chrome.dev/css-wrapped-2025/
👍7❤1
✨ Как мы пережили несколько мажорных обновлений Angular
Разбор реального кейса миграции фронтенда. Команда прошла путь от Angular 13 до 19, внедрив Standalone Components, Vite и non‑destructive hydration.
Главная цель апдейта, избавиться от долгой пересборки Ivy и унифицировать UI, который разъехался за годы разработки.
👉 https://habr.com/ru/companies/compo/articles/977736/
Разбор реального кейса миграции фронтенда. Команда прошла путь от Angular 13 до 19, внедрив Standalone Components, Vite и non‑destructive hydration.
Главная цель апдейта, избавиться от долгой пересборки Ivy и унифицировать UI, который разъехался за годы разработки.
👉 https://habr.com/ru/companies/compo/articles/977736/
👍6🔥2
✨ Код пишет нейросеть. Что остается разработчику?
Апокалиптические прогнозы о скором исчезновении программистов не оправдываются. Практика показывает, что ценность разработчика уходит от ручного написания кода к проектированию и проработке требований.
Статья противопоставляет вайб-кодинг и хаотичные запросы к ИИ в надежде на чудо, структурированному подходу Spec-Driven Development.
В этом подходе ты занимаешься анализом, архитектурой, декомпозицией, составляешь спецификации, проводишь код-ревью, а ИИ берет на себя рутину.
👉 https://habr.com/ru/articles/974754/
Апокалиптические прогнозы о скором исчезновении программистов не оправдываются. Практика показывает, что ценность разработчика уходит от ручного написания кода к проектированию и проработке требований.
Статья противопоставляет вайб-кодинг и хаотичные запросы к ИИ в надежде на чудо, структурированному подходу Spec-Driven Development.
В этом подходе ты занимаешься анализом, архитектурой, декомпозицией, составляешь спецификации, проводишь код-ревью, а ИИ берет на себя рутину.
👉 https://habr.com/ru/articles/974754/
🤮9🔥5🤡4❤2
✨ Web Components в Angular
Интегрируете Web Components в Angular и замечаете, что при первой загрузке все работает корректно, а после перехода на другую страницу и возврата компонент падает с ошибкой?
В статье разбирается, почему стандартная передача атрибутов через шаблон в Angular ведет себя предсказуемо при первом рендере, но при повторной навигации может приводить к ошибкам из-за различий в жизненных циклах.
👉 https://dev.to/this-is-angular/web-components-in-angular-why-passing-inputs-breaks-on-navigation-52b6
Интегрируете Web Components в Angular и замечаете, что при первой загрузке все работает корректно, а после перехода на другую страницу и возврата компонент падает с ошибкой?
В статье разбирается, почему стандартная передача атрибутов через шаблон в Angular ведет себя предсказуемо при первом рендере, но при повторной навигации может приводить к ошибкам из-за различий в жизненных циклах.
👉 https://dev.to/this-is-angular/web-components-in-angular-why-passing-inputs-breaks-on-navigation-52b6
👎4👍3👌1
✨ Signal Forms в Angular 21
Матеуш Стефанчик продолжает пополнять копилку материалов по Signal Forms.
Этот лонгрид выгодно отличается фокусом на практику: для проектов с существующей кодовой базой на Reactive Forms подробно разобран compatForm. Он позволяет поэтапно внедрять новые формы, сохраняя обратную совместимость и аккуратно смешивая оба подхода без необходимости переписывать все целиком.
👉 https://angular.love/signal-forms-in-angular-21-complete-guide
Матеуш Стефанчик продолжает пополнять копилку материалов по Signal Forms.
Этот лонгрид выгодно отличается фокусом на практику: для проектов с существующей кодовой базой на Reactive Forms подробно разобран compatForm. Он позволяет поэтапно внедрять новые формы, сохраняя обратную совместимость и аккуратно смешивая оба подхода без необходимости переписывать все целиком.
👉 https://angular.love/signal-forms-in-angular-21-complete-guide
👍9❤3
✨ Заметка об Invoker Commands API
В веб-стандарты вошел новый API, который позволяет декларативно назначать кнопкам поведение для управления интерактивными элементами.
Больше не нужно писать JS-обработчики для базовых действий открытия и закрытия модальных окон, теперь это нативные возможности HTML.
Все работает через новые атрибуты кнопки: commandfor указывает на id целевого элемента, а command задает действие. Из коробки уже поддерживаются команды вроде show-modal, close или toggle-popover. Для нестандартной логики предусмотрены кастомные команды, начинающиеся с --, которые позволяют триггерить события и обрабатывать их отдельно.
👉 https://habr.com/ru/companies/timeweb/articles/972668/
В веб-стандарты вошел новый API, который позволяет декларативно назначать кнопкам поведение для управления интерактивными элементами.
Больше не нужно писать JS-обработчики для базовых действий открытия и закрытия модальных окон, теперь это нативные возможности HTML.
Все работает через новые атрибуты кнопки: commandfor указывает на id целевого элемента, а command задает действие. Из коробки уже поддерживаются команды вроде show-modal, close или toggle-popover. Для нестандартной логики предусмотрены кастомные команды, начинающиеся с --, которые позволяют триггерить события и обрабатывать их отдельно.
👉 https://habr.com/ru/companies/timeweb/articles/972668/
👍8🔥4❤1🐳1
✨ Повышаем уровень 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/
Базовых add, commit и push достаточно для старта, но ежедневная работа требует оптимизации рутины и умения выходить из сложных ситуаций.
В статье разбирается настройка алиасов для ускорения работы, использование git commit --amend для правки последнего коммита, git cherry-pick для точечного переноса изменений между ветками. Отдельно, про git worktree, который избавляет от stash при работе с хотфиксами. Бонусом, настройка git log --graph и утилита tig для визуализации веток.
👉 https://habr.com/ru/companies/ruvds/articles/978320/
👨💻7👍4🗿4👌1🫡1
✨ Ёлочная игрушка, на которой запустили Doom
Если вы задумывались, какой подарок сделать на Новый год, то вот идея для тех, кто любит хардкор: Doom, запущенный прямо внутри ёлочной игрушки.
Автор собрал миниатюрный IBM PC с ESP32-C3, крошечным TFT-дисплеем и аккумулятором, он проигрывает демку со звуком и музыкой, а если подключить BLE-клавиатуру или джойстик, то можно играть самому.
👉 https://habr.com/ru/companies/ruvds/articles/978176/
Если вы задумывались, какой подарок сделать на Новый год, то вот идея для тех, кто любит хардкор: Doom, запущенный прямо внутри ёлочной игрушки.
Автор собрал миниатюрный IBM PC с ESP32-C3, крошечным TFT-дисплеем и аккумулятором, он проигрывает демку со звуком и музыкой, а если подключить BLE-клавиатуру или джойстик, то можно играть самому.
👉 https://habr.com/ru/companies/ruvds/articles/978176/
❤7🔥3
✨ 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
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
🔥5👍1
✨ Создание идеальной кнопки
Александр Инкин выступил на Angular TLV с докладом о том, как создавать гибкие и мощного UI-элементы.
Если вам интересно посмотреть про то, как устроена Taiga UI, взглянуть на смесь хост-директив, Dependency Injection и других подходов, которые разрабатывались годами, то крайне рекомендуем уделить время этому разбору.
Маст хэв для тех, кто разрабатывает UI-киты или хочет глубже понять возможности современного Angular.
P.S. Забавно, что организаторы залили видео в раздел для детей. Видимо, DI и хост-директивы теперь входят в обязательную программу детского сада.
👉 https://www.youtube.com/watch?v=vc5sYiWK7aE
Александр Инкин выступил на Angular TLV с докладом о том, как создавать гибкие и мощного UI-элементы.
Если вам интересно посмотреть про то, как устроена Taiga UI, взглянуть на смесь хост-директив, Dependency Injection и других подходов, которые разрабатывались годами, то крайне рекомендуем уделить время этому разбору.
Маст хэв для тех, кто разрабатывает UI-киты или хочет глубже понять возможности современного Angular.
P.S. Забавно, что организаторы залили видео в раздел для детей. Видимо, DI и хост-директивы теперь входят в обязательную программу детского сада.
👉 https://www.youtube.com/watch?v=vc5sYiWK7aE
🔥15😁14👍2
✨ Как я полюбил вайбкодинг
Специально для тех, кто весь 2025-й ставил клоунов 🤡 и какашки 💩 под каждый пост про ИИ.
Нашел доклад, который идеально подойдет именно вам.
Сергей Вахрамов (Tech lead с 7+ годами опыта на Angular и организатор сообщества UfaJS) честно рассказывает, как сам начинал с ненависти к вайбкодингу, а потом за 1,5 недели закрывал MVP, на который по оценкам должно было уйти 3 недели.
Коротко, что внутри:
Разница между ассистентами и агентами
Как писать промпты, чтобы даже слабая модель не косячила
MCP-серверы против галлюцинаций
Лайфхаки для новичков
Посмотрите, вдруг в 2026-м перестанете ставить какашки и сами начнете кодить с нейронками в 2 раза быстрее? 😉
Всех с наступающим Новым годом! 🎄
Желаю, чтобы в 2026-м код писался легко, баги фиксились сами, а офферы в личку сыпались чаще, чем спам.
👉 https://www.youtube.com/watch?v=fQSs5HCPqYE
Специально для тех, кто весь 2025-й ставил клоунов 🤡 и какашки 💩 под каждый пост про ИИ.
Нашел доклад, который идеально подойдет именно вам.
Сергей Вахрамов (Tech lead с 7+ годами опыта на Angular и организатор сообщества UfaJS) честно рассказывает, как сам начинал с ненависти к вайбкодингу, а потом за 1,5 недели закрывал MVP, на который по оценкам должно было уйти 3 недели.
Коротко, что внутри:
Разница между ассистентами и агентами
Как писать промпты, чтобы даже слабая модель не косячила
MCP-серверы против галлюцинаций
Лайфхаки для новичков
Посмотрите, вдруг в 2026-м перестанете ставить какашки и сами начнете кодить с нейронками в 2 раза быстрее? 😉
Всех с наступающим Новым годом! 🎄
Желаю, чтобы в 2026-м код писался легко, баги фиксились сами, а офферы в личку сыпались чаще, чем спам.
👉 https://www.youtube.com/watch?v=fQSs5HCPqYE
💩39🤡30❤16🤮8🔥3💯2🏆2😁1
✨ Основы виртуальной памяти
Надеюсь, ваш uptime в норме после новогоднего застолья? Если система еще пытается загрузиться, давайте немного разгоним нейроны.
И разберемся, как на самом деле устроена виртуальная память и как ОС создает для каждого процесса иллюзию владения непрерывным адресным пространством.
👉 https://habr.com/ru/articles/981844/
Надеюсь, ваш uptime в норме после новогоднего застолья? Если система еще пытается загрузиться, давайте немного разгоним нейроны.
И разберемся, как на самом деле устроена виртуальная память и как ОС создает для каждого процесса иллюзию владения непрерывным адресным пространством.
👉 https://habr.com/ru/articles/981844/
😁5🤔3❤2
✨ Ультимативный гайд по Clean Architecture
Если вы уже пересмотрели Иронию судьбы, Один дома и даже Ёлки по десятому кругу.
Вот идеальный новогодний контент для тех, кто хочет разобраться, как строить чистую архитектуру и писать чистый код.
Начните 2026-й правильно. Пока все доедают прошлогодний тазик оливье, вы наконец разберетесь, как писать код, за который не стыдно через год.
Выжившим после 12 часового разбора HR сами будут звонить с офферами на позицию архитектора.
👉 https://www.youtube.com/watch?v=WlCDcr8JYFU
Если вы уже пересмотрели Иронию судьбы, Один дома и даже Ёлки по десятому кругу.
Вот идеальный новогодний контент для тех, кто хочет разобраться, как строить чистую архитектуру и писать чистый код.
Начните 2026-й правильно. Пока все доедают прошлогодний тазик оливье, вы наконец разберетесь, как писать код, за который не стыдно через год.
Выжившим после 12 часового разбора HR сами будут звонить с офферами на позицию архитектора.
👉 https://www.youtube.com/watch?v=WlCDcr8JYFU
😁9❤4🤡3⚡1💩1
✨ Итоги года и планы на будущее
Чем вам запомнился 2025 год в Angular? Из всего многообразия хочется выделить появление Signal Forms и Resource API, а также переход на стабильный Zoneless и Vitest.
Что вы ожидаете от Angular в этом году? Какие фичи или улучшения вы хотели бы увидеть? Пишите свои предложения в комментариях. Самые интересные и технически обоснованные предложения мы передадим команде разработчиков.
👉 https://dev.to/this-is-angular/ng-news-angular-in-2025-307a
Чем вам запомнился 2025 год в Angular? Из всего многообразия хочется выделить появление Signal Forms и Resource API, а также переход на стабильный Zoneless и Vitest.
Что вы ожидаете от Angular в этом году? Какие фичи или улучшения вы хотели бы увидеть? Пишите свои предложения в комментариях. Самые интересные и технически обоснованные предложения мы передадим команде разработчиков.
👉 https://dev.to/this-is-angular/ng-news-angular-in-2025-307a
👍3❤2
✨ Типы TypeScript как язык программирования
Знали ли вы, что TypeScript является тьюринг-полным? Система типов TypeScript не просто инструмент проверки типов, а полноценный язык программирования.
Вы можете использовать дженерики как функции, условные типы для ветвления логики, рекурсию для итераций, а infer как переменные для деструктуризации значений.
Статья показывает практические примеры: генератор типов для CRUD-операций, вывод типов из middleware и многое другое.
👉 https://marmelab.com/blog/2025/12/04/typenoscript-type-as-a-programming-language.html
Знали ли вы, что TypeScript является тьюринг-полным? Система типов TypeScript не просто инструмент проверки типов, а полноценный язык программирования.
Вы можете использовать дженерики как функции, условные типы для ветвления логики, рекурсию для итераций, а infer как переменные для деструктуризации значений.
Статья показывает практические примеры: генератор типов для CRUD-операций, вывод типов из middleware и многое другое.
👉 https://marmelab.com/blog/2025/12/04/typenoscript-type-as-a-programming-language.html
👍8🤓4
✨ LeetCode для любителей TypeScript
Если затянувшиеся новогодние праздники слегка выбили вас из ритма и TypeScript вспоминается с усилием…
В комментариях к предыдущему посту поделились отличным сервисом, который поможет мозгу снова включиться.
👉 https://typehero.dev/
Если затянувшиеся новогодние праздники слегка выбили вас из ритма и TypeScript вспоминается с усилием…
В комментариях к предыдущему посту поделились отличным сервисом, который поможет мозгу снова включиться.
👉 https://typehero.dev/
👍7🔥6❤1😁1
✨ Практическое руководство по Blob, File API и оптимизации памяти
Если при обработке файлов вкладка подвисает или падает, это классический признак неправильной работы с памятью и большими данными на клиенте.
В статье разбираются шесть практических приемов работы с Blob и File API: правильное создание блобов, разбивка больших файлов на chunks, сжатие изображений через Canvas и многое другое.
👉 https://habr.com/ru/companies/timeweb/articles/976774/
Если при обработке файлов вкладка подвисает или падает, это классический признак неправильной работы с памятью и большими данными на клиенте.
В статье разбираются шесть практических приемов работы с Blob и File API: правильное создание блобов, разбивка больших файлов на chunks, сжатие изображений через Canvas и многое другое.
👉 https://habr.com/ru/companies/timeweb/articles/976774/
👍14⚡4🆒3✍2
✨ Спред оператор в шаблонах
Пока все празднуют, команда Angular добавила поддержку синтаксиса spread/rest в следующих местах синтаксиса шаблонов:
Объектов {a: 1, ...foo}
Массивов [1, ...foo]
Вызовы функций fn(1, ...foo)
👉 https://github.com/angular/angular/pull/66213
Пока все празднуют, команда Angular добавила поддержку синтаксиса spread/rest в следующих местах синтаксиса шаблонов:
Объектов {a: 1, ...foo}
Массивов [1, ...foo]
Вызовы функций fn(1, ...foo)
👉 https://github.com/angular/angular/pull/66213
🔥26👎4❤2👍1👌1🤝1
✨ Мне этот Chrome DevTools теперь абсолютно понятен
Если вы открываете DevTools только ради console.log() или инспектирования элементов, вы используете лишь малую часть возможностей.
Узнайте про полезные мелочи: от обращения к выбранным элементам через $0 и monitorEvents() для отслеживания событий до профилирования Web Vitals.
👉https://habr.com/ru/companies/timeweb/articles/976266/
Если вы открываете DevTools только ради console.log() или инспектирования элементов, вы используете лишь малую часть возможностей.
Узнайте про полезные мелочи: от обращения к выбранным элементам через $0 и monitorEvents() для отслеживания событий до профилирования Web Vitals.
👉https://habr.com/ru/companies/timeweb/articles/976266/
👍20🔥4
✨ Русскоязычный перевод документации
В официальной документации Angular появилась ссылка на русскоязычный перевод. Теперь тем, кому удобнее читать документацию на русском, не нужно искать перевод отдельно.
А если вы заметите неточности или ошибки в переводе, всегда можно внести свой вклад и помочь сделать документацию еще лучше (issues открыты).
👉 https://github.com/misha98857/angular-docs.ru
В официальной документации Angular появилась ссылка на русскоязычный перевод. Теперь тем, кому удобнее читать документацию на русском, не нужно искать перевод отдельно.
А если вы заметите неточности или ошибки в переводе, всегда можно внести свой вклад и помочь сделать документацию еще лучше (issues открыты).
👉 https://github.com/misha98857/angular-docs.ru
👍18🔥11❤4🤡2
✨ JavaScript-фреймворки: тренды на 2026
Райан Карниато, автор SolidJS, опубликовал свой ежегодный обзор JavaScript-фреймворков с взглядом в 2026 год.
Он разобрал, как фреймворки смещаются в сторону AI-first, async-first и изоморфной архитектуры.
👉 https://dev.to/this-is-learning/javanoscript-frameworks-heading-into-2026-2hel
Райан Карниато, автор SolidJS, опубликовал свой ежегодный обзор JavaScript-фреймворков с взглядом в 2026 год.
Он разобрал, как фреймворки смещаются в сторону AI-first, async-first и изоморфной архитектуры.
👉 https://dev.to/this-is-learning/javanoscript-frameworks-heading-into-2026-2hel
👍7💩5🤮1🥴1