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.

   • VIDEO

     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

     Más detalles
   • 

     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

     Más detalles
   • 

     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

     Más detalles

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

     Más detalles
   • 

     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

     Más detalles

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

     Más detalles
   • 

     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

     Más detalles