← Especialidades formativas

Especialidad formativa

Desarrollo con Angular 4 y Servicios Rest (FullStack)

IFCD87 51 h
Ver contenido del curso

Qué aprenderás

Capacitar para programar en Angular 4 de manera profesional, crear proyectos de aplicaciones para clientes profesionales, así como conocer los principales lenguajes y herramientas de programación web.

Contenido del curso

01

Introducción, instalación y estructura de archivos

  • OBJETIVO
  • Introducir las tecnologías, conceptos y competencias que se adquirirán a lo largo del desarrollo del curso para asegurar una adecuada comprensión y desarrollo de proyectos relacionados con el arranque de aplicación y creación de componentes Angular CLI.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Comprensión de las diferentes formas de Módulos y componentes en Angular
  • Aprendizaje para instalar Angular CLI, la herramienta de línea de comandos de Angular.
  • Creación de un proyecto de aplicación Angular.
  • Aprendizaje de cómo iniciar nuestra aplicación para poder acceder a ella desde el navegador y también la estructura de archivos.
  • Creación de un nuevo componente de manera manual en nuestra aplicación.
  • Aprendizaje de cómo utilizar el comando para crear un componente Angular CLI.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.
02

Data Binding y directivas

  • OBJETIVO
  • Adquirir los conceptos de Data Binding, los procesos que utiliza Angular para enviar datos entre la clase del componente y la plantilla, e introducir en los procesos de las Directivas.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Aprendizaje de la interpolación, la más sencilla de las técnicas Data Binding.
  • Interpolación con Métodos, con interpolación.
  • Property Binding, Evetn Binding y Two Way Binding. Aprendizaje de los diferentes procesos de Data Binding.
  • Procesos de platillas: nglf, nglf + else, ngStyle, ngClass, ngFor, ngFor con objetos y ngSwitch.
  • Creación de Directivas propias para entender una de las ventajas que tiene angular que es crear bloques de código reutilizables.
  • Aprendizaje del uso de datos entre componentes @Output y @Input.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo
03

Pipes y Creación de Servicios

  • OBJETIVO
  • Capacitar para tratar los diferentes componentes de Pipes y sus diferentes usos para dar formatos a diferentes elementos de archivos y estudiar los conceptos básicos de uno de los elementos más importantes de una aplicación Angular, los servicios.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Aprendizaje del uso de Pipe Data para dar formato a fechas
  • Aprendizaje del uso de Pipe Uppercase y Lowercase para convertir en mayúsculas o minúsculas los strings.
  • Aprendizaje del uso de Pipe Decimal para dar formato a los números.
  • Aprendizaje del uso de Pipe Currency para el formato de monedas
  • Aprendizaje del uso de Pipe i18nSlect para modificar el formato de salida en función de un valor.
  • Creación de pipes propios.
  • Conocimiento y aplicación de los servicios con el uso en objetos.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.
04

Routing

  • OBJETIVO
  • Introducir en los conceptos de Routing así como aprender de manera práctica cómo implementar el routing en una aplicación Angular.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Primeros pasos con el Routing.
  • Conceptos básicos de Routing
  • Práctica para implementar de manera correcta el routing en una aplicación Angular.
  • Implementación de una barra de navegación.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.
05

Formularios

  • OBJETIVO
  • Comprender dentro del entorno de la aplicación Angular como se realiza la programación de formularios en Angular Drive Template.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Programación de formularios en Angular Drive Template.
  • Aplicación de nuestro ejemplo de formulario con esta técnica.
  • Aprendizaje de cómo cargar datos en select en Angular.
  • Validaciones HTML. Implementando en nuestra aplicación la validación de los campos del formulario mediante HTML
  • ¿Cómo establecer ayudas dinámicas?
  • Segunda técnica de programación de formularios en Angular: Reactive.
  • Aprendizaje de validación programática en Angular de nuestro proyecto, del lado de la clase del componente.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.
06

Http: base de datos en Firebase

  • OBJETIVO
  • Aprender a configurar Firebase para emplearlo en la aplicación Angular, así como a actualizar registros y peticiones.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Iniciación en el aprendizaje de configuración de Firebase.
  • Uso de HTTP Post para saber utilizar peticiones para crear registros en nuestra base de datos.
  • Uso de HTTP Get para leer registros en nuestra base de datos.
  • Uso de HTTP Put para actualizar registros a través de peticiones http Put.
  • Uso de HTTP Delete para eliminar registros con las peticiones a http Post.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.
07

Autenticación de usuarios y modulación

  • OBJETIVO
  • Continuar con el aprendizaje sobre el uso de la aplicación de cara a trabajar con usuarios, aprendiendo a registrar usuarios en la aplicación y a trabajar con ellos dentro de la misma, para posteriormente crear módulos adicionales.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Registro, creando un componente de registro de usuarios en nuestra aplicación.
  • Creación de un servicio para conectar nuestra aplicación a Firebase.
  • Implementación de validaciones y ayudas al formulario de registro.
  • Creación de un componente de inicio de sesión.
  • Implementación de métodos de control de inicio de sesión en nuestra aplicación.
  • Aprendizaje para la protección de rutas de nuestra aplicación.
  • Creación de links entre registro e inicio de sesión.
  • Módulos. Generación de módulos adicionales y nuevos componentes.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.
08

Despliegue a producción

  • OBJETIVO
  • Perfeccionar y finalizar la creación de la aplicación creando el Build con Angular CLI y reforzar conceptos anteriormente estudiados.
  • CONOCIMIENTO / CAPACIDADES COGNITIVAS Y PRÁCTICAS
  • Estudio de los conceptos de Build de la aplicación.
  • Crear Build de nuestra aplicación con Angular CLI.
  • Despliegue en Amazon Web Services de nuestra aplicación con un ejemplo en la plataforma AWS.
  • HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
  • Reconocimiento de la importancia de conocer como instalar, crear y estructurar archivos con Angular 4. Comprensión básica de lenguaje HTML.
  • Valoración de las ventajas que tiene el estudio y conocimiento de componentes y servicios que se crean con Angular 4, para aplicarlas a su trabajo.

Especialidad formativa

¿Quieres esta formación para tu organización?