LUMIFY WORK Angular 15 Programming User Guide

LUMIFY Angular 15 Programming - Featured Image

APPLICAZIONE E WEB SVILUPPO
Programmazione Angolare 15
LUNGHEZZA 5 giorni
VERSIONE 15

PERCHÉ STUDIARE QUESTO CORSO

Questo corso di formazione intensivo e completo su Angular 15 fornisce ai partecipanti competenze che possono utilizzare immediatamente nel loro lavoro. Imparerai i fondamenti dello sviluppo di Angular 15 come le applicazioni browser a pagina singola e reattive websiti e applicazioni mobili ibride.
Questo corso è una combinazione di apprendimento teorico e laboratori pratici che include un'introduzione ad Angular, seguita da TypeScript, componenti, direttive, servizi, HTTPClient, test e debug.
Nota: Possiamo anche fornire formazione su altre versioni di Angular. Vi preghiamo di contattarci per fare una richiesta o registrare il vostro interesse.

ANGOLARE AL LUMIFY WORK

COSA IMPARERAI

Una volta completato con successo questo corso, avrai le conoscenze per:

Sviluppa applicazioni angolari a pagina singola utilizzando Typescript
Configura un ambiente di sviluppo angolare completo
Crea componenti, direttive, servizi, pipe, moduli e validatori personalizzati
Gestisci attività avanzate di recupero dei dati di rete utilizzando gli osservabili
Consumare dati da REST web servizi utilizzando Angular HTTP Client
Gestire le connessioni dati push utilizzando il file WebProtocollo socket
Lavora con Angular Pipes per formattare i dati
Utilizza le funzionalità avanzate di Angular Component Router
Testa ed esegui il debug delle applicazioni Angular utilizzando gli strumenti integrati
Lavora con la CLI angolare

Il mio istruttore è stato fantastico nel riuscire a inserire scenari in istanze del mondo reale correlate alla mia situazione specifica.
Mi hanno fatto sentire il benvenuto fin dal momento in cui sono arrivato e la possibilità di sedermi in gruppo fuori dall'aula per discutere delle nostre situazioni e dei nostri obiettivi è stata estremamente preziosa.
Ho imparato molto e ho ritenuto che fosse importante raggiungere i miei obiettivi frequentando questo corso.
Ottimo lavoro, il team di lavoro Lumify.AMANDA NICOL
RESPONSABILE DEI SERVIZI DI SUPPORTO IT – HEALTH WORLD LIMITED

ARGOMENTI DEL CORSO

