front-end architecture diagram
Post on 06-Dec-2015
18 Views
Preview:
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)
top related