Learn Front-End Application Architecture
General Learning: 1
- JavaScript Application Design [read][$]
- Programming JavaScript Applications [read]
Deprecated Learning Materials:
- Build an App with React and Ampersand [watch][$]
- Building Modern Single-Page Web Applications [watch][$]
- Eloquent JavaScript: Modules [read]
- A Field Guide to Static Apps [read]
- Field Guide to Web Applications [read]
- Frontend Guidelines Questionnaire [read]
- Human JavaScript [read]
- Nicholas Zakas: Scalable JavaScript Application Architecture [watch]
- Organizing JavaScript Functionality [watch][$]
- Patterns for Large-Scale JavaScript Application Architecture [read]
- Terrific [read]
- UI Architecture [watch][$]
- Web UI Architecture [watch][$]
NOTES:
Not a lot of general content is being created on this topic as of late. Most of the content offered for learning how to build front-end/SPA/JavaScript applications presupposes you've decided up a tool like Angular, Ember, React, or Aurelia.
ADVICE:
1 In 2017 learn Webpack, React, and Redux. Start with, "A Complete Intro to React" and "Building Applications with React and Redux in ES6".
SURVEY RESULTS:
The images below are from the 2016 Frontend Tooling Survey (4715 developers) and 2016 State of JS Survey (9307 developers)
Image source: https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results
Image source: http://stateofjs.com/
Image source: http://stateofjs.com/