LUMIFY WORK Angular 12 Programmazione

PERCHÈ STUDIU STU CORSO

Stu cursu cumpletu di Programmazione Angular 12 hè una cumminazione di apprendimentu teoricu è laboratori pratichi chì includenu una introduzione à Angular, seguita da TypeScript, cumpunenti, direttive, servizii, Client HTTP, teste è debugging.
U corsu hè riccu di informazioni utili è azzione chì pudete applicà à u vostru travagliu subitu. Amparate i fundamenti di basi di sviluppu Angular 12 cum'è l'applicazioni di navigatore di una sola pagina, rispunsevuli websiti, è applicazioni mobili hibridi.
Nota: Pudemu ancu furnisce furmazione nantu à altre versioni di Angular. Per piacè cuntattateci per fà una dumanda o registrà u vostru interessu.

COSU IMPARARÀ
Dopu à u successu di stu cursu, sarete capaci di:

• Sviluppà l'applicazioni Angular di una sola pagina cù Typescript
• Crea un ambiente cumpletu di sviluppu Angular
• Crea cumpunenti, direttive, servizii, tubi, forme è validatori persunalizati
• Gestisce i travaglii avanzati di ricuperazione di dati di rete utilizendu Observables Consume data da REST web servizii chì utilizanu l'Angular HT TP Client Handle cunnessione push-data usendu u WebProtokollu di sockets
• U travagliu cù Angular Pipes per furmà dati
• Aduprà funzioni avanzate di u Router Angular Component
• Pruvate è debug l'applicazioni Angular usendu strumenti integrati.

SUGETTI DI CURSU

Capitulu 1. Introducing Angular

• Cosa hè Angular?
• Funzioni cintrali di l'Angular Framework Casi d'usu adattati
• Building Blocks di una Applicazione Angular Architettura di Basa di una Applicazione Angular Installazione è Using Angular
• Anatomia di una applicazione angulare chì esegue l'applicazione
• Creazione è implementazione di l'Applicazione Angular per Apps Native Mobile
• Riassuntu

Capitulu 2. Introduzione à TypeScript

• Linguaggi di prugrammazione per l'usu cù a sintassi Angular TypeScript
• Editori di prugrammazione
• U Sistema di Tipu - Definizione di Variabili
• U Sistema di Tipu - Definizione di Arrays
• Tipi primitivi di basi
• Scrivite in Funzioni
• Tipu Inferenza
• Definizione di classi
• I metudi di classi
• Cuntrolla di Visibilità
• Costruttori di classi
• Costruttori di Classi - Campi di Forma Alternativa Uninitialized
• Interfacce
• U travagliu cù i Moduli ES6
• var vs let
• Funzioni di freccia
• Arrow Function Compact Syntax Template Strings
• Generic in Classe
• Genericu in funzione
• Riassuntu

Capitulu 3. Cumpunenti

• Cosa hè un cumpunente?
• Un Exampu cumpunenti
• Creazione di un Componente Utilizendu Angular CLI
• A Classe di cumpunenti
• U @Decoratore di cumpunenti
• Registrazione di un cumpunente à u so mudellu di cumpunente di modulu
• Example: Template HelloComponent
• Example: A Classe HelloComponent Utilizendu un Componente
• Eseguite l'Applicazione
• Gerarchia di cumpunenti
• U Componente Root di l'applicazione
• U Bootstrap File
• Ganci di ciclu di vita di cumpunenti Example Lifecycle Hooks
• Stili CSS
• Riassuntu

Capitulu 4. Templates di cumpunenti

• Templates
• Situazione di u Template
• U Moustache {{ }} Sintaxi
• Impostazione di e proprietà di l'elementu DOM
• Setting Element Body Text
• Ubligatoriu di l'avvenimentu
• Gestore di l'avvenimenti di l'espressione
• Impedisce a gestione predeterminata
• Direttive Attribute
• Applicà i stili cambiendu e classi CSS
• Example: ngClass
• Applicazione di stili direttamente
• Direttive Strutturali
• Template Execute Conditionally
• Example: ngIf
• Looping Utilizendu ngFor
• ngPer Variabili Locali
• Manipulendu a cullezzione Example - Sguassà un Elementu
• Tracciamentu di l'articuli cù ngFor Scambià Elementi cù Elementi di Raggruppamentu ngSwitch
• Riassuntu Variabile di Riferimentu di Template

Capitulu 5. Comunicazione Inter Component

• Principi di cumunicazione
• L'architettura di u flussu di dati
• Preparazione di u zitellu per riceve dati
• Mandate Dati da Parent
• Più nantu à a configurazione di e proprietà
• Eventu di sparu da un Componente
• @Output() Esample - Componente Child @Output () Esample - Cumpunente parenti
• Rilegatura completa in dui sensi
• Configurazione di l'associazione di dati bidirezionale in Parent
• Riassuntu

