LUMIFY WORK Programació angular 12

PER QUÈ ESTUDIAR AQUEST CURS

Aquest curs complet de programació Angular 12 és una combinació d'aprenentatge teòric i laboratoris pràctics que inclou una introducció a Angular, seguida de TypeScript, components, directives, serveis, client HTTP, proves i depuració.
El curs està ple d'informació útil i útil que podeu aplicar al vostre treball immediatament. Apreneu els fonaments del desenvolupament bàsic d'Angular 12, com ara aplicacions de navegador d'una sola pàgina, responsives webllocs web i aplicacions mòbils híbrides.
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.

QUÈ APRENDREU
Un cop finalitzat amb èxit aquest curs, seràs capaç de:

• Desenvolupa aplicacions angulars d'una sola pàgina mitjançant Typescript
• Configureu un entorn de desenvolupament Angular complet
• Creeu components, directives, serveis, canonades, formularis i validadors personalitzats
• Gestioneu tasques avançades de recuperació de dades de xarxa mitjançant Observables Consume data de REST web serveis mitjançant el client Angular HT TP Gestioneu les connexions de dades push mitjançant el WebProtocol d'endolls
• Treballeu amb Angular Pipes per formatar dades
• Utilitzeu les funcions avançades de l'encaminador de components angulars
• Proveu i depureu aplicacions angulars mitjançant eines integrades.

ASSIGNATURES DEL CURS

Capítol 1. 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 que executa l'aplicació
• Construcció i desplegament de l'aplicació Angular per a aplicacions mòbils natives
• Resum

Capítol 2. Introducció a TypeScript

• Llenguatges de programació per utilitzar-los amb la sintaxi Angular TypeScript
• Editors de programació
• El sistema de tipus: definició de variables
• El sistema de tipus: definició de matrius
• Tipus primitius bàsics
• Escriviu Funcions
• Inferència de tipus
• Definició de classes
• Mètodes de classe
• Control de visibilitat
• Constructors de classes
• Constructors de classes: camps no inicialitzats de forma alternativa
• Interfícies
• Treballant amb mòduls ES6
• var vs deixar
• Funcions de fletxa
• Cadena de plantilla de sintaxi compacta de funció de fletxa
• Genèrics a classe
• Genèrics en funció
• Resum

Capítol 3. 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 a la seva plantilla de components de mòdul
• Example: Plantilla HelloComponent
• Example: La classe HelloComponent utilitzant 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
• Resum

Capítol 4. 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ó
• Evita 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 variables locals
• Manipulació de la col·lecció Example – Suprimir un element
• Seguiment d'elements amb ngFor Intercanviar elements amb ngSwitch Elements d'agrupació
• Resum de variables de referència de plantilla

Capítol 5. Comunicació entre components

• Fonaments de la comunicació
• L'arquitectura de flux de dades
• Preparar el nen per rebre dades
• Envia dades dels pares
• 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ç de dades bidireccional a Parent
• Resum

Capítol 6. Formularis basats en plantilles

• Formularis basats en plantilles
• Mòdul d'importació de formularis
• Enfocament bàsic
• Configuració d'un formulari
• Obtenció d'entrada de l'usuari
• S'omet 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 verificació
• Seleccioneu (desplegable) Camps
• Opcions de representació per als camps de selecció (desplegable) de data
• Botons de ràdio
• Resum

Capítol 7. Formes reactives

• S'han acabat les formes reactivesview
• Els blocs de construcció
• Importa el mòdul ReactiveForms
• Construeix un formulari
• Dissenyeu 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
• Es mostra un 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 Sub FormGroups
• Resum

Capítol 8. 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?
• Injecció d'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
• Registreu un servei amb un injector de mòduls de funcions
• On registrar un servei?
• Injecció de dependència en altres artefactes que proporcionen una implementació alternativa Injecció de dependència i @Host
• Injecció de dependència i @Opcional
• Resum

Capítol 9. Client HTTP

• El client Angular HT TP
• Ús del client HT TP: acabatview
• S'està important HttpClientModule
• Servei mitjançant HttpClient
• Realització d'una sol·licitud GET
• Què fa un objecte observable?
• Ús del servei en un component
• Gestió d'errors del component del client PeopleService
• Personalització de l'objecte d'error
• Realització d'una sol·licitud POST
• Realització d'una sol·licitud PUT
• Realització d'una sol·licitud DELETE

Capítol 10. Tubes i format de dades

