APLICACIÓ I WEB DESENVOLUPAMENT
Programació Angular 15
LONGITUD 5 dies
VERSIÓ 15
PER QUÈ ESTUDIAR AQUEST CURS
Aquest curs de formació intensiu i complet d'Angular 15 proporciona als assistents habilitats que poden utilitzar immediatament en el seu treball. Aprendràs els fonaments del desenvolupament d'Angular 15, com ara aplicacions de navegador d'una sola pàgina, responsives. webllocs web i aplicacions mòbils híbrides.
Aquest curs és una combinació d'aprenentatge teòric i laboratoris pràctics que inclou una introducció a Angular, seguida de TypeScript, components, direct ives, serveis, HTTPClient, proves i depuració.
Nota: També podem oferir formació sobre altres versions d'Angular. Poseu-vos en contacte amb nosaltres per fer una consulta o registrar el vostre interès.
TREBALL ANGULAR A LUMIFY
QUÈ APRENDREU
En finalitzar amb èxit aquest curs, tindreu els coneixements per:
- Desenvolupar aplicacions angulars d'una sola pàgina mitjançant Typescript
- Configureu un entorn de desenvolupament Angular complet
- Creeu components, directrius, serveis, canonades, formularis i validadors personalitzats
- Gestioneu tasques avançades de recuperació de dades de xarxa mitjançant Observables
- Consumeix dades de REST web serveis mitjançant el client HTTP Angular
- Gestioneu els ions de connexió de dades push mitjançant el WebProtocol de socket
- Treballeu amb Angular Pipes per formatar dades
- Utilitzeu les funcions avançades de l'encaminador de components angulars
- Prova i depura aplicacions angulars utilitzant eines integrades
- Treballeu amb Angular CLI
El meu instructor va ser fantàstic poder posar escenaris en casos reals relacionats amb la meva situació específica.
Em vaig sentir benvingut des del moment en què vaig arribar i la capacitat de seure com a grup fora de l'aula per discutir les nostres situacions i els nostres objectius va ser molt valuosa.
Vaig aprendre molt i vaig sentir que era important que els meus objectius assistint a aquest curs es complissin.
Molt bona feina l'equip de treball de Lumify.
AMANDA NICOL
GESTOR DE SERVEIS DE SUPORT IT – HEALTH WORLD LIMITED
ASSIGNATURES DEL CURS
- Presentació d'Angular
• Què és Angular?
• Característiques centrals del marc angular
• Casos d'ús adequats
• Elements de construcció d'una aplicació angular
• Arquitectura bàsica d'una aplicació angular
• Instal·lació i ús d'Angular
• Anatomia d'una Aplicació angular
• Execució de l'Aplicació
• Construcció i desplegament de l'aplicació
• Angular per a aplicacions mòbils natives - Introducció a TypeScript
• Llenguatges de programació per al seu ús amb Angular
• Sintaxi TypeScript
• Editors de programació
• El sistema de tipus – Definint variables
• El sistema de tipus: definició de matrius
• Tipus primitius bàsics
• Escriviu Funct ions
• Inferència de tipus
• Definició de Classes
• Mètodes de classe
• Control de visibilitat
• Constructors de classes
• Constructors de classes – Forma alternativa
• Camps no inicialitzats
• Interfícies
• Treball amb mòduls ES6
• var vs deixar
• Funcions de fletxa
• Sintaxi compacta de la funció de fletxa
• Cordes de plantilla
• Genèrics a classe
• Genèrics en Funció - Components
• Què és un component?
• Un Exampel Component
• Creació d'un component utilitzant la CLI angular
• La classe de components
• El @Decorador de components
• Registre d'un component al seu mòdul
• Plantilla de components
• Example: Plantilla HelloComponent
• Example: La classe HelloComponent
• Ús d'un component
• Executeu l'aplicació
• Jerarquia de components
• El component arrel de l'aplicació
• El Bootstrap File
• Ganxos del cicle de vida dels components
• Example Lifecycle Hooks
• Estils CSS - Plantilles de components
• Plantilles
• Ubicació de la plantilla
• La sintaxi del bigoti {{ }}
• Configuració de les propietats de l'element DOM
• Configuració del text del cos de l'element
• Enquadernació d'esdeveniments
• Gestor d'esdeveniments d'expressió
• Evitar la gestió per defecte
• Directives d'atributs
• Aplicar estils canviant les classes CSS
• Example: ngClass
• Aplicació d'estils directament
• Directives estructurals
• Plantilla d'execució condicional
• Example: ngIf
• Bucle amb ngFor
• ngFor Local Variables
• Manipulació de la Col·lecció
• Example – Suprimir un element
• Seguiment d'articles amb ngFor
• Canvi d'elements amb ngSwitch
• Agrupació d'elements
• Variable de referència de plantilla - Comunicació entre components
• Fonaments de la comunicació
• L'Arquitectura de Flux de Dades
• Preparació del nen per rebre dades
• Envia dades del pare
• Més informació sobre la configuració de propietats
• Esdeveniment d'activació des d'un component
• @Output() Example – Component Fill
• @Output() Example – Component pare
• Enquadernació bidireccional completa
• Configuració de l'enllaç bidireccional de dades a Parent - Plantilles i formularis impulsats
• Formularis basats en plantilles
• Mòdul d'importació de formularis
• Enfocament bàsic
• Configuració d'un formulari
• Obtenció d'entrada de l'usuari
• Omissió de l'atribut ngForm
• Inicialitzar el formulari
• Enquadernació de dades bidireccionals
• Validació de formularis
• Validadors angulars
• Visualització de l'estat de validació mitjançant classes
• Tipus d'entrada addicionals
• Caselles de selecció
• Seleccioneu (desplegable) Camps
• Opcions de renderització per a la selecció (menjador desplegable)
• Camps de data
• Botons de ràdio - Formes reactives
• Formes reactives acabadesview
• Els blocs de construcció
• Import Reactive Forms Module
• Construir un formulari
• Dissenyar la plantilla
• Obtenció de valors d'entrada
• Inicialització dels camps d'entrada
• Establiment de valors de formulari
• Subscripció als canvis d'entrada
• Validació
• Validadors integrats
• Mostrant error de validació
• Validador personalitzat
• Ús d'un validador personalitzat
• Subministrament de la configuració al validador personalitzat
• FormArray – Afegeix entrades dinàmicament
• FormArray: la classe de components
• FormArray: la plantilla
• FormArray – Valors
• Sub FormGroups – Classe de components
• Sub FormGroups – Plantilla HTML
• Per què utilitzar SubFormGroups - Serveis i Injecció de Dependència
• Què és un Servei?
• Creació d'un Servei Bàsic
• La Classe de Servei
• Què és la injecció de dependència?
• Injectar una instància de servei
• Injectors
• Jerarquia d'injectors
• Registre d'un servei amb el Root Injector
• Registre d'un servei amb un injector de components
• Registre un servei amb un injector de mòduls de funcions
• On registrar un servei?
• Injecció de dependència en altres artefactes
• Proporcionar una implementació alternativa
• Injecció de dependència i @Host
• Injecció de dependència i @Opcional - Client HTTP
• El client HTTP angular
• Ús del client HTTP: acabatview
• Importar HttpClientModule
• Servei mitjançant HttpClient
• Realització d'una sol·licitud GET
• Què fa un objecte observable?
• Ús del Servei en un Component
• El component de client PeopleService
• Tractament d'errors
• Personalització de l'objecte d'error
• Realització d'una sol·licitud POST
• Realització d'una Sol·licitud PUT
• Realització d'una Sol·licitud d'ELIMINAR - Tubs i format de dades
• Què són les canonades?
• Tubs encastats
• Ús de pipes a la plantilla HTML
• Encadenament de canonades
• Conduccions internacionalitzades (i18n)
• Càrrega de dades locals
• La canonada de data
• El número Pipe
• Pipa de divises
• Crear una canonada personalitzada
• Tub personalitzat Example
• Ús de canonades personalitzades
• Ús d'un Pipe amb ngFor
• Una canonada de filtre
• Categoria de canonades: Pura i Impura
• Pipa Pura Example
• Tub impur Example - Introducció a les aplicacions d'una sola pàgina
• Què és una aplicació de pàgina única (SPA)
• Tradicional Web Aplicació
• Flux de treball SPA
• Aplicació Advan d'una sola pàginatages
• API d'historial HTML5
• Reptes SPA
• Implementació de SPA amb Angular - L'encaminador de components angulars
• L'encaminador de components
• View Navegació
• L'API Angular Router
• Creació d'una aplicació amb encaminador habilitat
• Allotjament dels components encaminats
• Navegació mitjançant enllaços i botons
• Navegació programàtica
• Passar els paràmetres de la ruta
• Navegació amb paràmetres de ruta
• Obtenció dels valors dels paràmetres de ruta
• Recuperació del paràmetre de ruta de manera sincrònica
• Recuperació d'un paràmetre de ruta de manera asíncrona
• Paràmetres de consulta
• Subministrament de paràmetres de consulta
• Recuperació de paràmetres de consulta de manera asíncrona
• Problemes amb el manual URL entrada i marcadors - Client HTTP avançat
• Sol·licita Opcions
• Devolució d'un objecte HttpResponse
• Configuració de capçaleres de sol·licitud
• Creació de nous observables
• Creació d'un observable simple
• El Mètode del Constructor Observable
• Operadors observables
• Els operadors de mapes i filtres
• L'operador flatMap().
• L'operador tap().
• El combinador zip().
• Emmagatzematge a la memòria cau de la resposta HTTP
• Realització de trucades HTTP seqüencials
• Realització de trucades paral·leles
• Personalització de l'objecte d'error amb catchError()
• Error en Pipeline
• Recuperació d'errors - Mòduls angulars
• Per què els mòduls angulars?
• Classe d'anatomia d'un mòdul
• Propietats @NgModule
• Mòduls de funcions
• ExampEstructura del mòdul
• Crear un mòdul de domini
• Crear un parell de mòduls d'encaminament/encaminament
• Crear un Mòdul de Servei
• Creació de mòduls comuns
• Ús d'un mòdul d'un altre - Enrutament avançat
• Mòdul de funcions d'encaminament habilitat
• Ús del mòdul de funcions
• Lazy Loading the Feature Module
• Creació d'enllaços per als components del mòdul de funcions
• Més informació sobre la càrrega mandrosa
• Mòduls de precàrrega
• Enllaç routerLinkActive
• Ruta per defecte
• Ruta amb comodins
• redirigir a
• Rutes infantils
• Definició de rutes infantils per a rutes infantils
• Enllaços per a Rutes Infantils
• Guàrdies de navegació
• Creació d'implementacions de guàrdia
• Ús de guàrdies en una ruta - Aplicacions angulars de prova d'unitats
• Prova unitat d'artefactes angulars
• Eines de prova
• Passos típics de les proves
• Resultats de l'exàmen
• Jasmine Test Suites
• Especificacions de Jasmine (proves unitàries)
• Expectatives (ions d'afirmació)
• Matchers
• Exampfitxers d'Using Matchers
• Ús de la propietat not
• Configuració i desmuntatge en unitats de proves
• Example de les funcions beforeEach i afterEach
• Mòdul de prova angular
• Exampel Mòdul de prova angular
• Prova d'un servei
• Injectar una instància de servei
• Prova un mètode síncron
• Prova un mètode asíncron
• Ús de Mock HTTP Client
• Subministrament de resposta enllaunada
• Prova d'un component
• Mòdul de prova de components
• Creació d'una instància de components
• La classe ComponentFixture
• Proves de components bàsics
• La classe DebugElement
• Simulació de la interacció de l'usuari - Depuració
• Acabatview de depuració angular
• Viewengegant el codi TypeScript al depurador
• Ús de la paraula clau del depurador
• Registre de depuració
• Què és Angular DevTools?
• Ús d'Angular DevTools
• Angular DevTools – Estructura de components
• Angular DevTools – Canvi de detecció d'ions Execut ion
• Captura d'errors de sintaxi
A QUI ÉS EL CURS?
Aquest curs està adreçat a qualsevol persona que necessiti aprendre els fonaments del desenvolupament d'Angular 15 i aplicar-los immediatament a la creació. web aplicacions.
També podem oferir i personalitzar aquest curs de formació per a grups més grans, estalviant temps, diners i recursos a la vostra organització. Per a més informació, poseu-vos en contacte amb nosaltres per correu electrònic a ph.training@lumifywork.com
REQUISITS
- Web Es requereix experiència de desenvolupament amb HTML, CSS i JavaScript per treure el màxim profit d'aquest curs Angular
- També és útil el coneixement del navegador DOM
- No es requereix experiència prèvia amb Angular o AngularJS
L'oferta d'aquest curs per part de Lumify Work es regeix pels termes i condicions de reserva.
Si us plau, llegiu atentament els termes i condicions abans de matricular-vos en aquest curs, ja que la inscripció al curs està condicionada a l'acceptació d'aquests termes i condicions.
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
Documents/Recursos
 |
LUMIFY WORK Programació angular 15 [pdfGuia de l'usuari Programació Angular 15, Programació |