Chapter 6. Template Driven Forms

• Forme guidate da mudelli
• Modulu d'importazione di Forme
• Approcciu basicu
• Stabbilimentu di una Forma
• Ottene l'Input di l'Usuariu
• Omette l'attributu ngForm
• Inizializà a forma
• Ubligatoriu di dati bidirezionale
• Forma di validazione
• Validatori angulari
• Visualizzazione di u Statu di Validazione Utilizendu Classi Tipi di Input Addiziunali
• Checkboxes
• Selezziunà (Drop Down) Campi
• Opzioni di rendering per Select (Drop Down) Campi di data
• Pulsanti Radio
• Riassuntu

Capitulu 7. Forme Reactive

• Forme Reactive Overview
• I blocchi di costruzione
• Import ReactiveForms Module
• Custruisce una Forma
• Cuncepisce u Template
• Ottene i valori di input
• Inizializazione di i campi di input
• Impostazione di i valori di forma
• Abbunamentu à i cambiamenti di input
• Validazione
• Validatori integrati
• Mostra Errore di Validazione
• Validatore persunalizatu
• Utilizà un Validatore Personalizatu
• Fornisce a cunfigurazione à u Validatore Personalizatu
• FormArray - Aghjunghje dinamicamente inputs
• FormArray - A Classe di Cumpunenti
• FormArray - U Template
• FormArray - Valori
• Sub FormGroups - Classe di cumpunenti
• Sub FormGroups - Template HTML
• Perchè Utilizà Sub FormGroups
• Riassuntu

Capitulu 8. Servizi è Injezione di Dipendenza

• Cosa hè un serviziu?
• Crià un serviziu di basa
• A Classe di serviziu
• Cos'è l'iniezione di dipendenza?
• Injecting una istanza di serviziu
• Injectori
• Gerarchia di l'iniettori
• Registrazione di un serviziu cù u Root Injector
• Registrazione di un serviziu cù un iniettore di cumpunenti
• Registrate un serviziu cù un Injector di Modulu di Funzioni
• Induve registrà un serviziu?
• Iniezione di dipendenza in altri artefatti chì furnisce una iniezione di dipendenza di implementazione alternativa è @Host
• Iniezione di Dipendenza è @Optional
• Riassuntu

Capitulu 9. Client HTTP

• U Cliente Angular HT TP
• Utilizà u Cliente HT TP - Overview
• Importazione di HttpClientModule
• Serviziu Utilizendu HttpClient
• Fà una dumanda GET
• Chì faci un ughjettu observable?
• Utilizà u serviziu in un cumpunente
• A gestione di l'errore di u cumpunente di u Client PeopleService
• Personalizà l'ughjettu d'errore
• Fà una dumanda POST
• Fà una dumanda PUT
• Fendu una dumanda di DELETE

Capitulu 10. Pipe è Formatting Dati

• Chì sò i Pipi?
• Tubi integrati
• Utilizà Pipes in HTML Template Chaining Pipes
• Pipes Internaziunalizati (i18n) Caricamentu di Dati Locale
• A data Pipe
• U numeru Pipe
• Pipe di valuta
• Crea un Pipe Custom
• Pipa Custom Example
• Utilizà i tubi persunalizati
• Utilizà una Pipa cù ngFor
• Un tubu di filtru
• Category Pipe: Pura è Impura
• Riassuntu
• Pipa Pura Example
• Pipa impura Example
• Riassuntu

Capitulu 11. Introduzione à l'applicazioni Single Page

• Cosa hè una Applicazione Single Page (SPA) Tradizionale Web Applicazione
• U flussu di travagliu SPA
• Avanzate di l'applicazione di una sola paginatages HTML5 History API
• Sfide SPA
• Implementazione di SPA Utilizendu Riassuntu Angular

Capitulu 12. U Router Component Angular

• U Router di cumpunenti
• View Navigazione
• L'API Angular Router
• Crià una applicazione Router Enabled
• Ospitu i cumpunenti Routed
• Navigazione Utilizendu Links è Buttons
• Navigazione Programmatica
• Passing Route Parameters
• Navigazione cù Paràmetri Route
• Uttenimentu di i valori di i paràmetri di a strada
• Ritruvà u Parametru Route Synchronously
• Ritruvà un paràmetru di rotta in modu asincronu
• Paràmetri di dumanda
• Fornitura di parametri di dumanda
• Ritruvà i parametri di a dumanda in modu asincronu
• Prublemi cù Manual URL entrata è Bookmarking
• Riassuntu

Capitulu 13. Client HTTP avanzatu

