ANGULAR MASTERING UI

Ciao, mi chiamo Fabio Biondi, sono Google Developer Expert in web technologies e Angular.

In questo corso analizzeremo tecniche, metodologie e API del framework Angular, spesso poco documentate, per lo sviluppo di componenti, direttive, pipes e un'utilizzo avanzato del motore di dependency injection.

Per questo motivo, questo corso è infatti apprezzato soprattutto da coloro che già utilizzano Angular da un po' di tempo ma desiderano un approfondimento su 4 dei pilastri fondamentli del framework:

• il primo è la creazione di componenti custom: descriverò infatti in dettaglio ogni fase del ciclo di vita, useremo le QueryList tramite decoratori ViewChildren e ContentChildren, creremo istanze di componenti a runtime, vi mostrerò come sfruttare strategie di change detection per ottimizzare le performance, animations, integrazione librerie terze parti e altro ancora creando componenti come accordion, chart, google map, componenti di layout come griglie, collapsable panels e organizzandoli in moduli custom.

• creeremo direttive custom, sia attribute che structural (ovvero direttive che hanno l'asterisco come prefisso), per la manipolazione del DOM, la gestione della sicurezza, applicare styling, automatizzare processi e gestire eventi. Ho notato che la direttiva custom è uno degli strumenti meno utilizzati e sottovalutati dagli sviluppatori Angular ma se ci pensate, la maggior parte delle funzionalità del framework per la gestione della UI sono basate su questo costrutto, basti pensare a ngIf, ngFor, ngClass, routerLink e così via.

• custom pipes: formattare dati, filtrare elenchi con ngFor, creare pipe sincrone, asincrone, pure e impure.

• ampio spazio sarà dato anche al motore di dependency injection, un altro argomento spesso sottovalutato e la cui padronanza vi permetterà, non solo di evitare diversi bug o comportamenti anomali generati soprattutto quando si utilizzano moduli custom e lazy loading, ma anche di sfruttare il motore di injection per creare codice più scalabile e spesso più conciso. E' quindi fondamentale comprendere come funziona la gerarchia degli injector, comprendere l'utilizzo di InjectionToken, useClass, useExisting, useFactory, l'utilizzo di forRoot() (usatissimo in quasi tutte le librerie Angular di terze parti che già integrate nella vostra app).

Creeremo e pubblicheremo inoltre una libreria di componenti e servizi su npm, allo scopo di creare uno uikit di funzionalità riutilizzabili su più progetti, scriveremo alcuni unit test, organizzeremo le funzionalità in moduli e molto altro.

Gli argomenti sono tantissimi e vi consiglio di dare un'occhiata al programma dettagliato.