Taiga UI — глава семьи

В Т‑Банке богатая история open-source-проектов. Мы много лет выпускали пакеты под мобильные устройства, AI и веб-технологии. Одним из флагманов стала Taiga UI — библиотека компонентов, возглавившая целое семейство проектов для комфортной и быстрой разработки приложений на Angular.

Идея создания собственной выделенной команды для поддержки UI-библиотеки возникла давно. Еще в далеком 2019 году первая глава команды, Юлия Царева, описала организацию работы в статье на Хабре. С тех пор мы продолжали радовать наших подписчиков публикациями о Taiga UI и смежных технологиях.

Давайте разберемся, чем примечателен этот продукт, что интересного может найти в нем любопытный инженер и почему мы так рады развивать этот проект в open source.

Taiga UI — библиотека компонентов. AI — искусственный интеллект. Веб-технологии — инструменты, используемые для создания веб-сайтов и веб-приложений. Angular — фреймворк для создания веб-приложений. UI — инструменты, которые отвечают за то, как выглядит интерфейс. UI-библиотека — набор готовых компонентов и стилей, которые используют для ускорения создания пользовательского интерфейса веб-сайтов и приложений. Some slider — случайный слайдер. From — от. Some additional text — некоторый дополнительный текст. Choose a person — выберите человека. Input phone — укажите телефон. An alternative one — альтернативный вариант. Input time — время ввода. First option — первый вариант. Cool option — отличный вариант. Other option — другой вариант. Your personal option — ваш личный вариант. Doubtful option — сомнительный вариант. One more value — еще одно значение. UI-кит — набор готовых стилизованных компонентов пользовательского интерфейса. Демопортал — раздел, предоставляющий доступ к демонстрационным версиям программ, продуктов или услуг. Our of — наш из. Saving for a Benjamin Franklin portrait — коплю на портрет Бенджамина Франклина. Music — музыка. Buy — купить. Primary Card — основная карточка. Ridley Scott — Ридли Скотт. A blade runner must pursue and terminate four replicants stole a ship in space and have returned to Earth to find creator. — Бегущий по лезвию должен преследовать и уничтожить четырех репликантов, которые украли корабль в космосе и вернулись на Землю, чтобы найти создателя. Интерфейс — набор инструментов для взаимодействия с программой. Баг — техническая ошибка. Фича — функция продукта. Poster — плакат. Cinema — кинотеатр. Concerts — концерты. Theaters and sports up to — театры и спортивные мероприятия до. Flights — рейсы. Google — поисковик. Microsoft — программное обеспечение. Lego — конструктор. API — интерфейс программирования приложения. CSS — язык стилей, который описывает внешний вид веб-страницы. Кастомизация — адаптация продукта под индивидуальные предпочтения клиента. Хард-скиллы — профессиональные качества, которые позволяют выполнять возложенные задачи. Скоуп — объем работ или границы проекта. January — январь. For all the time — за все это время. Today — сегодня. Yesterday — вчера. Current week — текущая неделя. Current month — текущий месяц. Previous month — предыдущий месяц. Other date — другая дата. Google Developer Expert — участник программы экспертов в технологиях Google. Фреймворк — структура, которая дает набор инструментов, библиотек и правил для разработки приложений. Number — номер. Expires — истекает. Not bad! — неплохо! Total — весь. Food — еда. Cafe — кафе. OSS — операционные системы. Taxi — такси. Other — другой. Label whiteblock — белый блок этикетки. Label — этикетка. Button — кнопка. Input — ввод. Test — тест. Some Text — произвольный текст. WOW — ух ты. Roy — Рой. I’ve seen things you people wouldn’t believe. Attack ships on fire off The — Я видел такое, во что вы, люди, не поверите. Атакующие корабли в огне с борта. Time to die — время умирать. Семантическая верстка — это подход к созданию веб-страниц на языке HTML, основанный на использовании HTML-тегов в соответствии с их семантикой. Open source — открытое ПО. GitHub — платформа для размещения ИТ-проектов. Taiga Family — семейство продуктов. Maskito — библиотека для маскирования полей. React — библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов. Vue — фреймворк JavaScript для создания пользовательских интерфейсов. JavaScript — язык программирования. Date — дата. Ionic — среда для разработки гибридных кроссплатформенных мобильных приложений. Web Audio API — программный интерфейс (API), позволяющий создавать, обрабатывать, управлять и визуализировать звук в веб-приложениях прямо в браузере. Линтер — программа, которая помогает приводить код к единому стилю. Приттир — Prettier, форматтер кода, который стилизирует код в единый стандарт. Common — общий. A set of common untlis for consuming Web APIs with Angular. — Набор общих функций для использования веб-API с Angular. Universal — универсальный. A set of fallbacks to seamlessly use Web APIs with Angular Universal. — Набор запасных вариантов для беспрепятственного использования веб-API с Angular Universal. Audio — аудио. A library for declarative use of Web Audio API with Angular. — Библиотека для декларативного использования Web Audio API с Angular. Canvas — HTML-элемент для графики. A library for declarative use of Canvas API with Angula— Библиотека для декларативного использования Canvas API с Angular. Geolocation — геопозиционирование. An Observable based abstraction to use Geolocation API with Angular. — Абстракция, основанная на наблюдении, для использования API геолокации с Angular. Intersection Observer — браузерный API, который позволяет асинхронно отслеживать, когда один элемент пересекает другой элемент или область просмотра браузера. A library for declarative use of Intersection Observer API with Angular. — Библиотека для декларативного использования Intersection Observer API с Angular. MIDI — цифровой интерфейс музыкальных инструментов. An Observable based library for the use of Web MIDI API with Angular. — Библиотека на основе Observable для использования Web MIDI API с Angular. Mutation Observer — веб-API для отслеживания изменений в DOM-дереве и запуска функций обратного вызова при их возникновении. A library for declarative use of Mutation Observer API with Angular. — Библиотека для декларативного использования API-интерфейса Mutation Observer с Angular. Payment Request — Платежный запрос. A library for declarative use of Payment Request API with Angular. — Библиотека для декларативного использования API платежных запросов с Angular. Permissions — Разрешения. A library for Observable-based use of Permissions API — Библиотека для использования API разрешений на основе Observable. Resize Observer — JavaScript API, позволяющий эффективно отслеживать изменения размеров конкретных DOM-элементов. A library for declarative use of Resize Observer API with Angular — Библиотека для декларативного использования API Resize Observer с Angular. Speech — технология распознавания речи. A library for comfortable use of Web Speech API with Angular — Библиотека для удобного использования Web Speech API с Angular. Storage — место хранения. Workers — рабочие. View Transition — переход к просмотру.