Formación Angular

Paso a paso

1. 1 Fundamentos de Angular

   Para iniciar con Angular, conozcamos cómo crear una aplicación desde cero utilizando su herramienta principal, el CLI (Command Line Interface). Además, crearemos componentes y entenderemos cuáles recursos del framework nos ayudan a mantener y reutilizar el código y comunicarnos entre diferentes componentes.

   Descubriremos cómo una Single Page Applications administra el flujo de navegación a través del recurso de enrutamiento, también aprenderemos cómo usar el cliente HTTP de Angular para la integración de datos de back-end.

   Además, aprenderemos a manipular formularios, desde una simple validación hasta aquella que necesite una respuesta del servidor.

   • 

     Vídeo Frameworks de Front End - Edición especial - YouTube

   • 

     Curso Angular: empezando con el framework

     10h

   Faça esse curso e:

   • Utiliza las herramientas que nos proporciona el CLI de Angular para acelerar el desarrollo
   • Aprende a crear componentes en Angular
   • Entiende como funciona el envío de información entre diferentes componentes
   • Consume información de una REST API
   • Transforma tus componentes en páginas para que el usuario pueda navegar en tu plataforma

   Mais detalhesdo curso Angular: empezando con el framework

   • 

     Curso Angular: buenas prácticas y formularios

     12h

   Faça esse curso e:

   • Entiende a como empezar un proyecto con mejores validaciones de tipos utilizando modo strict
   • Organiza tu pruyecto Angular de una mejor manera utilizando modulos
   • Mejora la performance de tu aplicación con Lazy Loading
   • Aprende a crear formularios simples con modulo de formularios Template Driven
   • Desarrolla validaciones síncronas y asíncronas para tus formularios
   • Aprende a como utilizar token JWT en tu proyecto Angular

   Mais detalhesdo curso Angular: buenas prácticas y formularios

   • 

     Curso Angular: Controla la navegación

     14h

   Faça esse curso e:

   • Aprende a crear y desarrollar componentes reutiblizables
   • Entiende como poder subir una fotografia desde nuestro front-end y poder enviarla a un back-end
   • Optimiza la carga de tus vistas utilizar servicios de tipo Resolvers
   • Controla el flujo de navegación del usuario implementando guardias en tus rutas
   • Aprende a manipular las peticiones de tu aplicación creando servicios de tipo Interceptor

   Mais detalhesdo curso Angular: Controla la navegación

2. 2 Accesibilidad en Angular

   En este paso, entenderemos cómo Angular implementa una de las características más importantes para el desarrollo de páginas web, la accesibilidad. Para ello crearemos componentes implementando WCAG, que es una guía sobre cómo crear contenido web accesible W3C, conociendo recursos para crear atajos de teclado, instrucciones para formularios, integrado con componentes dinámicos y animaciones.

   • 

     Curso Angular: diseño de componentes con accesibilidad

     16h

   Faça esse curso e:

   • Aprende a utilizar lectores de pantalla
   • Entiede y aplica las reglas de WCAG
   • Avanza en el uso de directivas
   • Integra tu componente con Reactive Forms

   Mais detalhesdo curso Angular: diseño de componentes con accesibilidad

   • 

     Curso Angular: avanzando en el diseño de componentes con usabilidad

     10h

   Faça esse curso e:

   • Crea una API modal desde cero
   • Aplica las reglas de accesibilidad de WCAG
   • Aprenda a crear componentes dinamicamente
   • Descubre como funciona la base de Angular
   • Avanza en el uso de directivas
   • Crea animaciones con ayuda del modulo Animations

   Mais detalhesdo curso Angular: avanzando en el diseño de componentes con usabilidad

3. 3 Prueba de una aplicación Angular

   Después de dominar la creación de una aplicación Angular, necesitamos consolidar la calidad del código desarrollado y garantizar el funcionamiento estable de la aplicación agregando nuevas funciones. Para ello, las pruebas automatizadas son las principales vías para garantizar estos supuestos de desarrollo. Angular contiene un conjunto de bibliotecas disponibles y listas para usar que cubren varios tipos de pruebas, y en esta sección conoceremos estas herramientas y cómo usarlas a diario.

   • 

     Curso Angular y RxJS: programación reactiva

     08h

   Faça esse curso e:

   • Entiende el concepto de Observables
   • Prepara las informaciones del backend utilizando los operadores map y pluck
   • Aprende a debugar el flujo de un observable utilizando operador tap
   • Controla el flujo de las informaciones utilizando switchMap y merge
   • Simplifica la utilización de los datos utilizando pipe async
   • Otimiza las llamadas al servidor utilizando las operadores filter, debounceTime y distinctUntilChanged

   Mais detalhesdo curso Angular y RxJS: programación reactiva

   • 

     Curso Angular: pruebas automatizadas con Jasmine y Karma

     08h

   Faça esse curso e:

   • Probar servicios y componentes de forma incremental
   • Aprenda el papel de Jasmine y Karma en la creación de pruebas
   • Aprenda los fundamentos y elimine las adicciones a la creación de pruebas
   • Organiza tus pruebas de forma escalable
   • Comprender cómo funciona TestBed y su importancia
   • Cree lanzadores personalizados, incluidos scripts para servidores de CI
   • Genere métricas de cobertura y confíe en sus pruebas

   Mais detalhesdo curso Angular: pruebas automatizadas con Jasmine y Karma