Applying 3D Engineering Drawing Techniques to Web App Diagrams

Explore a conference talk that revolutionizes web app technical diagrams by applying 3D engineering drawing techniques. Learn how isometric projections can provide a more comprehensive perspective on the multi-dimensional nature of web app programming projects. Discover how this innovative approach addresses the limitations of traditional diagrams, incorporating elements such as code volume, third-party dependencies, environments, and delivery processes. Gain insights into the speaker's vision for representing the complexity of web app development, moving beyond simplistic stick-and-cloud architecture drawings and wireframes. Delve into various aspects of web app creation, from code files and folder structures to deployment processes and cloud storage across different environments. Understand the evolving nature of web applications and explore potential future applications of this 3D diagramming technique.

Intro
What is An App...Really
Code?
What is Coffee...Really
Ingredients ?
But Also...
3D insights - Coffee Shop
App As Code File(s)
Code Files in 3D
Code Comparison
Relative Size
Folders Sorted...in 3D
Bird's Eye View
Quickly "Fly" To Any Folder
Quickly See Important Patterns
Inspect Any or All Folders
Code Needs A Computer
And A User
A Web App Needs A Web Server
And A Developer (+ tools)
Who Does More Than Code
Technology Comparison
Wait... Where's Our User ?
Code Deployment
Deploy All The Things !
Shared Code Repository
Shared DEV Build & Test
Done?
A STAGING Environment
DEV - Cloud Storage
STAGING - Cloud Storage
PROD - Cloud Storage
Apps Continuously Evolve
3D insights - (Web) App
API Integrations
Future Explorations