Fundamentos de Angular con Bootstrap (CTANG01)

Descripción General

Angular nos permite hacer y reusar componentes visuales. Por otro lado, Bootstrap es un framework que permite que desarrolladores, sin conocimientos de diseño gráfico, construyan interfaces de usuario agradables a la vista, uniformes y responsivas.  Este curso busca que el alumno pueda desarrollar Front-Ends de aplicaciones Web basadas en componentes,  utilizando Angular y Bootstrap.

Dirigido a:

  • Desarrolladores front-end (JavaScript)
  • Desarrolladores interesados en programar aplicaciones web de una sola página (SPA)
  • Gerentes o líderes de proyecto que supervisan desarrollos en Java o .NET
  • Futuros arquitectos de software

Objetivo

Que el alumno pueda desarrollar interfaces de usuario basadas en componentes, así como la capa front-end de una aplicación web, usando orientación a objetos, inyección de dependencias y las mejores prácticas relacionadas.

Se recomienda cuando:

El interesado debe desarrollar aplicaciones web de una sola página (SPA) bien estructuradas y diseñadas.

Contenido: Temas principales

  1. Bootstrap (layouts, tipografía, controles, tablas y formas).
    El alumno aprenderá un framework de componentes visuales Web que le permita hacer diseños visuales atractivos aunque no domine el diseño gráfico.
  2. Instalación de Angular.
    Aprenderá a instalar el ambiente de desarrollo de Angular.
  3. Filosofía de Angular.
    Comprenderá en qué es diferente Angular a otros frameworks tradicionales MVC cliente-servidor y sus ventajas.
  4. TypeScript en Angular.
    Comprenderá el uso de JavaScript con tipos estilo Java o C# y su uso como herramienta de desarrollo en Angular.
  5. Desarrollo de Componentes Angular.
    Comprenderá  los elementos principales que conforman una aplicación en Angular (componentes), así como las partes que los conforman y cómo hacer que interactúen entre ellos.  
    • Estructura, componentes y plantillas
    • Expresiones
    • Input, Output Binding y manejo de eventos
    • Ciclo de vida del componentes
    • Variables de referencia de Plantilla
    • ViewChild y ContentChild y subciclo de vida
  6. Directivas.
    Comprenderá como incorporar en los elementos DOM que forman un componente, estilos o comportamientos adicionales.  
    • Directivas estructurales
    • Directivas personalizadas
  7. Pipes.
    Aprenderá como usar formateadores predefinidos o propios para convertir datos de una presentación a otra.
    • Pipes predefinidos
    • Pipes personalizados
  8. Inyección de dependencia y uso de servicios.
    Comprenderá como Angular usa la inyección de dependencia para desacoplar las diferentes piezas de una aplicación y aprenderá a configurar la misma para crear servicios o integrar nuevos elementos a una aplicación.
  9. Manejo de Formularios.
    Aprenderá como asociar los datos de un modelo a una interfaz visual.  
    • Manejo de formas orientado a modelo y plantilla
    • ngModel
  10. Navegación (Routing).
    Aprenderá como agregar/quitar dinámicamente componentes en una aplicación
  11. Integración con el Back-End.
    Aprenderá los mecanismos para integrar una aplicación Angular con un back-end.

Duración

40 horas

Prerrequisitos

Enlaces relacionados