Angular

framework per lo sviluppo di applicazioni web

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.

Logo di Angular

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 con l'utilizzo del componente Bootstrap diventano responsive, ossia il design del sito web si adatta in funzione alle dimensioni del dispositivo utilizzato.

È in corso di sviluppo un altro strumento di design responsivo, Flex Layout, più semplice da usare rispetto a Bootstrap e concepito appositamente per Angular.

Un altro strumento 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.

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, una è la parte che definisce la grafica della pagina (chiamata Template), mentre l'altra (detta Component) è responsabile della gestione della parte grafica. Per esempio, una pagina può essere composta da dei textboxes ed da un pulsante, questi vengono definiti nel Template, mentre se l'utente preme il pulsante, il Component viene attivato in modo da eseguire un'operazione come per esempio la lettura dei parametri di input 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, delle chiamate REST Web API che vengono definite nei Component per far interagire l'applicazione con un database.

Voci correlate

Collegamenti esterni