Learn Front-End Application Architecture

General Learning: ¹

• JavaScript Application Design [read][$]
• Programming JavaScript Applications [read]
• Grab Front End Guide [read]
• A set of best practices for JavaScript projects
• Spellbook of Modern Web Dev
• JavaScript Stack from Scratch

Deprecated Learning Materials:

• Build an App with React and Ampersand [watch]
• Building Modern Single-Page Web Applications [watch][$]
• Eloquent JavaScript: Modules [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:

¹ In 2018 learn React and Mobx.