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
Documenti / Risorse
 |
Programmazione LUMIFY WORK Angular 15 [pdf] Guida utente Angular 15 Programmazione, Programmazione |
