了解Web应用程序的基本DOM结构和加载顺序

Question

我正在尝试开始使用Web应用程序，并了解所有内容如何在高级别上协同工作，包括：

• 理解“前端”和“后端”
• DOM的基本结构
• Web应用程序的事件序列

我在order of execution for web app和HTML order找到了帮助，但我无法理解一切如何在高层次上协同工作。我学得最好的方法是把它画出来。我的图纸是否正确？