APPLICAZIONE E WEB U Sviluppu
Angular 15 Programmazione
LUNGHEZZA 5 ghjorni
VERSIONE 15
PERCHÈ STUDIU STU CORSO
Stu cursu di furmazione intensivu è cumpletu Angular 15 furnisce à i participanti cumpetenze chì ponu aduprà immediatamente in u so travagliu. Amparerete i fundamenti di u sviluppu Angular 15 cum'è l'applicazioni di navigatore in una sola pagina, responsive. websiti, è appiicazioni mobili hibridi.
Stu cursu hè una cumminazzioni di apprendimentu teoricu è laboratori pratichi chì includenu una introduzione à Angular, seguita da TypeScript, cumpunenti, diretti, servizii, HTTPClient, teste è debugging.
Nota: Pudemu ancu furnisce furmazione nantu à altre versioni di Angular. Per piacè cuntattateci per fà una dumanda o registrà u vostru interessu.
ANGULAR AT LUMIFY TRAVAIL
COSU IMPARARÀ
À u successu cumpletu di stu cursu, avarete a cunniscenza per:
- Sviluppà una sola pagina di applicazioni angulari cù Typescript
- Crea un ambiente cumpletu di sviluppu Angular
- Crea cumpunenti, diretti, servizii, tubi, forme è validatori persunalizati
- Gestisce i travaglii avanzati di ricuperazione di dati di rete utilizendu Observables
- Cunsumate dati da REST web servizii cù u Client HTTP Angular
- Gestisce ioni di cunnessione push-data usendu u WebProtokollu di socket
- U travagliu cù Angular Pipes per furmà dati
- Aduprà funzioni avanzate di u Router Angular Component
- Pruvate è debug l'applicazioni angulari utilizendu strumenti integrati
- U travagliu cù Angular CLI
U mo istruttore hè statu fantasticu per pudè mette scenarii in casi di u mondu reale chì liganu à a mo situazione specifica.
Eru fattu per sentu accoltu da u mumentu chì aghju ghjuntu è a capacità di pusà cum'è un gruppu fora di l'aula per discutiri e nostre situazioni è i nostri scopi era estremamente preziosa.
Aghju amparatu assai è sentu chì era impurtante chì i mo scopi assistendu à stu cursu sò stati scontri.
Un bellu travagliu Lumify Work Team.
AMANDA NICOL
IT SUPPORT SERVICES MANAGER - HEALTH WORLD LIMITED
SUGETTI DI CURSU
- Presentazione di Angular
• Chì ghjè Angular ?
• Features cintrali di u Framework Angular
• Casi d'usu appropritatu
• Building Blocks di una Applicazioni Angular
• Architettura di basi di una Applicazioni Angular
• Installazione è Using Angular
• Anatomia di una Applicazione Angular
• Running l 'Application
• Building è Deploying u Applicazioni
• Angular per Apps Mobile Native - Introduzione à TypeScript
• Lingue di prugrammazione per l'usu cù Angular
• Syntax TypeScript
• Editors di prugrammazione
• U Type System - Def ining Variables
• U Type System - Def ining Arrays
• Basic Tipi Primit ive
• Type in Funct ioni
• Type Inference
• Definizione di Classi
• Metodi di Classe
• Control di visibilità
• Custruttori di classi
• Class Constructors - Forma alternativa
• Campi Uninitialized
• Interfacce
• U travagliu cù Moduli ES6
• var vs let
• Funzioni Arrow
• Arrow Function Compact Syntax
• Template Strings
• Generics in Class
• Generics in Function ion - Cumpunenti
• Chì ghjè un cumpunenti ?
• Un Exampu cumpunenti
• Creazione di un Cumpunente Utilizendu Angular CLI
• A Classe di cumpunenti
• U @Decoratore di cumpunenti
• Registrazione di un cumpunente à u so Modulu
• Template cumpunenti
• Esample: Template HelloComponent
• Esample: A Classe HelloComponent
• Utilizà un cumpunenti
• Run u Applicazioni
• Gerarchia di cumpunenti
• U Componente Radice Applicazione
• U Bootstrap File
• Ganci di Ciclu di Vita di Cumpunenti
• Esample Lifecycle Hooks
• Stili CSS - Modelli di cumpunenti
• Templates
• Template Location
• U Moustache {{ }} Sintassi
• Setting DOM Element Properties
• Setting Element Body Text
• Event Binding
• Espressione Event Handler
• Prevent Handling Default
• Direttive Attribute
• Apply Styles cambiendu Classi CSS
• Esample: ngClass
• Applying Styles direttamente
• Direttive Strutturali
• Conditionally Execute Template
• Esample: ngIf
• Looping Utilizendu ngFor
• ngFor Variables Locali
• Manipulendu a cullezzione
• Esample - Sguassà un Elementu
• Tracking Item cù ngFor
• Scambià Elementi cù ngSwitch
• Elementi Grouping
• Template Reference Variable - Comunicazione Inter Componente
• Principi di cumunicazione
• L'architettura di u flussu di dati
• Preparazione di u zitellu per riceve Dati
• Mandate Dati da Parent
• More About Setting Properties
• Firing Event da un cumpunenti
• @Output() Esample - Cumpunente di u zitellu
• @Output() Esample - Cumpunente parenti
• Full Two Way Binding
• Stallà Two Way Data Binding in Parent - Template è Forme guidate
• Template Driven Forms
• Modulu Forme impurtanza
• Approach Basic
• Stallà una Forma
• Getting User Input
• Omette ngForm Attribute
• Initialize u Form
• Two Way Data Binding
• Form Validation
• Validatori angulari
• Visualizzazione di u Statu di Validazione cù Classi
• Tipi di input supplementari
• Checkboxes
• Selezziunà (Drop Down) Campi
• Opzioni di rendering per Select (Drop Down)
• Campi di data
• Pulsanti Radio - Forme reattive
• Forme Reactive Overview
• U Building Blocks
• Import Reactive FormsModule
• Custruisce una Forma
• Design u Template
• Getting Input Values
• Initializing i Campi Input
• Setting Form Values
• Abbunamentu à l'Input Changes
• Validazione
• Built-In Validators
• Mostra Errore di validazione
• Validatore Custom
• Utilizà un Validator Custom
• Fornitura di Configurazione à u Validatore Custom
• FormArray - Dynamically Add Inputs
• FormArray - A Classe di Cumpunenti
• FormArray - U Template
• FormArray - Valori
• Sub FormGroups - Classe di cumpunenti
• Sub FormGroups - Template HTML
• Perchè Utilizà Sub FormGroups - Servizi è Iniezione di Dipendenza
• Chì ghjè un serviziu ?
• Crià un Serviziu Basic
• A Classe di serviziu
• Chì ghjè l'iniezione di dependenza ?
• Injecting un Service Instance
• Injectors
• Gerarchia Injector
• Registering un Service cù u Root Injector
• Registrazione di un serviziu cù un Injector di cumpunenti
• Registra un serviziu cù un Injector Module Feature
• Induve registrà un serviziu?
• Dependency Injection in Other Artifacts
• Furnisce una Implementazione Alternate
• Dependency Injection è @Host
• Dependency Injection è @Optional - Client HTTP
• U Client HTTP Angular
• Using The HTTP Client - Overview
• Import ing HttpClientModule
• Service Using HttpClient
• Fà una dumanda GET
• Chì faci un ughjettu Observable ?
• Utilizà u serviziu in un cumpunenti
• U Componente Cliente PeopleService
• Error Handling
• Customizing u Object Error
• Fà una dumanda POST
• Fà una dumanda PUT
• Fà una dumanda DELETE - Pipe è furmatu di dati
• Chì sò i Pipi ?
• Built-In Pipes
• Using Pipes in HTML Template
• Chaining Pipes
• Tubi Internaziunalizati (i18n)
• Loading Locale Dati
• A data Pipe
• U numeru Pipe
• Pipe di valuta
• Crea un Pipe Custom
• Custom Pipe Example
• Using Pipes Custom
• Utilizà una Pipa cù ngFor
• A Pipa Filtru
• Category Pipe: Pure è Impure
• Pure Pipe Example
• Impure Pipe Example - Introduzione à l'applicazioni di una sola pagina
• Cos'è una Applicazione Single Page (SPA)
• Tradiziunale Web Applicazione
• SPA Workflow
• Single Page Application Advantages
• HTML5 Storia API
• SPA Challenges
• Implementazione di SPA Using Angular - U Router di cumpunenti angulari
• U Router cumpunenti
• View Navigazione
• U Angular Router API
• Crià una Applicazioni Router Enabled
• Hosting i cumpunenti Routed
• Navigation Using Links and Buttons
• Navigazione Programmatica
• Passing Route Parameters
• Navigating cù Route Parameters
• Uttenimentu di i valori Parameter Route
• Ritruvà u paràmetru Route Synchronously
• Ritruvà una Route Parameter Asynchronously
• Query Parameters
• Fornitura di Parametri di Query
• Retrieving Query Parameters Asynchronously
• Prublemi cù Manual URL entrata è Bookmarking - Client HTTP avanzatu
• Opzioni di dumanda
• Riturnà un Object HttpResponse
• Setting Headers Request
• Crià New Observables
• Crià un Observable Simple
• U Metudu Custruttore Observable
• Operatori Observable
• A mappa è filtru Operatori
• L'operatore flatMap().
• L'operatore tap ().
• U zip () Combinator
• Caching HTTP Response
• Facennu Sequential HTTP Calls
• Facennu Call Parallel
• Personalizà l'ughjettu d'errore cù catchError ()
• Errore in Pipeline
• Error Recovery - Moduli angulari
• Perchè Moduli Angular ?
• Anatomia di un Modulu Classe
• @NgModule Pruprietà
• Moduli Feature
• Esampu Module Structure
• Crea un Module Domain
• Crià un Pair Module Routed / Routing
• Crea un Modulu di serviziu
• Creazione di Moduli cumuni
• Using One Module From Another - Routing avanzatu
• Routing Enabled Feature Module
• Utilizendu u Modulu Feature
• Lazy Loading u Modulu Feature
• Creazione di ligami per i cumpunenti di u Modulu Feature
• More About Lazy Loading
• Moduli Preloading
• ubligatoriu routerLinkActive
• Route Default
• Wildcard Route Path
• redirectTo
• Itinerari di u zitellu
• Definizione di Routes Child per Routes Child
• Ligami per Routes Child
• Guardia di Navigazione
• Crià Implementazioni Guard
• Using Guards in una Route - Unità Testa Applicazioni Angulari
• Unità Testing Artifacts Angulari
• Strumenti Testing
• Passi Testing tipica
• Test Results
• Jasmine Test Suites
• Specifiche Jasmine (Test Unità)
• Aspettative (Assert ions)
• Matchers
• Esamples of Using Matchers
• Usendu u micca Pruprietà
• Setup è Teardown in Unit Test Suites
• Esample of beforeEach è afterEach Funzioni
• Modulu Test Angular
• Esampu Modulu di Test Angular
• Testing un Service
• Injecting un Service Instance
• Pruvate un Metudu Synchronous
• Pruvate un Metudu Asynchronous
• Utilizendu Mock HTTP Client
• Fornitu Risposta Canned
• Pruvate un cumpunenti
• Modulu Test di cumpunenti
• Crià una istanza cumpunenti
• A Classe ComponentFixture
• Testi di cumpunenti di basa
• A Classe DebugElement
• Simulating Interaction User - Debugging
• Overview di Debugging Angular
• Viewcodice TypeScript in Debugger
• Utilizendu u Keyword debugger
• Debug Logging
• Chì ghjè Angular DevTools ?
• Utilizendu Angular DevTools
• Angular DevTools - Struttura di cumpunenti
• Angular DevTools - Change Detect ion Execut ion
• Catching Errors Syntax
PÀ QUÈ VA U CORSO ?
Stu cursu hè destinatu à tutti quelli chì anu bisognu di amparà i fundamenti di u sviluppu di Angular 15 è appricà immediatamente à creà web applicazioni.
Pudemu ancu furnisce è persunalizà stu cursu di furmazione per gruppi più grande - risparmiendu u tempu, soldi è risorse di a vostra urganizazione. Per più infurmazione, per piacè cuntattateci via email on ph.training@lumifywork.com
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
- Nisuna sperienza previa di Angular o AngularJS hè necessaria
L'offerta di stu cursu da Lumify Work hè guvernata da i termini è e cundizioni di riservazione.
Per piacè leghjite attentamente i termini è e cundizioni prima di iscrizzione in stu cursu, postu chì l'iscrizzione in u corsu hè subordinata à l'accettazione di sti termini è e cundizioni.
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
 |
LUMIFY WORK Angular 15 Programmazione [pdfGuida di l'utente Angular 15 Programmazione, Programmazione |
