DEV Community

Stefano Marchisio (sviluppatore freelance)
Stefano Marchisio (sviluppatore freelance)

Posted on • Edited on

Introduzione ad Angular

Stefano Marchisio - sviluppatore freelance: angular | asp.net core mvc c#

In questo Angular tutorial verranno trattati: Data Binding | decoratori @Input, @Output | decoratori @ViewChild, @ViewChildren, @ContentChild, @ContentChildren | content projection | manipolazione del DOM

Angular è un framework per lo sviluppo di SPA a componenti ed è una riscrittura completa di AngularJS. È stato rilasciato per la prima volta a maggio 2016 e la versione finale è stata rilasciata il 14 settembre 2016.

Angular ha molti miglioramenti rispetto ad AngularJS e presenta molte innovazioni che semplificano l'apprendimento e lo sviluppo di applicazioni enterprise.

In un applicazione Angular ogni elemento che vediamo nella UI è un component, ed un componente può essere a sua volta inserito all’interno di un altro componente formando così una struttura ad albero. In fase di progettazione è necessario quindi, scomporre la UI che desideriamo costruire in sotto componenti che svolgono una specifica funzione. Questo facilità in seguito eventuali modifiche oltre al riutilizzo del codice.

Alt Text

Il presente articolo è una raccolta di link che introducono e trattano alcuni aspetti base di Angular ( Slide - GitHub ).

1) Angular Component Communication (Data Binding) – parte 1

2) Angular Component Communication (decoratori @Input, @Output) – parte 2

3) Cosa sono le Template Reference Variable e i decoratori @ViewChild @ViewChildren @ContentChild @ContentChildren in Angular

4) Cosa sono le “projection” in Angular (ng-content ContentChild ContentChildren)

5) Come manipolare il DOM da un applicazione Angular

Ogni componente Angular ha poi degli eventi che vengono scatenati in determinati momenti, per esempio quando vengono inizializzate le proprietà di input piuttosto che quando il componente ed i relativi figli sono stati creati. E' opportuno utilizzare gli eventi del life-cycle di un componente nel modo appropriato onde evitare di incorrere in errori, maggiori informazioni al riguardo le potete trovare qui.

Alt Text

Se volete contattarmi il mio profilo Linkedin è il seguente:
Stefano Marchisio - sviluppatore freelance: angular | asp.net core mvc c#

Top comments (0)