IT Architecture (edit)

Microservice Architecture

https://callistaenterprise.se/

https://callistaenterprise.se/english/

Microservice Architecture

https://callistaenterprise.se/blogg/

https://callistaenterprise.se/erbjudanden/cloud-microservices/

OAuth & OIDC

https://callistaenterprise.se/assets/presentationer/cadec-2020-oauth.pdf

Author: https://www.linkedin.com/in/andreastell/

Microservice Architecture and Design Patterns for Microservices

https://medium.com/@madhukaudantha/microservice-architecture-and-design-patterns-for-microservices-e0e5013fd58a

Front-end Architecture Outline

https://coreui.io/

https://wrapbootstrap.com/theme/outline-angularjs-html-admin-theme-WB057X3JX (Plugins)

Testing Tools

Integration Testing Tool

• Selenium

Build System

• Grunt

HTML

https://www.w3schools.com/html/html5_syntax.asp

https://google.github.io/styleguide/htmlcssguide.html

https://www.codecademy.com/articles/html-inline-styles

CSS for TABLE

https://www.w3schools.com/css/css_table.asp

https://css-tricks.com/complete-guide-table-element/

• Tables Can Be Difficult in Fluid/Responsive Designs
• RWD List to Table

https://css-tricks.com/footable-a-jquery-plugin-for-responsive-data-tables/

https://css-tricks.com/responsive-data-table-roundup/

https://css-tricks.com/accessible-simple-responsive-tables/

Collapse to blocks on small screens

• Responsive collapse (by column)
• Responsive collapse (by row)

Collapsing to Tabs or Accordions

• Collapse to Tabs
• Collapse to Accordions

https://html-cleaner.com/features/replace-html-table-tags-with-divs/

CSS

https://css-tricks.com/css-style-guides/

Pre-processor

• Less
• Sass

Pattern Library

• Pure.css
• Bootstrap

JavaScript

Unit Testing Tool

• Jasmine

Functional Testing tool

• Karma

Frameworks

• Angular

Other Libraries

• Modernizr
• Moment.js

Module Loader

• Require.js

https://github.com/klamping/Front-end-Architecture-Outline

Frontend:

Bootstrap 4 starter kit pro

http://demo.bootstraptor.com/starter-kit-pro/

Sử dụng Bootstrap Components không cần đến jQuery

https://www.sitepoint.com/use-bootstrap-components-without-jquery/

Backend:

https://github.com/cesarcastrocuba/nlayerappv3

• .Net Core Localization.
• Docker.
• FrontEnd implementation with Angular.
• More tests.
• Store Procedures execution with ef core.
• Versioning.
• Security with Identity Server4.
• Cache.

https://github.com/techcoaching/TinyERP

• Overview
• Add new Role
• Project Structure
• Multi-Languages (i18n)
• DI & IoC - Why and Why not?
• RESTful & WebApi
• Manage Application Lifecycle
• Build & Deploy Application
• New version of TinyERP with Angular 2
• CQRS: Improve performance in enterprise application
• Using CQRS for scaling your application
• Multi data-stores
• Scale your repository
• Which pattern should I use?
• Basic authentication (user name/ password) with OWIN
• Token based authentication with OWIN
• Refactoring the architecture/ pattern (Part 1)
• Refactoring the architecture/ pattern (Part 2)
• Refactoring the architecture/ pattern (Part 3)
• Deploy to Azure - Using Visual Studio
• Deploy to Azure using FTP
• Deploy to Azure using PowerShell