Presentazione di Angular
• Cos'è Angular?
• Caratteristiche centrali del framework angolare
• Casi d'uso appropriati
• Elementi costitutivi di un'applicazione Angular
• Architettura di base di un'applicazione angolare
• Installazione e utilizzo di Angular
• Anatomia di un'applicazione angolare
• Esecuzione dell'applicazione
• Creazione e distribuzione dell'applicazione
• Angular per app mobili native
Introduzione a TypeScript
• Linguaggi di programmazione da utilizzare con Angular
• Sintassi TypeScript
• Redattori di programmazione
• Il sistema dei tipi – Definizione delle variabili
• Il sistema dei tipi: definizione degli array
• Tipi primitivi di base
• Digitare Funzioni
• Digitare Inferenza
• Definizione delle classi
• Metodi di classe
• Controllo della visibilità
• Costruttori di classi
• Costruttori di classi – Forma alternativa
• Campi non inizializzati
• Interfacce
• Lavorare con i moduli ES6
• var vs let
• Funzioni freccia
• Sintassi compatta della funzione freccia
• Stringhe modello
• Generici in classe
• Generici in funzione
Componenti
• Cos'è un componente?
• Un example Component
• Creazione di un componente utilizzando la CLI Angular
• La Classe Componente
• Il decoratore @Component
• Registrazione di un componente nel relativo modulo
• Modello componente
• Esample: modello HelloComponent
• Esample: la classe HelloComponent
• Utilizzo di un componente
• Eseguire l'applicazione
• Gerarchia dei componenti
• Il componente Root dell'applicazione
• Il Bootstrap File
• Hook del ciclo di vita dei componenti
• Esampgli Hook del ciclo di vita
• Stili CSS
Modelli di componenti
• Modelli
• Posizione del modello
• La sintassi dei baffi {{ }}
• Impostazione delle proprietà dell'elemento DOM
• Impostazione del testo del corpo dell'elemento
• Associazione ad eventi
• Gestore eventi di espressione
• Prevenire la gestione predefinita
• Direttive sugli attributi
• Applicare stili modificando le classi CSS
• Esampfile: ngClass
• Applicazione diretta degli stili
• Direttive strutturali
• Modello di esecuzione condizionale
• Esample: ngIf
• Ciclo utilizzando ngFor
• ngPer variabili locali
• Manipolazione della Collezione
• Esample – Eliminazione di un elemento
• Monitoraggio degli articoli con ngFor
• Scambiare elementi con ngSwitch
• Raggruppamento di elementi
• Variabile di riferimento del modello
Comunicazione tra componenti
• Nozioni di base sulla comunicazione
• L'architettura del flusso di dati
• Preparare il bambino a ricevere i dati
• Invia dati dal genitore
• Ulteriori informazioni sull'impostazione delle proprietà
• Evento di attivazione da un componente
• @Output() Esample – Componente figlio
• @Output() Esample – Componente principale
• Rilegatura bidirezionale completa
• Impostazione dell'associazione dati bidirezionale nel genitore
Template e moduli guidati
• Moduli basati su modelli
• Modulo Importazione moduli
• Approccio di base
• Impostazione di un modulo
• Ottenere l'input dell'utente
• Omissione dell'attributo ngForm
• Inizializzare il modulo
• Associazione dati bidirezionale
• Convalida del modulo
• Validatori angolari
• Visualizzazione dello stato di convalida utilizzando le classi
• Tipi di input aggiuntivi
• Caselle di controllo
• Selezionare i campi (elenco a discesa).
• Opzioni di rendering per Seleziona (elenco a discesa)
• Campi data
• Tasti della radio
Forme reattive
• Forme reattive finiteview
• Gli elementi costitutivi
• Importa FormsModule reattivi
• Costruire un modulo
• Progettare il modello
• Ottenere valori di input
• Inizializzazione dei campi di input
• Impostazione dei valori del modulo
• Iscrizione alle modifiche degli input
• Convalida
• Validatori integrati
• Visualizzazione dell'errore di convalida
• Validatore personalizzato
• Utilizzo di un validatore personalizzato
• Fornitura della configurazione al validatore personalizzato
• FormArray – Aggiunta dinamica di input
• FormArray – La classe del componente
• FormArray – Il modello
• FormArray – Valori
• Sottogruppi modulo – Classe componente
• Gruppi moduli secondari – Modello HTML
• Perché utilizzare i gruppi di moduli secondari
Servizi e inserimento delle dipendenze
• Cos'è un servizio?
• Creare un Servizio Base
• La Classe di Servizio
• Cos'è l'inserimento delle dipendenze?
• Iniezione di un'istanza del servizio
• Iniettori
• Gerarchia degli iniettori
• Registrazione di un servizio con Root Injector
• Registrazione di un servizio con l'iniettore di un componente
• Registrare un servizio con un Feature Module Injector
• Dove registrare un servizio?
• Iniezione di dipendenze in altri artefatti
• Fornire un'implementazione alternativa
• Iniezione di dipendenze e @Host
• Inserimento delle dipendenze e @Optional
Cliente HTTP
• Il client HTTP angolare
• Utilizzo del client HTTP – Fineview
• Importazione di HttpClientModule
• Servizio tramite HttpClient
• Effettuare una richiesta GET
• Cosa fa un oggetto osservabile?
• Utilizzo del Servizio in un Componente
• Il componente client PeopleService
• Gestione degli errori
• Personalizzazione dell'oggetto errore
• Effettuare una richiesta POST
• Effettuare una richiesta PUT
• Effettuare una richiesta di DELETE
Pipe e formattazione dei dati
• Cosa sono i tubi?
• Tubi integrati
• Utilizzo di pipe nel modello HTML
• Concatenamento di tubi
• Tubazioni Internazionalizzate (i18n)
• Caricamento dei dati locali
• La pipa della data
• Il numero Tubo
• Tubo valutario
• Creare una tubazione personalizzata
• Tubo personalizzato, esample
• Utilizzo di pipe personalizzate
• Utilizzo di una pipe con ngFor
• Un tubo filtro
• Categoria del tubo: puro e impuro
• Tubo puro Example
• Tubo impuro Example
Introduzione alle applicazioni a pagina singola
• Cos'è un'applicazione a pagina singola (SPA)
• Tradizionale Web Applicazione
• Flusso di lavoro SPA
• Avanzamento applicazione pagina singolatages
• API della cronologia HTML5
• Sfide SPA
• Implementazione di SPA utilizzando Angular
Il router a componenti angolari
• Il router dei componenti
• View Navigazione
• L'API del router angolare
• Creazione di un'applicazione abilitata al router
• Ospitare i componenti instradati
• Navigazione tramite collegamenti e pulsanti
• Navigazione programmatica
• Passaggio dei parametri del percorso
• Navigazione con i parametri del percorso
• Ottenere i valori dei parametri del percorso
• Recupero dei parametri del percorso in modo sincrono
• Recupero di un parametro di percorso in modo asincrono
• Parametri della query
• Fornitura di parametri di query
• Recupero dei parametri di query in modo asincrono
• Problemi con il manuale URL immissione e segnalibri
Client HTTP avanzato
• Richiedi opzioni
• Restituzione di un oggetto HttpResponse
• Impostazione delle intestazioni delle richieste
• Creazione di nuovi osservabili
• Creazione di un osservabile semplice
• Il metodo dei costruttori osservabili
• Operatori osservabili
• La mappa e gli operatori dei filtri
• L'operatore flatMap()
• L'operatore tap()
• Il combinatore zip()
• Memorizzazione nella cache della risposta HTTP
• Effettuare chiamate HTTP sequenziali
• Effettuare chiamate parallele
• Personalizzazione dell'oggetto errore con catchError()
• Errore nella pipeline
• Recupero errori
Moduli angolari
• Perché i moduli angolari?
• Anatomia di una classe di moduli
• Proprietà @NgModule
• Moduli di funzionalità
• Esample Struttura del modulo
• Creare un modulo di dominio
• Creare una coppia di moduli instradati/instradati
• Creare un modulo di servizio
• Creazione di moduli comuni
• Utilizzo di un modulo da un altro
Routing avanzato
• Modulo funzionalità abilitato al routing
• Utilizzo del modulo funzionalità
• Caricamento lento del modulo funzionalità
• Creazione di collegamenti per i componenti del modulo funzionalità
• Ulteriori informazioni sul caricamento lento
• Precaricamento dei moduli
• associazione routerLinkActive
• Percorso predefinito
• Percorso percorso con caratteri jolly
• reindirizzareA
• Percorsi figli
• Definizione di percorsi secondari per percorsi secondari
• Collegamenti per percorsi secondari
• Guardie di navigazione
• Creazione di implementazioni di protezione
• Utilizzo delle protezioni in un percorso
Test unitari di applicazioni angolari
• Test unitario degli artefatti angolari
• Strumenti di test
• Fasi tipiche del test
• Risultati del test
• Suite di test del gelsomino
• Specifiche del gelsomino (test unitari)
• Aspettative (Affermare ioni)
• Corrispondenti
• Esample di Utilizzo dei Matcher
• Utilizzando la proprietà not
• Configurazione e smontaggio nelle suite di test unitari
• Esample delle funzioni beforeEach e afterEach
• Modulo Test Angolare
• Esample Modulo Test Angolare
• Testare un servizio
• Iniezione di un'istanza del servizio
• Testare un metodo sincrono
• Testare un metodo asincrono
• Utilizzo del client HTTP simulato
• Fornire risposte predefinite
• Testare un componente
• Modulo Test Componenti
• Creazione di un'istanza del componente
• La classe ComponentFixture
• Test dei componenti di base
• La classe DebugElement
• Simulazione dell'interazione dell'utente
Debug
• Sopraview del debug angolare
• Viewinserendo il codice TypeScript nel debugger
• Utilizzando la parola chiave del debugger
• Registrazione di debug
• Cos'è Angular DevTools?
• Utilizzo di Angular DevTools
• Angular DevTools – Struttura dei componenti
• Angular DevTools – Esecuzione del rilevamento modifiche
• Individuazione degli errori di sintassi

A CHI E' RIVOLTO IL CORSO?

Questo corso è rivolto a chiunque abbia bisogno di apprendere i fondamenti dello sviluppo di Angular 15 e applicarli subito alla creazione web applicazioni.
Possiamo anche offrire e personalizzare questo corso di formazione per gruppi più grandi, facendo risparmiare tempo, denaro e risorse alla vostra organizzazione. Per ulteriori informazioni potete contattarci tramite email al n ph.training@lumifywork.com

PREREQUISITI

Web per ottenere il massimo da questo corso Angular è necessaria esperienza di sviluppo utilizzando HTML, CSS e JavaScript
Utile anche la conoscenza del DOM del browser
Non è richiesta alcuna esperienza precedente di Angular o AngularJS

L'erogazione di questo corso da parte di Lumify Work è regolata dai termini e condizioni di prenotazione.
Si prega di leggere attentamente i termini e le condizioni prima di iscriversi a questo corso, poiché l'iscrizione al corso è condizionata all'accettazione di questi termini e condizioni.

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork