Web App Introduction
![](./talk-a-web-app-intro/web-app-intro.png)
Structure of a web app: Front-end Vs Backend. Routers, Models, Views, Controllers
Front-end
![](./talk-b-front-end/front-end.jpg)
Views: Handlebars layouts, partials and templates
Modules
![](./talk-b-modules/modules.png)
The backend will use a modular approach, relying on specific mechanism to import/export shared objects
Back-end
![](./talk-c-back-end/back-end.png)
Server, routes + controllers
Lab-3 Gomix Playlist 1
![](./book-a-gomix-playlist-1/img/main.jpg)
Import and run a new starter project. Extend this project to include multiple 'views'. Explore the handlebars templating library.