Ora che abbiamo una buona comprensione dei framework JavaScript
parliamo in modo specifico di Angular.
una breve storia di Angular
da dove proviene
di alcune delle principali caratteristiche di Angular, prima di andare
avanti per iniziare lo svolgimento del primo esercizio con Angular
Parliamo un pò della storia di Angular,
Angular si è evoluto dalla sua prima incarnazione chiamata AngularJS
AngularJS fu inizialmente progettato da Misko Hevery ed introdotto nel 2012,
e divenne velocemente un data application framework molto diffuso
Angular di cui parliamo in questo corso
è stata una completa re implementazione di AngularJS
Per cui, Angular come lo osserviamo oggi è un animale totalmente nuovo dotato di proprie caratteristiche,
ma eredita alcuni dei sui concetti e caratteristiche dalla versione precedente
Perciò, vedrete che AngularJS e Angular hanno in comune una parte della terminologia
e alcuni approcci comuni nella risoluzione dei problemi
ma la sintassi di Angular è significativamente diversa
da quella di AngularJS, se avevate familiarità con AngularJS
adesso avrete bisogno di riabituarvi
al modo in cui Angular risolve i problemi.
Angular ha un approccio basato sui componenti nell'implementare le applicazioni web
Quindi, i componenti sono diventati la testa ed il corpo di Angular adesso
Sebbene l'approccio basato sui componenti è stato reso retro compatibile
a partire dalla versione 1.5 di AngularJS.
ciò significa che se avevate un approccio basato sui componenti in AngularJS
vi troverete in un territorio familiare se approdate ad Angular.
Angular è stato progettato dall'inizio
con il supporto mobile così può essere facilmente utilizzato sulle piattaforme mobile
e fornisce inoltre il rendering lato server per velocizzare
il rendering della vostra applicazione web sui browser.
Inoltre, Angular fornisce un motore per i template e un potente supporto alla creazione di template
Vedremo alcuni di questi in maggiore dettaglio non appena avanzeremo nel corso.
In sintesi, cosa è esattamente Angular?
Angular è un framework strutturale per lo sviluppo di applicazioni web dinamiche.
L'approccio basato su HTML che abbiamo visto,
per esempio, con Bootstrap conduce fondamentalmente a documenti statici, naturalmente,
con jQuery e AJAX,
potete dare un aspetto un po più dinamico al vostro sito web servendovi di Bootstrap,
ma Angular riduce il gap fornendo il supporto
per applicazioni data-driven completamente dinamiche.
Utilizzando un approccio dichiarativo.
Abbiamo parlato dell'approccio dichiarativo nella programmazione nella precedente lezione.
e questo è quello che Angular adotta nel suo metodo di risoluzione dei problemi.
Quando giungete nel mondo di Angular,
sarete presto bombardati dal vocabolario di Angular.
Sentirete le persone parlare di data binding One-Way e Two-Way
di componenti ovviamente, sentirete parlare le persone di direttive,
di routing, templates, moduli, servizi,
e sentirete parlare di provider e testing,
e tanto altro, e presto sarete disorientati dalla terminologia.
In questo corso, adotteremo un approccio morbido nei confronti della terminologia.
Non ci tortureremo troppo con la terminologia ma
al contrario capiremo come utilizzare concretamente Angular.
Con una ragionevole comprensione di
questa terminologia ma come possiamo utilizzare Angular per risolvere problemi?
Questi termini sono straordinari per tirarvela durante una conversazione ad un aperitivo.
Potreste addirittura provare questa strategia di rimorchio, "Piccola,
ti piacerebbe vedere i miei componenti,
oppure tu porti i dati e io sarà il provider"
Dunque, a seconda di quanto bene la portate avanti,
potrete dargli un colpo o essere colpiti
A volte, quando cercate Angular sul web,
vedrete che si fa riferimento ad esso com Angular 2,
e vi starete chiedendo, ma è Angular 2 o semplicemente Angular?
Bene, per renderla più chiara,
in un recente post su un Blog del sito Angular
viene fatta una chiara distinzione tra il perché chiameremo
questo framework semplicemente Angular piuttosto che Angular 2,
o Angular 3, o Angular 4.
Angular ha adottato l'identificatore semantico
per marcare le diverse versioni rilasciate
la sintassi dell'identificatore semantico è costituita da 3 numeri
versione principale, versione secondaria, patch
L'incremento di patch significa che il rilascio è costituito principalmente da correzione di errori
l'incremento della versione secondaria indica piccoli avanzamenti
e l'incremento di versione principale indica cambiamenti rilevanti
Al momento siamo alla versione Angular 6
e la versione Angular 7 è in arrivo a Settembre o Ottobre 2018
e ogni sei mesi comunque
vedrete il rilascio di una versione principale
Ora, dalla vostra prospettiva,
una volta che avete iniziato,
gli sviluppatori di Angular hanno promesso di mantenere
la retro compatibilità delle applicazioni scritte nella sintassi precedente
e un percorso di aggiornamenti ben definito
per quelli che vogliono spostarsi verso una nuova versione di angular.
quindi, non preoccupatevi molto di questo
quello che imparerete vi fornirà un buon punto di partenza per lungo tempo a venire
non è come passare da AngularJS a Angular
questo tipo di modifica rilevante non si verificherà nelle future versioni di Angular
è arrivato il momento di passare al nostro primo esercizio su Angular dove istalleremo
la CLI di Angular e creeremo la nostra prima applicazione Angular attraverso di essa