Banx - учебный репозиторий, в котором предоставлен процесс разработки банковского приложения с использованием монорепозитория Nx.
В новом цикле статей мы будем рассматривать и создавать новое enterprise приложение на Angular по всем канонам Angular и Nx.
В качестве проекта, мы будем реализовывать небольшое банковское приложение, которое будет представлено в нескольких странах.
Что будет включать в себя приложение:
— Nx монорепозиторий для Angular — Ngrx реализация redux в Angular — l18n Angular localization
Основная цель данного цикла статей - показать полный цикл разработки приложения с использованием различных нюансов фреймворка.
Ссылки на официальную документацию и цикл статей по разработке UI для банковского приложения.
Первые 14 статей посвящены первичной настройке монорепозитория. В этих статьях добавляются "core" модули - новые части системы, которые в дальнейшем упростят работу с приложением.
Статья Создание API NestJS+TypeOrm+Mariadb. рассматривает разворачивание микро бекенда на NestJS в рамках монорепозитория NX.
Статья Гибкие шаблоны с routerOutlet в Angular рассматривает механизм работы с шаблонами и роутингом в Angular, который не очевиден с первого взгляда.
Создание страницы авторизации и сброса пароля пример разработки типовой функциональности в Angular.
Статья Создание трекера событий пользователя в Angular демонстрирует один из сбособов сбора данных о пользователе. В данной статье приводится реализация трекера на Angular, а также пример его интеграции с приложением.
Ниже представленны ссылки на официальную документацию и цикл статей в хронологическом порядке.
Для понимания того, что происходит в цикле статей Banx, рекомендую ознакомиться с официальной документацией используемых технологий и подходов:
Создание Nx workspace для Angular
Настройка базовых правил в eslint в Nx в Angular
- было актуально до 12 версии Angular
Структура Angular приложения в монорепозитории Nx
Создание базового лейаута в Angular
Основы верстки в Angular на примере создания страниц ошибок
Создание fake API с помощью json-server
Методы работы с LocalStorage, SessionStorage и Cookies
Config service и Environment service в Angular для Nx
Работа с Http в Angular. Создание вспомогательных утилит для API
Подключение Ngrx в Angular. Создание RootStore
Создание адаптивных колонок с помощью компонентов Angular.
PlatformService как обертка над PLATFORM_ID
Обработка и вывод фраз с числительными в Angular.
Создание API NestJS+TypeOrm+Mariadb.
Гибкие шаблоны с routerOutlet в Angular
Создание страницы авторизации и сброса пароля
Создание трекера событий пользователя в Angular