| Date | Title | Description |
| 28.02.2026 | Ultimate guide по веб-компонентам | Привет. Я фронтендер, и я... люблю веб-компоненты. Ещё меня расстраивает, когда в статьях о веб-компонентах упоминается connectedCallback(), и, может быть, shadowRoot, хотя возможности веб-компонентов куда шире, да и скучно читать пересказ ... |
| 08.02.2026 | Как обстоят дела с WebAssembly? | Когда заходит разговор про WebAssembly, где-нибудь в начале дискуссии обычно появляется комментарий в духе «А что, собственно, произошло?»
Этот язык преподносили как нечто поворотное. Неужели это просто был яркий маркетинг? А может, очередн... |
| 09.01.2026 | Сделал бесплатный опенсорс TreeMap для Angular | Standalone TreeMap для Angular без лишних зависимостей: как я сделал stockchart-treemap
TreeMap — это визуализация, где площадь прямоугольника = вес, а цвет = метрика. Отлично подходит для market heatmap (карта рынка), портфелей, иерархий р... |
| 07.05.2025 | Figma introduces ‘vibe-coding’ AI software design feature | Figma’s new premium feature will enable people to describe an idea for an app or website, or pick an existing design, and have an AI model create working code for it.
The launch follows the rise of “vibe-coding” applications such as Cursor ... |
| 07.02.2025 | AI-first компании развиваются быстрее и действуют иначе. Перевод колонки издания WSJ | В отличие от уже устоявшихся фирм, эти стартапы рассматривают искусственный интеллект как отправную точку. Большинство компаний вынуждены внедрять генеративный ИИ как дополнительное решение, но немало молодых предприятий изначально ставят И... |
| 29.01.2025 | Компилятор WebAssembly, который помещается в один твит | ▍ Введение
Наш первый «компилятор WebAssembly в твите» имел длину 269 байт; с тех пор мы смогли снизить её всего до 192 байтов.
В результате мы получили компилятор, получающий арифметическое выражение, записанное в обратной польской нотации... |
| 21.01.2025 | Сравнение AI-инструментов для прототипирования: v0, Bolt и Lovable | Здравствуйте! Меня зовут Богдан, я являюсь автором телеграм канала про нейросети в телеграме, посчитал эту статью очень интересной для перевода, приятного прочтения
На переполненном рынке инструментов разработки с поддержкой ИИ выделяются т... |
| 27.12.2024 | AI coding takes the cake as startups and giants dive in | Multimodality, hardware, and coding are among the most prominent artificial intelligence trends shaping the latter half of 2024. The first two areas may be familiar to many, given the strides made by various industry players. However, AI co... |
| 17.12.2024 | Хост директивы: ключ к декомпозиции | В Angular 15 появилась новая фича, которой не уделяют должного внимания, — Directive Composition API. Она добавляет hostDirectives: [...] в декоратор @Component/@Directive. В этом массиве можно перечислить standalone-директивы, которые хоти... |
| 06.12.2024 | 5 ИИ-инструментов для программирования, о которых вам следует знать | Генерация кода - самое распространенное применение ИИ на сегодняшний день. Крупнейшие технологические компании участвуют в гонке по разработке лучших ИИ-помощников программиста для коммерческого использования, что говорит о растущей значимо... |
| 04.12.2024 | Самая сложная директива Taiga UI | Часто необходимо знать, с какой областью страницы взаимодействует пользователь. Например, если вы создаете выпадающее меню, нужно понять, когда его закрывать. Наивная реализация будет просто слушать клики и проверять, произошел ли клик вне ... |
| 22.11.2024 | Продвинутая регистрация multi-сервисов в Angular | Внедрение нескольких сервисов с помощью одного токена — достаточно удобная механика в фреймворке Angular. Однако, можно столкнуться с неприятностью, что во всех местах, где нужно получить данный сервис, придётся как-то выбирать нужный инста... |
| 21.11.2024 | The Rise of Open Source AI: A New Frontier in Development | In the world of technology, change is the only constant. The emergence of artificial intelligence (AI) has reshaped how developers approach their projects. Open source AI is at the forefront of this transformation. It’s like a vast ocean, t... |
| 21.11.2024 | Как с помощью Angular доработать CRM-систему: наш опыт с BPMSoft | Всем привет.
Меня зовут Илья Чубко, я являюсь техническим архитектором в направлении, которое занимается внедрением CRM-системы от вендора «БПМСофт». Этот вендор – разработчик собственной low-code платформы BPMSoft для автоматизации и управ... |
| 24.10.2024 | Управление цепочкой вызовов асинхронных функций | Привет, Хабр!
Во фронтенде часто приходится вызывать асинхронные функции одну за другой, а потом отменять всю цепочку. У каждого опытного разработчика есть свои методы. В этой статье я хочу поделиться своим опытом: как прервать выполнение ц... |
| 03.10.2024 | The Dawn of VoidZero: A New Era for JavaScript Development | In the world of technology, change is the only constant. Recently, a significant shift has emerged in the JavaScript ecosystem. Evan You, the mastermind behind Vue and Vite, has launched a new venture called VoidZero Inc. This startup has a... |
| 02.10.2024 | Анонс VoidZero — следующее поколение инструментария для JavaScript | Сегодня было анонсировано следующее поколение инструментария для JavaScript от автора Vue и Vite. В рамках начального финансирования было привлечено $4.6 миллиона, при этом основными инвесторами стали Accel и Amplify. В свете этого анонса в... |
| 07.09.2024 | Введение в OpenLayers | Всем привет! Мы рассмотрим библиотеку для построения карт OpenLayers (версии 8.2.х). Вы узнаете о том, какие возможности она предоставляет, как ей пользоваться и почему в команде НСПД мы выбрали именно её. В статье будет много примеров кода... |
| 15.08.2024 | Динамический рендеринг Angular-компонентов | Привет Хабр. На связи Даня, Angular-разработчик из команды Т-Бизнеса.
У меня для вас статья по работе с динамическими компонентами. Мы подробно рассмотрим процесс создания этих компонентов, будут детальные примеры кода и пошаговое руководст... |
| 03.08.2024 | Understanding Angular's Dependency Injection: A Deep Dive into Injector Hierarchy | Angular is a powerful framework for building web applications. At its core lies a concept that simplifies how components interact with each other: Dependency Injection (DI). This article unpacks the intricacies of DI in Angular, focusing on... |
| 02.08.2024 | 12 важных веб-сайтов, о которых должен знать каждый программист | По мере того как технологии программирования и разработки продолжают развиваться, качество и количество онлайн-ресурсов также улучшаются. Независимо от того, опытный ли вы разработчик или новичок, эти сайты могут оказать вам огромную помощь... |
| 30.07.2024 | Все, что вы хотели знать про иерархию инжекторов в Angular | Привет. Меня зовут Дмитрий, я фронтенд-разработчик в компании «Цифровая индустриальная платформа». В своей работе мне часто приходится использовать Dependency Injection (DI) в Angular. Это мощный и популярный инструмент, который упрощает ра... |
| 05.05.2024 | Скрытый потенциал функции inject в Angular | Привет! В этой заметке покажу, как можно использовать функцию inject на сто процентов.
Обычно ведь как: если функцией inject и пользуются, то только для того, чтобы заменить инжект через конструктор. Было:
@Injectable() export class SomeSer... |
| 14.03.2024 | Ленивые бесконечные списки на основе Deferrable Views | Всем привет! Меня зовут Павел Сапачёв, занимаюсь архитектурой и разработкой фронтенда в проекте «Тинькофф Лизинг». Мы любим создавать удобные, отзывчивые и производительные интерфейсы. Один из моментов улучшения — просмотр коллекций элемент... |
| 09.03.2024 | Директор директив. Расширяем функционал angular-компонентов красиво. Директива-контекст | Игнорируете кастомные директивы в Angular? Зря-зря, многое упускаете.
Позвольте мне показать в нескольких статьях, как с помощью директив можно расширить функционал ваших компонентов, да так, что никакой DX не пострадает (а только улучшится... |
| 07.11.2023 | Невероятно гибкие и переиспользуемые UI контролы для Angular | Всем привет, я хочу поделится с вами своим подходом к созданию UI контролов который позволит их создавать за считанные минуты. При этом мы будем использовать декларативный подход, что означает что каждый компонент будет ответственен за свое... |
| 03.10.2023 | Как декораторы могут упростить разработку веб-форм | Относительно недавно в TC39 предложение с реализацией декораторов в EcmaScript вышло на 3-ю предфинальную стадию. Чуть позже MicroSoft выпустил 5-ю мажорную версию TypeScript, в которой новая реализация декораторов начала работать из коробк... |
| 09.06.2023 | Работа с формами в Angular — модуль работы с формами и обертки полей | Всем привет! Я Александр Бухтатый, frontend-разработчик в Тинькофф, специализируюсь на Angular. Наша команда работает в монорепозитории с четырьмя проектами. В каждом проекте много форм, нужно сопровождать их и создавать новые.
В статье пок... |
| 22.05.2023 | Детокс для i18n | NPM библиотека для интернационализации и локализации i18n очень популярна, однако за последние годы она сильно располнела. В ней много возможностей для локализации дат, чисел, установки нужных склонений, поддержки RTL языков, загрузки локал... |
| 15.05.2023 | Простота Subject’ов, удобство NGRX: что такое компонентный стор и с чем его едят | Привет, я Григорий Зароченцев, ведущий фронтенд-разработчик Тинькофф в команде интернет-эквайринга. Сегодня хочу рассказать, что такое компонентный стор, как изолированные хранилища помогают сэкономить кучу кода при разработке и почему глоб... |
| 18.04.2023 | Наблюдение за температурой: введение в холодные и горячие Observable в rxjs | По мере изучения RxJS разработчик рано или поздно сталкивается с такими понятиями, как cold и hot observable. А на технических собеседованиях в команды, которые используют RxJS, можно услышать вопросы по этой теме.
Например, чем горячий пот... |
| 09.03.2023 | Кастомная стратегия виртуального скроллинга для просмотра pdf | Angular CDK имеет широкие возможности для скроллинга плоского списка. Если размер каждого элемента одинаков, то можно воспользоваться FixedSizeVirtualScrollStrategy: всего лишь нужно прокинуть размер элемента в пикселях, проитерироваться по... |
| 23.02.2023 | Angular — API композиции директив | Всем ангуляроводом привет!
В этой статье разберемся с новинкой из Angular 15 - API композиции директив (Directive composition API).
Прошу прощения за поздний текст, наш корпоративный митап прошел давно, но никак не хватало времени что-то на... |
| 22.12.2022 | Год Тигра в Taiga UI | В предновогодней суете мы любим подводить итоги уходящего года. Эта хорошая традиция помогает вспомнить свои успехи и неудачи, чтобы взять верный курс в новом году.
Весь год я участвовал в разработке потрясающего продукта — Taiga UI. Это би... |
| 28.11.2022 | Многопоточность на фронте: абсурд или прекрасное архитектурное решение? | Веб-сайты уже давно перестали напоминать простые листы с текстовой информацией. Сейчас это полнофункциональные приложения, порой с очень сложной и тяжелой логикой. А чем больше логики и чем сложнее она становится, тем сильнее сайт начинает ... |
| 18.11.2022 | Ошибки, RxJS & Angular | Что привлекает в Ангуляре экспертов и удручает начинающих? Одно и тоже, RxJS.
Почему же это так сложно для начинающих? Одна из причин - есть огромное количество операторов, которые нужно просто знать, и без поиска понимать в чем разница меж... |
| 31.10.2022 | Как использовать QueryParamsHandling в Angular | При создании одностраничных приложений URL часто меняется без перезагрузки страницы.
Это может приводить к проблемам при попытке доступа к параметрам запроса из URL. Функция QueryParamsHandling в Angular позволяет решить эту проблему. Query... |
| 14.06.2022 | Фронтенд-новости №10. Опубликован HTTP/3, History API мёртв, WebContainers доступны в Firefox | Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 6–12 июня. Очередная короткая неделя начинаетсяДоступность
Удобная прокрутка на сайте для тех кто использует только клавиатуруСпецификации
HTTP/3 опубликован в качест... |
| 12.06.2022 | Вышел Angular 14 | Благодаря RFC о строго типизированных реактивных формах закрыта проблема на GitHub №1, а RFC автономных API представил упрощённый способ создания приложений Angular. Подробностями делимся к старту курса по Frontend-разработке.
Мы рады объяв... |
| 01.06.2022 | История одного макета: способы сделать сайт послушным | Вёрстка помогает нам выстраивать содержимое веб-страниц по определённым правилам: например, строго в соответствии с согласованным макетом или в зависимости от пользовательского устройства. Сегодня сайты неплохо умеют подстраивать свой конте... |
| 24.05.2022 | Не отписался — без памяти остался | Предисловие
Речь пойдёт про мощный инструмент, реализующий собой подход реактивного программирования и в разы упрощающий разработку — RxJS. В частности разберём один момент, про который нужно не забывать при использовании этой библиотеки, а... |
| 23.05.2022 | Три слоя градиента одного слайдера | Мы в Тинькофф разрабатываем библиотеку Taiga UI: в ней сотни полезных компонентов, директив и сервисов. При разработке нам важно уделять внимание вопросу поддерживаемости кода, поэтому мы стараемся не писать лишнего кода и искать решения, р... |
| 23.05.2022 | Шпаргалка по работе с медиа в браузере | Привет, друзья!
В данной шпаргалке представлены все основные интерфейсы и методы по работе с медиа в браузере, описываемые в следующих спецификациях:
Media Capture and Streams
Screen Capture
Media Capture from DOM Elements
MediaStream Image... |
| 06.05.2022 | Angular: ng-content для ng-template | Macros are comparable with functions in regular programming languages. They are useful to reuse template fragments to not repeat yourself.
Macros are defined in regular templates.
Twig 3.x documentationВ чём проблема
Content Projection - оч... |
| 30.04.2022 | Fiber изнутри: Обновления состояния и пропсов в React | В этой статье используется базовая компоновка с родительским и дочерними компонентами для демонстрации внутренних процессов архитектуры Fiber, на которую опирается React для передачи пропсов в дочерние компоненты.
Предыдущая статья серии (с... |
| 23.04.2022 | Fiber изнутри: погружение в новый алгоритм согласования React | Погрузитесь глубоко в новую архитектуру React под названием Fiber и узнайте о двух основных фазах нового алгоритма согласования (reconciliation). Мы подробно рассмотрим, как React обновляет состояние и пропсы и обрабатывает дочерние элемент... |
| 19.04.2022 | Зачем использовать materialize и dematerialize операторы, и что такое Notification в RxJS? | Вы когда-нибудь встречали такие операторы, как materialize и dematerialize в RxJS? А что насчет класса Notification? Вероятно, многие слышали, но не до конца представляли, где их можно применить на практике.
В этой статье я расскажу, что де... |
| 13.04.2022 | TypeScript: разрабатываем WebAssembly-компилятор | Привет, друзья!
Представляю вашему вниманию перевод этой замечательной статьи, в которой автор рассказывает о том, как разработать компилятор для WebAssembly на TypeScript.
Обратите внимание: мой вариант компилятора можно найти в этом репоз... |
| 06.04.2022 | Stackblitz raises $7.9M to bring a better IDE to your browser | StackBlitz, a developer-focused startup that uses WebAssembly and WebContainers to give you a full development environment in your browser, today announced that it has raised a $7.9 million seed funding round led by Greylock with participat... |
| 06.04.2022 | StackBlitz Raises $7.9M in Seed Funding | StackBlitz, a San Francisco, CA-based startup that is building a collaborative web development platform in the browser, raised $7.9M in seed funding.
The round was led by Greylock Partners with support from Google Ventures, Tom Preston-Wern... |
| 24.02.2022 | Создать динамический компонент теперь проще: изменения в Angular 13 | Бывают ситуации, когда компонент необходимо добавить на страницу динамически. Например, тултип или баннер. В такие моменты на помощь приходит Angular, который умеет создавать компоненты в рантайме и рендерить их. Для этого разработчик может... |
| 08.02.2022 | Делаем эффекты в видеосвязи, используя Canvas API и MediaPipe | Привет! На связи Влад из команды видеоплатформы Skyeng. Мы отвечаем за аудио и видео коммуникацию в образовательных продуктах, применяем WebRTC и реализуем фичи вокруг Video Conferencing. О реализации одной из них хочу рассказать: мы сделал... |
| 26.10.2021 | Ленивая подгрузка библиотек из CDN в Angular | Когда я интегрировал свое Angular-караоке с YouTube, мне попался официальный YouTube-компонент из Angular Material. В README прилагалась инструкция для подключения:
let apiLoaded = false; @Component({ template: '', selector: 'youtube-player... |
| 11.10.2021 | Самосохраняющийся компонент выбора | Недавно Бхарат Рави опубликовал статью о директиве самосохраняющегося select-элемента на InDepth. Это интересная концепция изолирования логики в директиве, что в целом идея хорошая.
Однако в этом случае у меня есть сомнения, которые я хочу ... |
| 06.10.2021 | Создание веб-компонентов с помощью Vue 3.2 | Эта статья — перевод оригинальной статьи Lindsay Wardell "Building Web Components with Vue 3.2"
Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.Вступление
Вы ко... |
| 04.10.2021 | OnPush — ваш новый Default | В Angular есть два режима change detection: Default и OnPush. В этой статье мы разберем, как можно спокойно использовать OnPush всегда без лишнего труда и почему стоит начать это делать.Вспомним
Angular использует Zone.js для отслеживания и... |
| 27.09.2021 | Небинарный *ngIf | Вам когда-нибудь хотелось отобразить состояние загрузки, пока ngIf ждет ответа от async-пайпа? Или, может, вы мечтали передать в ngFor шаблон для пустого массива? Возможно, вы бросили это, потому что вам не хотелось реализовывать базовую ло... |
| 12.09.2021 | Деструктуризация массивов и объектов в JavaScript — в чем разница? | Деструктурирующее присваивание в JavaScript — это изящный способ извлечения значений из массивов и объектов, при котором в полной мере реализуется принцип DRY (англ. Don’t repeat yourself — «Не повторяйся»).
Цель этой статьи — продемонстрир... |
| 12.03.2021 | Телеграф на RxJS | На днях я смотрел кино, где оператор использовал телеграф. Он знал наизусть азбуку Морзе и очень быстро нажимал свою единственную кнопку. Я задумался: с RxJS мы способны на большее! Давайте запилим телеграф, используя единственный fromEvent... |
| 29.10.2018 | Google updates Firebase with enterprise-grade support, ML Kit Face Contours, Management API, and more | Did you miss a session from GamesBeat Summit 2022? All sessions are available to stream now. Learn more.
Google today updated Firebase, its service for helping developers build apps for Android, iOS, and the web. Firebase has gained paid en... |
| 29.10.2018 | Google updates Firebase with enterprise-grade support, ML Kit Face Contours, Management API, and more | Google today updated Firebase, its service for helping developers build apps for Android, iOS, and the web. Firebase has gained paid enterprise-grade support, ML Kit Face Contours, a Firebase Management API, Test Lab for iOS, Performance Mo... |
