Cos'è AngularJS? Introduzione, Archistruttura e caratteristiche
James Hartmann
Cos'è AngularJS?
AngularJS è un framework Model-View-Controller open source simile a JavaCopione struttura. AngularJS è probabilmente uno dei framework web moderni più popolari oggi disponibili. Questo framework viene utilizzato per sviluppare principalmente applicazioni a pagina singola. Questo framework è stato sviluppato da un gruppo di sviluppatori di Google stessa.
Grazie al puro supporto di Google e alle idee provenienti da un ampio forum della community, il framework è sempre aggiornato. Inoltre, incorpora sempre le ultime tendenze di sviluppo del mercato.
AngularJS Architectura
Angular.js segue l'architettura MVC, il diagramma del framework MVC è mostrato di seguito:
- Il Controller rappresenta il livello che ha la logica aziendale. Gli eventi utente attivano le funzioni memorizzate nel controller. Gli eventi utente fanno parte del controller.
- Le visualizzazioni vengono utilizzate per rappresentare il livello di presentazione fornito agli utenti finali
- I modelli vengono utilizzati per rappresentare i tuoi dati. I dati nel tuo modello possono essere semplici come avere solo dichiarazioni primitive. Ad esempio, se stai gestendo un'applicazione per studenti, il tuo modello di dati potrebbe avere solo un ID studente e un nome. Oppure può anche essere complesso avendo un modello di dati strutturato. Se stai gestendo un'applicazione di proprietà di un'auto, puoi avere strutture per definire il veicolo stesso in termini di cilindrata, capacità di posti a sedere, ecc.
Caratteristiche di AngularJS
Angular ha le seguenti caratteristiche principali che lo rendono uno dei framework più potenti sul mercato:
- MVC – Il framework è costruito sul famoso concetto di MVC (controller di visualizzazione del modello). Questo è un modello di progettazione utilizzato in tutte le applicazioni web moderne. Questo modello si basa sulla suddivisione del livello della logica aziendale, del livello dei dati e del livello di presentazione in sezioni separate. La divisione in diverse sezioni è fatta in modo che ognuna possa essere gestita più facilmente.
- Associazione del modello di dati – Non è necessario scrivere codice speciale per associare i dati ai controlli HTML. Questo può essere fatto da Angular semplicemente aggiungendo alcuni snippet di codice.
- Scrivere meno codice – Quando si eseguono molte manipolazioni del DOM JavaCopione doveva essere scritto per progettare qualsiasi applicazione. Ma con Angular rimarrai stupito dalla minore quantità di codice che dovrai scrivere per la manipolazione del DOM.
- Unità Testing pronto – I progettisti di Google non solo hanno sviluppato Angular ma hanno anche sviluppato un framework di test chiamato “Karma” che aiuta nella progettazione di test unitari per le applicazioni AngularJS.
Vantaggi di AngularJS
Ecco i vantaggi di AngularJS:
- Poiché si tratta di un framework open source, puoi aspettarti che il numero di errori o problemi sia minimo.
- Binding bidirezionale: Angular.js mantiene sincronizzati i dati e il livello di presentazione. Ora non è necessario scrivere altro JavaCodice script per mantenere sincronizzati i dati nel tuo codice HTML e i tuoi dati successivi. Angular.js lo farà automaticamente per te. Devi solo specificare quale controllo è associato a quale parte del tuo modello.
- Routing: Angular può occuparsi del routing, ovvero il passaggio da una vista all'altra. Questa è la chiave fondamentale delle applicazioni a pagina singola; in cui puoi passare a diverse funzionalità nella tua applicazione web in base all'interazione dell'utente ma rimanere comunque sulla stessa pagina.
- Angular supporta entrambi i test Test unitari e Test d'integrazione.
- Estende l'HTML fornendo i propri elementi chiamati direttive. Ad alto livello, le direttive sono marcatori su un elemento DOM (come un attributo, un nome di elemento e un commento o una classe CSS) che indicano al compilatore HTML di AngularJS di allegare un comportamento specifico a quell'elemento DOM. Queste direttive aiutano ad estendere la funzionalità degli elementi HTML esistenti per dare più potenza alla tua applicazione web.