• Opzioni di dumanda
• Riturnà un Oggettu HttpResponse
• Impostazione di l'intestazione di a dumanda
• Creazione di novi osservabili
• Crià un Observable Simple
• U Metudu Custruttore Observable Operatori Osservabili
• A mappa è u filtru Operatori
• L'operatore flatMap().
• L'operatore tap().
• U combinatore zip().
• Caching HT TP Risposta
• Facennu Sequential HT TP Calls
• Fà Chjami Paralleli
• Personalizà l'ughjettu di errore cù catchError ()
• Errore in Pipeline
• Recuperazione di errore
• Riassuntu

Capitulu 14. Moduli Angular

• Perchè i Moduli Angulari?
• Anatomia di una Classe di Modulu
• @NgModule Pruprietà
• Moduli di funziunalità
• Exampu Module Structure
• Crea un Modulu di Dominiu
• Crea una coppia di moduli Routed/Routing
• Crea un Modulu di serviziu
• Creazione di moduli cumuni

Capitulu 15. Routing Avanzatu

• Modulu di Funzionalità di Routing Abilitatu
• Utilizà u Modulu Feature
• Lazy Loading the Feature Module
• Creazione di ligami per i cumpunenti di u Modulu Feature
• Più nantu à Lazy Loading
• Preloading Moduli
• Percorsu predeterminatu
• Percorsu Wildcard Route
• redirige à
• Itinerari di u zitellu
• Definizione di i percorsi di u zitellu
• per i percorsi di i zitelli
• Ligami per i percorsi di i zitelli
• Guardie di navigazione
• Creazione di Implementazioni di Guardia
• Using Guards in a Route
• Riassuntu

Capitulu 16. Unità Testing Applicazioni Angular

• Unità Testing Artifacts Angulari
• Prucessione di strumenti
• Passi tipici di prova
• Risultati di prova
• Jasmine Test Suites
• Specifiche di Jasmine (test unità)
• Aspettative (Asserzioni)
• Matchers
• Examples of Using Matchers
• Utilizà u Not Property
• Configurazione è Teardown in Unit Test Suites
• Example of beforeEach è afterEach Funzioni
• Modulu di prova angulare
• Exampu Modulu di Test Angular
• Pruvate un serviziu
• Injecting una istanza di serviziu
• Pruvate un Metudu Sincronu
• Pruvate un Metudu Asynchronous
• Utilizendu Mock HT TP Client
• Fornitu Risposta Canned
• Pruvate un cumpunente
• Modulu di prova di cumpunenti
• Crià una istanza di cumpunenti
• A Classe ComponentFixture
• Testi di cumpunenti di basa
• A Classe DebugElement
• Simulazione di l'interazzione cù l'utilizatori
• Riassuntu

Capitulu 17. Debugging

• Overview di Debugging Angular
• Viewcodice TypeScript in Debugger
• Utilizà u debugger Keyword
• Debug Logging
• Cosa hè Angular DevTools?
• Utilizendu Angular DevTools
• Angular DevTools - Struttura di cumpunenti
• Angular DevTools - Esecuzione di Detezzione di Cambia
• Catching Errori di sintassi
• Riassuntu

Esercizii di Lab

• Lab 1. Introduzione à Angular
• Lab 2. Introduzione à TypeScript
• Lab 3. Introduzione à i cumpunenti
• Lab 4. Template di cumpunenti
• Lab 5. Crea un cumpunente di a galeria di foto
• Lab 6. Template Driven Form
• Lab 7. Crea un Form Edit
• Lab 8. Forma reattiva
• Lab 9. Sviluppà un serviziu
• Lab 10. Sviluppà un Client HT TP
• Lab 11. Use Pipes
• Lab 12. Applicazione Basic Single Page Using Router Lab 13. Custruisce una Single Page Application (SPA)
• Lab 14. Advanced HT TP Client
• Lab 15. Utilizendu Angular Bootstrap
• Lab 16. Lazy Module Loading
• Lab 17. Routing Avanzatu
• Lab 18. Test di unità
• Lab 19. Debugging Applicazioni Angular

PÀ QUÈ VA U CORSO ?
Stu cursu hè destinatu à tutti quelli chì anu bisognu di amparà i fundamenti di u sviluppu Angular 12 è l'applicà à a creazione. web applicazioni subitu. Pudemu ancu furnisce è persunalizà stu cursu di furmazione per gruppi più grande - risparmiendu u tempu, soldi è risorse di a vostra urganizazione.

PREREQUISITI
Web L'esperienza di sviluppu cù HTML, CSS è JavaScript hè necessaria per ottene u massimu di stu cursu Angular. A cunniscenza di u navigatore DOM hè ancu utile. L'esperienza Angular previa, cù AngularJS o qualsiasi versione di Angular, ùn hè micca necessariu.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Documenti / Risorse

LUMIFY WORK Angular 12 Programmazione [pdfGuida di l'utente Angular 12 Programmazione, Angular, 12 Programmazione, Programmazione

Referenze

• Manuale d'usu