51HORAS |
Diseñado y producido por Smartmind
Contenidos
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.
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.
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.
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.
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.
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
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.
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.
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.
Objetivo. Introducir en los conceptos de Routing así como aprender de manera práctica cómo implementar el routing en una aplicación Angular.
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.
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.
Objetivo. Comprender dentro del entorno de la aplicación Angular como se realiza la programación de formularios en Angular Drive Template.
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.
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.
Objetivo. Aprender a configurar Firebase para emplearlo en la aplicación Angular, así como a actualizar registros y peticiones.
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.
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.
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.
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.
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.
Objetivo. Perfeccionar y finalizar la creación de la aplicación creando el Build con Angular CLI y reforzar conceptos anteriormente estudiados.
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.
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.
