APLICACIÓN E WEB DESENVOLVEMENTO
Programación Angular 15
LONXITUDE 5 días
VERSIÓN 15
POR QUE ESTUDAR ESTE CURSO
Este curso de formación intensivo e integral de Angular 15 proporciona aos asistentes habilidades que poden utilizar inmediatamente no seu traballo. Aprenderá os fundamentos do desenvolvemento de Angular 15, como aplicacións de navegador dunha soa páxina, websitios e aplicacións móbiles híbridas.
Este curso é unha combinación de aprendizaxe teórica e laboratorios prácticos que inclúe unha introdución a Angular, seguida de TypeScript, compoñentes, direct ives, servizos, HTTPClient, probas e depuración.
Nota: Tamén podemos impartir formación sobre outras versións de Angular. Póñase en contacto connosco para facer unha consulta ou rexistrar o seu interese.
TRABALLO ANGULAR EN LUMIFY
O QUE APRENDERÁS
Ao rematar con éxito este curso, terás os coñecementos necesarios para:
- Desenvolver aplicacións angulares dunha soa páxina usando Typescript
- Configura un ambiente de desenvolvemento Angular completo
- Crea compoñentes, directos, servizos, canalizacións, formularios e validadores personalizados
- Xestione tarefas avanzadas de recuperación de datos de rede mediante Observables
- Consume datos de REST web servizos usando o cliente HTTP Angular
- Manexar ións de conexión de datos push usando o WebProtocolo de socket
- Traballa con Angular Pipes para dar formato aos datos
- Use funcións avanzadas do enrutador de compoñentes angulares
- Probar e depurar aplicacións angulares usando ferramentas integradas
- Traballa con Angular CLI
O meu instrutor foi xenial ao poder poñer escenarios en casos reais relacionados coa miña situación específica.
Fíxome sentir benvido desde o momento en que cheguei e a capacidade de sentarme en grupo fóra da aula para discutir as nosas situacións e os nosos obxectivos foi moi valiosa.
Aprendín moito e sentín que era importante que se cumprisen os meus obxectivos ao asistir a este curso.
Gran traballo o equipo de traballo de Lumify.
AMANDA NICOL
XESTOR DE SERVIZOS DE SOPORTE DE TI – HEALTH WORLD LIMITED
TEMAS DO CURSO
- Presentación de Angular
• Que é Angular?
• Características centrais do Marco Angular
• Casos de uso axeitados
• Bloques de construción dunha aplicación angular
• Arquitectura básica dunha aplicación angular
• Instalación e uso de Angular
• Anatomía dunha Aplicación angular
• Execución da Aplicación
• Creación e implantación da aplicación
• Angular para aplicacións móbiles nativas - Introdución a TypeScript
• Linguaxes de programación para o seu uso con Angular
• Sintaxe TypeScript
• Editores de programación
• O Sistema de Tipos – Definición de Variables
• O sistema de tipos: definición de matrices
• Tipos primitivos básicos
• Escriba Fun ións
• Inferencia de tipo
• Definición de Clases
• Métodos de clase
• Control de visibilidade
• Construtores de clases
• Construtores de clases - Forma alternativa
• Campos non inicializados
• Interfaces
• Traballando con módulos ES6
• var vs deixar
• Funcións de frecha
• Sintaxe compacta da función de frecha
• Cadenas de modelos
• Xenéricos en clase
• Xenéricos en Función - Compoñentes
• Que é un Compoñente?
• Un Example Compoñente
• Creación dun compoñente usando Angular CLI
• A clase de compoñentes
• O @Decorador de compoñentes
• Rexistrar un compoñente no seu módulo
• Modelo de compoñentes
• Example: Modelo HelloComponent
• Example: A clase HelloComponent
• Usando un Compoñente
• Executar a Aplicación
• Xerarquía de compoñentes
• O compoñente raíz da aplicación
• O Bootstrap File
• Ganchos de ciclo de vida dos compoñentes
• Example Lifecycle Hooks
• Estilos CSS - Modelos de compoñentes
• Modelos
• Localización do modelo
• A sintaxe de Bigote {{ }}
• Establecer as propiedades do elemento DOM
• Configurar o texto do corpo do elemento
• Vinculación de eventos
• Manexador de eventos de expresión
• Evitar o manexo predeterminado
• Directivas de atributos
• Aplica estilos cambiando as clases CSS
• Example: ngClass
• Aplicando estilos directamente
• Directivas estruturais
• Modelo de execución condicional
• Example: ngSe
• Looping usando ngFor
• ngFor Variables locais
• Manipulación da Colección
• Example – Eliminar un elemento
• Seguimento de elementos con ngFor
• Intercambiar elementos con ngSwitch
• Elementos de agrupación
• Variable de referencia do modelo - Comunicación entre compoñentes
• Conceptos básicos da comunicación
• A arquitectura de fluxo de datos
• Preparación do neno para recibir datos
• Enviar datos do pai
• Máis información sobre a configuración das propiedades
• Evento de disparo desde un compoñente
• @Output() Example – Compoñente fillo
• @Output() Example - Compoñente principal
• Encadernación bidireccional completa
• Configurar a vinculación de datos bidireccional en Parent - Modelos e formularios impulsados
• Formularios dirixidos por modelos
• Módulo de importación de formularios
• Enfoque básico
• Configurar un formulario
• Obtención da entrada do usuario
• Omitindo o atributo ngForm
• Inicializa o formulario
• Enlace de datos bidireccional
• Validación de formularios
• Validadores angulares
• Mostrando o estado de validación mediante clases
• Tipos de entrada adicionais
• Caixas de verificación
• Seleccione os campos (abaixo).
• Opcións de renderizado para Seleccionar (menrable)
• Campos de data
• Botóns de radio - Formas reactivas
• Formas reactivasview
• Os bloques de construción
• Módulo de importación de formularios reactivos
• Construír un formulario
• Deseña o Modelo
• Obtención de valores de entrada
• Inicialización dos campos de entrada
• Establecemento de valores de formulario
• Subscrición aos cambios de entrada
• Validación
• Validadores incorporados
• Mostrando un erro de validación
• Validador personalizado
• Usando un validador personalizado
• Proporcionando configuración ao validador personalizado
• FormArray – Engade entradas dinámicamente
• FormArray: a clase de compoñentes
• FormArray: o modelo
• FormArray – Valores
• Sub FormGroups – Clase de compoñentes
• Sub FormGroups – Modelo HTML
• Por que usar Sub FormGroups - Servizos e Inxección da Dependencia
• Que é un Servizo?
• Creación dun Servizo Básico
• A clase de servizo
• Que é a inxección de dependencia?
• Inxectar unha instancia de servizo
• Inxectores
• Xerarquía dos inxectores
• Rexistrar un Servizo co Root Injector
• Rexistro dun servizo cun inxector de compoñentes
• Rexistrar un servizo cun inxector de módulo de funcións
• Onde rexistrar un servizo?
• Inxección de dependencia noutros artefactos
• Proporcionar unha implementación alternativa
• Inxección de dependencia e @Host
• Inxección de dependencia e @Opcional - Cliente HTTP
• O cliente HTTP Angular
• Usando o cliente HTTP - Enribaview
• Importar HttpClientModule
• Servizo mediante HttpClient
• Realización dunha solicitude GET
• Que fai un Obxecto Observable?
• Usando o Servizo nun Compoñente
• O compoñente cliente PeopleService
• Tratamento de erros
• Personalización do obxecto de erro
• Realización dunha solicitude POST
• Realización dunha Solicitude PUT
• Realización dunha Solicitude DE ELIMINACIÓN - Tubos e formato de datos
• Que son as tubaxes?
• Tubos empotrados
• Usando Pipes no modelo HTML
• Tubos de encadeamento
• Tubos internacionalizados (i18n)
• Cargando datos locais
• A data Pipe
• O número Pipe
• Tubo de divisas
• Crear un tubo personalizado
• Tubería personalizada Example
• Usando tubos personalizados
• Usando un Pipe con ngFor
• Un tubo de filtro
• Categoría de tubos: puro e impuro
• Tubo puro Example
• Tubo impuro Example - Introdución ás aplicacións dunha soa páxina
• Que é unha aplicación de páxina única (SPA)
• Tradicional Web Aplicación
• Fluxo de traballo SPA
• Aplicación de páxina única Advantages
• API de historial de HTML5
• Retos SPA
• Implementación de SPA usando Angular - O enrutador de compoñentes angulares
• O enrutador de compoñentes
• View Navegación
• A API Angular Router
• Creación dunha aplicación con enrutador habilitado
• Aloxamento dos compoñentes encamiñados
• Navegación mediante ligazóns e botóns
• Navegación programática
• Pasar os parámetros da ruta
• Navegación con parámetros de ruta
• Obtención dos valores dos parámetros de ruta
• Recuperando o parámetro de ruta de forma sincronizada
• Recuperando un parámetro de ruta de forma asíncrona
• Parámetros de consulta
• Fornecemento de parámetros de consulta
• Recuperación de parámetros de consulta de forma asíncrona
• Problemas co Manual URL entrada e marcadores - Cliente HTTP avanzado
• Solicitar opcións
• Devolver un obxecto HttpResponse
• Definición de cabeceiras de solicitude
• Creación de novos observables
• Creación dun simple observable
• O Método do Construtor Observable
• Operadores observables
• O mapa e os operadores de filtro
• O operador flatMap().
• O operador tap().
• O combinador zip().
• Almacenamento en caché da resposta HTTP
• Realización de chamadas HTTP secuenciais
• Realización de chamadas paralelas
• Personalizando o obxecto de erro con catchError()
• Erro en Pipeline
• Recuperación de erros - Módulos angulares
• Por que os módulos angulares?
• Anatomía dunha clase de módulo
• Propiedades @NgModule
• Módulos de características
• Example Estrutura do módulo
• Crear un módulo de dominio
• Crear un par de módulos de enrutamento/enrutamento
• Crear un módulo de servizo
• Creación de Módulos Comúns
• Usando un módulo doutro - Enrutamento avanzado
• Módulo de funcións habilitados para enrutamento
• Usando o Módulo de funcións
• Lazy Loading the Feature Module
• Creación de ligazóns para os compoñentes do módulo de funcións
• Máis información sobre a carga preguiceira
• Módulos de precarga
• Enlace routerLinkActive
• Ruta predeterminada
• Camiño de ruta comodín
• redirixir a
• Rutas infantís
• Definición de rutas infantís para rutas infantís
• Ligazóns para Rutas Infantiles
• Gardas de Navegación
• Creación de implantacións de garda
• Usando gardas nunha ruta - Aplicacións angulares de proba unitaria
• Proba unitaria de artefactos angulares
• Ferramentas de proba
• Pasos típicos das probas
• Resultados das probas
• Xasmine Test Suites
• Especificacións de Jasmine (probas unitarias)
• Expectativas (ións de afirmación)
• Correspondentes
• Exampficheiros de Uso de Matchers
• Usando o not Propiedade
• Configuración e desmontaxe en unidades de probas unitarias
• Example das funcións beforeEach e afterEach
• Módulo de proba angular
• Exampo Módulo de proba angular
• Probando un Servizo
• Inxectar unha instancia de servizo
• Probar un método síncrono
• Probar un método asíncrono
• Usando cliente HTTP simulado
• Fornecemento de resposta enlatada
• Probando un compoñente
• Módulo de proba de compoñentes
• Creación dunha Instancia de Compoñente
• A clase ComponentFixture
• Probas de compoñentes básicos
• A clase DebugElement
• Simulación da interacción do usuario - Depuración
• Acabouview de Depuración Angular
• Viewintroducindo o código TypeScript no depurador
• Usando a palabra clave do depurador
• Rexistro de depuración
• Que é Angular DevTools?
• Usando Angular DevTools
• Angular DevTools - Estrutura de compoñentes
• Angular DevTools - Cambio de detección de ión Execut ion
• Captación de erros de sintaxe
PARA QUEN É O CURSO?
Este curso está dirixido a calquera persoa que necesite aprender os fundamentos do desenvolvemento de Angular 15 e aplicalo de inmediato para crear web aplicacións.
Tamén podemos ofrecer e personalizar este curso de formación para grupos máis grandes, aforrandolle tempo, diñeiro e recursos á súa organización. Para máis información, póñase en contacto connosco por correo electrónico en ph.training@lumifywork.com
REQUISITOS
- Web Requírese experiencia de desenvolvemento usando HTML, CSS e JavaScript para sacar o máximo proveito deste curso de Angular
- Tamén é útil o coñecemento do navegador DOM
- Non se require experiencia previa en Angular ou AngularJS
A oferta deste curso por parte de Lumify Work réxese polos termos e condicións de reserva.
Lea atentamente os termos e condicións antes de inscribirse neste curso, xa que a inscrición no curso está condicionada á aceptación destes termos e condicións.
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
Documentos/Recursos
 |
LUMIFY WORK Programación Angular 15 [pdfGuía do usuario Angular 15 Programación, Programación |
