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