Angular
Angular 2+ (o semplicemente Angular) è una piattaforma open source per lo sviluppo di applicazioni web con licenza MIT. È l'evoluzione di AngularJS. Angular è stato sviluppato principalmente da Google, la sua prima release è avvenuta il 14 settembre 2016.
Caratteristiche
Angular è stato completamente riscritto rispetto a AngularJS e le due versioni non sono compatibili. Il linguaggio di programmazione usato per AngularJS è JavaScript mentre quello di Angular è TypeScript.
Le applicazioni sviluppate in Angular vengono eseguite interamente dal web browser dopo essere state scaricate dal web server. Questo comporta il risparmio di dover spedire indietro la pagina web al web-server ogni volta che c'è una richiesta di azione da parte dell'utente. Il codice generato da Angular gira su tutti i principali web browser moderni quali ad esempio Chrome, Internet Explorer, Opera, Firefox, Safari ed altri.
Angular è stato progettato per fornire un strumento facile e veloce per sviluppare applicazioni che girano su qualunque piattaforma inclusi smartphone e tablet. Infatti le applicazioni web in Angular in combinazione con il toolkit open source Bootstrap diventano responsive, ossia il design del sito web si adatta in funzione alle dimensioni del dispositivo utilizzato.
È in corso di sviluppo un altro toolkit di design responsivo, Flex Layout, più semplice da usare rispetto a Bootstrap e concepito appositamente per Angular.
Altro toolkit che facilita la progettazione in Angular è Angular Material, una serie di componenti che permette di creare una pagina web molto velocemente: con l'utilizzo combinato di Flex Layout ed Angular Material si possono creare siti e applicazioni web responsive molto avanzate basate su Angular.
Principi di base
Un'applicazione Angular è composta in da una serie di moduli, chiamati NgModules; uno di questi è il modulo principale (di solito chiamato AppModule) il quale inizia l'applicazione.
Ciascun NgModule è formato da due parti: il Template che definisce la grafica della pagina e il Component, responsabile della gestione e dell'interazione applicativa con la parte grafica. Per esempio, in una pagina composta da textbox e un pulsante, questi elementi vengono definiti nel Template, mentre il Component viene attivato quando viene premuto il pulsante in modo da eseguire l'operazione associata come per esempio la lettura dei contenuti delle textbox e l'invio di questi ad un server per il loro salvataggio in un database.
Un'altra componente molto importante nello sviluppo di un'applicazione Angular sono i cosiddetti Services, ovvero chiamate REST Web API che vengono definite nei Component per far interagire l'applicazione con un database.