Angular

framework per lo sviluppo di applicazioni web
Versione del 17 gen 2018 alle 17:37 di Luca778 (discussione | contributi) (Introduzione alla piattaforma per lo sviluppo di applicazioni web Angular)
(diff) ← Versione meno recente | Versione attuale (diff) | Versione più recente → (diff)

Angular

Angular 2+ o semplicemente Angular e' stato completamente riscritto rispetto alla versione precedente chiamata AngularJS o Angular 1.x. Di fatto le due versioni non sono compatibili. Il linguaggio di programmazione di AngularJS e' il JavaScript mentre quello di Angular e' il TypeScript. Questo articolo descrive Angular. Per AngularJS or Angular 1.x si prega di andare alla pagina AngularJS.
 
Angular logo

Angular e' stato sviluppato da Google, la sua prima release e' avvenuta il 14 September 2016.

E' una piattaforma open-source per lo sviluppo di applicazioni web con licenza MIT.

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'e' 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 e' stato progettato per fornire un strumento facile e veloce per sviluppare applicazioni che girano su qualunque piattaforma inclusi telefonini e tablets. Infatti le applicazioni web in Angular con l'utilizzo di Boostrap diventano "responsive", ossia il design del sito web si addatta in funzione alle dimensioni del dispositivo utilizzato.

Al momento c'e' in via di sviluppo un altro strumento progettato per rendere Angular responsive ed e' il Flex Layout, il vantaggio e' che e' molto piu' semplice da usare rispetto a Boostrap, in quanto Flex Layout e' stato progettato proprio per Angular.

Un altro strumento che facilita il design in Angular e' Angular Material, una serie di componenti che permette di creare una pagina web molto velocemente, dunque un pratica con l'utilizzo di Flex Layout and Angular Material si possono creare del siti web molto avanzati e che sono pure responsive.

Principi di base

Un'applicazione Angular e' composta in buona sostanza da una serie di moduli, chiamati NgModules, uno di questi e' il modulo principale (di solito chiamato AppModule) il quale inizia l'applicazione.

Ciascun NgModule e' formato da due parti, una e' la parte che definisce la grafica della pagina (chiamata Template), mentre l'altra (detta Component) e' responsabile della gestione della parte grafica. Per esempio, una pagina puo' 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 paramentri 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.

Collegamenti esterni

Sito ufficiale

Repository