Introduzione ad Angular
Tags: angular, typescript, javascript, frontend
Published: 2021-02-02 20:34:23

[Stefano Marchisio - sviluppatore freelance: angular | asp.net core mvc c#](https://www.stefanomarchisio.it/)

####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](https://dev-to-uploads.s3.amazonaws.com/i/a302ml5s8qria7t7p8u2.png)

Il presente articolo è una raccolta di link che introducono e trattano alcuni aspetti base di Angular ( [Slide](https://www.stefanomarchisio.it/angular-typescript-javascript-rxjs1.pptx) - [GitHub](https://github.com/mastefano64) ).

1) [Angular Component Communication (Data Binding) – parte 1](https://dev.to/mastefano64/angular-component-communication-data-binding-parte-1-321h)

2) [Angular Component Communication (decoratori @Input, @Output) – parte 2](https://dev.to/mastefano64/angular-component-communication-decoratori-input-output-parte-2-368f)

3) [Cosa sono le Template Reference Variable e i decoratori @ViewChild @ViewChildren @ContentChild @ContentChildren in Angular](https://dev.to/mastefano64/cosa-sono-le-template-reference-variable-e-i-decoratori-viewchild-viewchildren-contentchild-contentchildren-in-angular-2a7d)

4) [Cosa sono le “projection” in Angular (ng-content ContentChild ContentChildren)](https://dev.to/mastefano64/cosa-sono-le-projection-in-angular-ng-content-contentchild-contentchildren-aml)

5) [Come manipolare il DOM da un applicazione Angular](https://dev.to/mastefano64/come-manipolare-il-dom-da-un-applicazione-angular-2oj5)

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](https://www.linkedin.com/pulse/expressionchangedafterithasbeencheckederror-perché-accade-marchisio).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mqpusnl3x21f6w5ns7hv.png)

Se volete contattarmi il mio profilo Linkedin è il seguente:
[Stefano Marchisio - sviluppatore freelance: angular | asp.net core mvc c#](https://www.linkedin.com/in/stefano-marchisio-sviluppatore-web-angular-javascript-aspnet-fullstack/)