Angular VS AngularJS

È abbastanza comune sentir norminare Angular e AngularJS. Ma qual è la differenza tra i due? Si tratta dello stesso framework? Scopriamolo.

AngularJS è il primo framework scritto nel 2010 da Miško Hevery, creatore poi di Angular e oggi CTO di Builder.io, l’azienda che, tra le altre cose, sviluppa il framework Qwik, ennesima sua innovativa creazione.

Come il nome suggerisce, questo framework è l’antenato di Angular, che ne rappresenta una completa riscrittura in TypeScript. Non a caso, il nome originale della versione riscritta era Angular2, e questo ha inizialmente causato non poca confusione tra i programmatori informatici. Il numero di versione fu rimosso con l’uscita della versione 4.0.0, e da allora facciamo semplicemente riferimento ad Angular.

Il supporto ad AngularJS è stato definitivamente interrotto da Gennaio 2022.

Ma che cos’hanno in comune, e di diverso, queste due versioni di Angular?

Angular VS AngularJS: le differenze.

La differenza più ovvia si evince proprio dal nome: AngularJS era scritto in linguaggio JavaScript puro, mentre Angular è scritto in TypeScript. Questa differenza sostanziale fa sì che Angular sia adatto allo sviluppo di progetti ben più complessi e dotati di tipizzazione statica, una caratteristica che facilita di molto la scalabilità e manutenibilità del codice.

Entrambi i framework implementano un’architettura a componenti di tipo Model-View-Controller/Model-View-ViewModel (MVC/MVVM); questa architettura prevede la suddivisione delle competenze di un’applicazione grafica su tre livelli:

• Model: il dato vero e proprio che comporre lo stato logico dell’applicazione; in un form ad esempio, il model è l’oggetto contenente i valori inseriti nel form.
• View: rappresentazione visiva dello stato dell’applicazione UI, ma anche l’insieme delle logiche esclusivamente dedicate all’interazione dell’utente, come animazioni e schermate di caricamento.
• Controller:gestisce la business logic del frontend quando la View segnala un’interazione dell’utente, aggiornando il Model e generando una nuova View aggiornata.
• ViewModel: variante del controller, implementa un canale a doppio senso tra View e Model attraverso il concetto di two-way data binding (associazione di dati a doppia via), che consente di creare una mappatura automatica tra lo stato della vista e quello del model.

In Angular questa architettura è formalizzata in modo più rigoroso e strettamente tipizzato: ogni componente è costituito separatamente da un template, da una classe che ne gestisce le logiche e da uno strato sottostante di classi e servizi che consentono una gestione piuttosto sofisticata dei dati all’interno dell’applicazione.

In conclusione, molti dei concetti introdotti in AngularJS sono mantenuti in Angular, ma la struttura del progetto è stata fortemente modificata e rafforzata con la riscrittura. Ad oggi AngularJS si può considerare un framework obsoleto, da non utilizzare per nuovi progetti.