• Què són les canonades?
• Tubs incorporats
• Ús de canonades a la plantilla HTML. Encadenament de canonades
• Conduccions internacionalitzades (i18n) Carregant dades de configuració regional
• La pipa de data
• El número Pipe
• Pipa de moneda
• Creeu una canonada personalitzada
• Tub personalitzat Example
• Ús de canonades personalitzades
• Ús d'una canonada amb ngFor
• Una canonada de filtre
• Categoria de canonades: pura i impura
• Resum
• Pipa pura Example
• Tub impur Example
• Resum

Capítol 11. 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
• Avanç d'aplicació d'una sola pàginatages HTML5 History API
• Reptes SPA
• Implementació de SPA mitjançant un resum angular

Capítol 12. L'encaminador de components angulars

• El router 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
• Resum

Capítol 13. Client HTTP avançat

• Opcions de sol·licitud
• Devolució d'un objecte HttpResponse
• Configuració de les capçaleres de la 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 HT TP
• Realització de trucades HT TP seqüencials
• Realització de trucades paral·leles
• Personalització de l'objecte d'error amb catchError()
• Error a Pipeline
• Recuperació d'errors
• Resum

Capítol 14. Mòduls angulars

• Per què els mòduls angulars?
• Classe d'anatomia d'un mòdul
• Propietats @NgModule
• Mòduls de característiques
• ExampEstructura del mòdul
• Creeu un mòdul de domini
• Creeu un parell de mòduls d'encaminament/encaminament
• Crear un mòdul de servei
• Creació de mòduls comuns

Capítol 15. Enrutament avançat

• Mòdul de funcions d'encaminament habilitat
• Ús del mòdul de funcions
• Càrrega mandrosa del mòdul de funcions
• 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
• Ruta per defecte
• Camí de la ruta comodí
• redirigeix ​​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
• Resum

Capítol 16. Aplicacions angulars de proves unitàries

• Prova unitat d'artefactes angulars
• Eines de prova
• Passos típics de la prova
• Resultats de la prova
• Jasmine Test Suites
• Especificacions de Jasmine (proves unitàries)
• Expectatives (afirmacions)
• Matchers
• Exampfitxers d'Using Matchers
• Utilitzant la propietat not
• Configuració i desmuntatge a les suites de proves unitàries
• Example de les funcions beforeEach i afterEach
• Mòdul de prova angular
• Exampel Mòdul de prova angular
• Prova d'un servei
• Injecció d'una instància de servei
• Prova un mètode síncron
• Prova un mètode asíncron
• Utilitzant el client Mock HT TP
• 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
• Resum

Capítol 17. Depuració

• Acabatview de depuració angular
• Viewengegant el codi TypeScript al depurador
• Utilitzant la paraula clau del depurador
• Registre de depuració
• Què és Angular DevTools?
• Utilitzant Angular DevTools
• Angular DevTools - Estructura de components
• Angular DevTools - Execució de detecció de canvis
• Captura d'errors de sintaxi
• Resum

Exercicis de laboratori

• Laboratori 1. Introducció a Angular
• Pràctica 2. Introducció a TypeScript
• Laboratori 3. Introducció als components
• Laboratori 4. Plantilla de components
• Laboratori 5. Crear un component de la galeria de fotos
• Laboratori 6. Formulari impulsat per plantilles
• Laboratori 7. Crear un formulari d'edició
• Laboratori 8. Forma reactiva
• Laboratori 9. Desenvolupar un servei
• Laboratori 10. Desenvolupar un client HT TP
• Laboratori 11. Utilitzar canonades
• Pràctica 12. Aplicació bàsica d'una sola pàgina amb router Pràctica 13. Creació d'una aplicació d'una sola pàgina (SPA)
• Pràctica 14. Client HT TP avançat
• Pràctica 15. Ús d'Angular Bootstrap
• Pràctica 16. Càrrega del mòdul Lazy
• Pràctica 17. Enrutament avançat
• Laboratori 18. Proves unitàries
• Pràctica 19. Depuració d'aplicacions angulars

A QUI ÉS EL CURS?
Aquest curs està dirigit a qualsevol persona que necessiti aprendre els fonaments del desenvolupament d'Angular 12 i aplicar-lo a la creació. web aplicacions immediatament. També podem oferir i personalitzar aquest curs de formació per a grups més grans, estalviant temps, diners i recursos a la vostra organització.

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, amb AngularJS o qualsevol versió d'Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Documents/Recursos

LUMIFY WORK Programació angular 12 [pdfGuia de l'usuari Angular 12 Programació, Angular, 12 Programació, Programació

Referències

• Manual d'usuari