Coder Social home page Coder Social logo

banx's Introduction

Banx

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

Auth

Введение

В новом цикле статей мы будем рассматривать и создавать новое 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, рекомендую ознакомиться с официальной документацией используемых технологий и подходов:

Документация по Angular

Документация по Ngrx

Документация по RxJS

Документация по Nx

Цикл статей

Создание Nx workspace для Angular

Настройка базовых правил в eslint в Nx в Angular

  • было актуально до 12 версии Angular

Структура Angular приложения в монорепозитории Nx

Организация стилей в Angular

Создание базового лейаута в 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

Реализация отпечатков пальцев браузера в Angular

Проектирование регистрации на Angular

banx's People

Contributors

fafnur avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.