Angular
| Angular software | |
|---|---|
 | |
| Genere | Framework per applicazioni web |
| Sviluppatore | |
| Data prima versione | 14 settembre 2016 |
| Ultima versione | 17.3.5 (17 aprile 2024) |
| Sistema operativo | Multipiattaforma (su web browser) |
| Linguaggio | TypeScript |
| Licenza | open source licenza MIT (licenza libera) |
| Lingua | Inglese |
| Sito web | angular.io e angular.dev |
Angular (noto anche come Angular 2) è un framework open source per lo sviluppo di applicazioni web con licenza MIT[1], evoluzione di AngularJS. Sviluppato principalmente da Google, la sua prima release è avvenuta il 14 settembre 2016[2].
Caratteristiche[modifica | modifica wikitesto]
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[3].
Le applicazioni sviluppate in Angular vengono eseguite interamente dal web browser dopo essere state scaricate dal web server (elaborazione lato client). 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 può essere eseguito su tutti i principali web browser moderni quali ad esempio Chrome, Microsoft Edge, Opera, Firefox, Safari ed altri[4].
Angular è stato progettato per fornire uno 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[5].
È in corso di sviluppo un altro toolkit di design responsivo, Flex Layout, più semplice da usare rispetto a Bootstrap e concepito appositamente per Angular[6].
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[7].
Components[modifica | modifica wikitesto]
I "components" sono le unità che compongono un'applicazione scritta in Angular.
Ogni component è composto da[8]:
- Un file typescript contenente una classe che specifica il comportamento del component
- Un file HTML che specifica il template del component (ovvero quello che viene visualizzato sulla pagina
- Un selettore, che viene utilizzato nei template di altri component per incorporarlo
- Un file CSS (opzionale) che definisce lo stile specifico per quel component
Un esempio di classe di un component che specifica selettore, html e css:
@Component({
selector: 'app-component-prova',
templateUrl: './component-prova.component.html',
styleUrls: ['./component-prova.component.css']
})
export class ComponentProvaComponent{
}
In un file html di un altro component, a questo punto, è possibile incorporare il component dichiarato precedentemente inserendo nell'html la direttiva
<app-component-prova></app-component-prova>
Note[modifica | modifica wikitesto]
- ^ angular: One framework. Mobile & desktop, Angular, 18 gennaio 2018. URL consultato il 18 gennaio 2018.
- ^ Angular, version 2: proprioception-reinforcement, su angularjs.blogspot.co.uk. URL consultato il 18 gennaio 2018 (archiviato dall'url originale il 18 gennaio 2018).
- ^ Angular Minds, Major differences between Angular 1 vs Angular 2 vs Angular 4, su Medium, 4 agosto 2017. URL consultato il 18 gennaio 2018.
- ^ Angular Docs, su angular.io. URL consultato il 18 gennaio 2018.
- ^ (EN) Angular powered Bootstrap, su ng-bootstrap.github.io. URL consultato il 18 gennaio 2018.
- ^ flex-layout: Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API, Angular, 18 gennaio 2018. URL consultato il 18 gennaio 2018.
- ^ Angular Material, su material.angular.io. URL consultato il 18 gennaio 2018.
- ^ Documentazione Angular - components, su angular.io.
Voci correlate[modifica | modifica wikitesto]
Altri progetti[modifica | modifica wikitesto]
Wikimedia Commons contiene immagini o altri file su Angular
Collegamenti esterni[modifica | modifica wikitesto]
- Sito ufficiale, su angular.io.
- Sito ufficiale, su angular.dev.
- Angular (canale), su YouTube.
- (EN) Angular, su GitHub.
- Repository sorgenti di Angular, su github.com.
