# Creare un'App Bancaria Parte 1: Template HTML e Rotte in un'App Web ## Quiz Pre-Lezione [Quiz pre-lezione](https://ff-quizzes.netlify.app/web/quiz/41) ### Introduzione Dall'avvento di JavaScript nei browser, i siti web sono diventati più interattivi e complessi che mai. Le tecnologie web sono ora comunemente utilizzate per creare applicazioni completamente funzionali che girano direttamente nel browser, chiamate [applicazioni web](https://en.wikipedia.org/wiki/Web_application). Poiché le app web sono altamente interattive, gli utenti non vogliono attendere il ricaricamento completo della pagina ogni volta che viene eseguita un'azione. Per questo motivo, JavaScript viene utilizzato per aggiornare direttamente l'HTML tramite il DOM, offrendo un'esperienza utente più fluida. In questa lezione, getteremo le basi per creare un'app bancaria web, utilizzando template HTML per creare più schermate che possono essere visualizzate e aggiornate senza dover ricaricare l'intera pagina HTML. ### Prerequisiti Hai bisogno di un server web locale per testare l'app web che costruiremo in questa lezione. Se non ne hai uno, puoi installare [Node.js](https://nodejs.org) e utilizzare il comando `npx lite-server` dalla tua cartella di progetto. Questo creerà un server web locale e aprirà la tua app in un browser. ### Preparazione Sul tuo computer, crea una cartella chiamata `bank` con un file chiamato `index.html` al suo interno. Partiremo da questo [boilerplate HTML](https://en.wikipedia.org/wiki/Boilerplate_code): ```html Bank App ``` --- ## Template HTML Se vuoi creare più schermate per una pagina web, una soluzione potrebbe essere creare un file HTML per ogni schermata che vuoi visualizzare. Tuttavia, questa soluzione presenta alcune difficoltà: - Devi ricaricare l'intero HTML quando cambi schermata, il che può essere lento. - È difficile condividere dati tra le diverse schermate. Un altro approccio è avere un solo file HTML e definire più [template HTML](https://developer.mozilla.org/docs/Web/HTML/Element/template) utilizzando l'elemento `