- JavaScript Application Design [read][$]
- Programming JavaScript Applications [read]
- 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][$]
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.
[^1] In 2017 learn Webpack, React, and Redux. Start with, "A Complete Intro to React" and "Building Applications with React and Redux in ES6".
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/