front-end architecture diagram
DESCRIPTION
Describes the relationship between source code, the various tools in the front-end ecosystem, and resultant distribution code.TRANSCRIPT
© 2014 SAPIENT CORPORATION | CONFIDENTIAL
SOURCE
OPEN SOURCE LIBRARIES
Responsive Grid Systems Polyfills DOM Abstraction
Libraries Utilities
PROJECT CODE
Templates SCSS/LessHTML JavaScript Modules Tests Docs GLSL
MV* Frameworks
Assets
Fonts
Images
Video
Audio
3D Models
TOOLING
Build
Pro
cess
DOCUMENTATION
“Living” Style Guide Generator
Markdown to HTML for Documentation
Build Tool/Task Runner
Scaffolding Tool/Generators Module Loader Package Manager Transpilers/
Compilers
Unit Tests
End-to-End Tests
TESTING FRAMEWORKS
CSS Regression Tests
DISTRIBUTION
Fonts
Optimized Images
Video
Audio
3D Models
Single or Chunked CSS File(s)
Single or Chunked JavaScript File(s)
HTML
Documentation (in HTML form)