Modern Web Application Architecture
summary
Demonstrates building YouTube from scratch in 40 minutes to justify an architecture of independent modules, a thin sandbox.request abstracts Ajax interface, and an application core that manages lifecycle, errors and inter‑module communication. Modules declare inputs, dependency arrays and outputs for ultra testable isolation; mediator versus shared service state patterns are compared. Advocates isomorphic applications and predicts reactive functional programming in 5 years as the right way to manage changing UI and persisted state.
AI-written summary · about
chapters (17)
- 0:00Start
- 0:33Modern Application Architecture
- 1:55Disclaimer
- 2:17.What Is a Single Page Application
- 3:33Routing in Single Page
- 4:32Controller
- 11:30What Are the Properties of a Module
- 12:18Unit Testing
- 14:32Loose Coupling
- 19:03Life Cycle Hooks
- 27:25Youtube Interface
- 28:44Mediator Pattern
- 30:37Update Recommendation
- 33:30Handle Errors at each Level
- 36:03Extensions
- 38:24Virtual Dom
- 43:40I Discussed Adding some Talk and Then in the End I Have some Bonus Points these Are the Two Boys Point the Two Takeaways if You Think that the Whole Presentation Was a Crap Forget about that Talk to People about this after the Presentation First Thing You Should Know about the Term Isomorphic Applications if You Want To Learn Modern Web Application Architecture so We Have a View in Which We Do Html Css Whatever and Then We Have Javascript and Then this and Then this Is the Server the Green Box You Write You Can Write Java You Can Write C Short We Can Write Python Ruby Whatever
related talks
44mHow to Approach Modern Web Applications
40mScalable JavaScript architecture
37mA Single Page Story
28mFunctional Web Apps: A New Paradigm For Web Development
34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?
40mAngular, React, Vue and Co. – peacefully united thanks to Web Components and Micro Apps
33mMicro Frontend Architecture
18mSoftware Architecture Building Better Applications with Architecture Best Practices