Course: Introducción a Angular | Curso Moodle

Curso Moodle

Section outline

Select section General

Collapse Expand
General

Collapse all Expand all
- Select activity Avisos
  
  Avisos Forum
- Select activity Avisos
  
  Avisos Forum
Select section Introducción y Configuración Inicial

Collapse Expand
Introducción y Configuración Inicial
- Select activity Objetivos
  
  Objetivos:
  
  Conocer las principales características de Angular.
  
  Configurar el entorno de desarrollo.
- Select activity Angular
  
  Angular File PDF
  
  Students must
  
  Mark as done
- Select activity Instalar Angular CLI
  
  Instalar Angular CLI URL
  
  Students must
  
  Mark as done
- Select activity Instalación de Node.js
  
  Instalación de Node.js URL
  
  Students must
  
  Mark as done
  
  Requerido para instalar Angular
- Select activity Primer proyecto
  
  Primer proyecto URL
  
  Students must
  
  Mark as done
  
  Cómo crear tu primer proyecto.
- Select activity Primer proyecto
  
  Primer proyecto Assignment
  
  Students must
  
  Mark as done
  
  Tarea Modulo 1
- Select activity Objetivos
  
  Objetivos:
  
  Conocer las principales características de Angular.
  
  Configurar el entorno de desarrollo.
- Select activity Angular
  
  Angular File PDF
  
  Students must
  
  Mark as done
- Select activity Instalar Angular CLI
  
  Instalar Angular CLI URL
  
  Students must
  
  Mark as done
- Select activity Instalación de Node.js
  
  Instalación de Node.js URL
  
  Students must
  
  Mark as done
  
  Requerido para instalar Angular
- Select activity Primer proyecto
  
  Primer proyecto URL
  
  Students must
  
  Mark as done
  
  Cómo crear tu primer proyecto.
- Select activity Primer proyecto
  
  Primer proyecto Assignment
  
  Students must
  
  Mark as done
  
  Tarea Modulo 1
Select section Componentes, Plantillas y Directivas

Collapse Expand
Componentes, Plantillas y Directivas
- Select activity Objetivos
  
  Objetivos:
  
  Aprender a crear componentes.
  
  Entender el uso de directivas estructurales como *ngIf y *ngFor.
- Select activity ¿Qué es un componente en Angular?
  
  ¿Qué es un componente en Angular? URL
  
  Students must
  
  Mark as done
- Select activity Creación de un componente
  
  Creación de un componente URL
  
  Students must
  
  Mark as done
  
  Creación de un componente manual y con CLI
- Select activity Plantillas
  
  Plantillas URL
  
  Students must
  
  Mark as done
- Select activity ngif
  
  ngif URL
  
  Students must
  
  Mark as done
- Select activity ngfor
  
  ngfor URL
  
  Students must
  
  Mark as done
- Select activity Cuestionario Componentes y Directivas
  
  Cuestionario Componentes y Directivas Quiz
  
  Students must
  
  Mark as done
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
- Select activity Objetivos
  
  Objetivos:
  
  Aprender a crear componentes.
  
  Entender el uso de directivas estructurales como *ngIf y *ngFor.
- Select activity ¿Qué es un componente en Angular?
  
  ¿Qué es un componente en Angular? URL
  
  Students must
  
  Mark as done
- Select activity Creación de un componente
  
  Creación de un componente URL
  
  Students must
  
  Mark as done
  
  Creación de un componente manual y con CLI
- Select activity Plantillas
  
  Plantillas URL
  
  Students must
  
  Mark as done
- Select activity ngif
  
  ngif URL
  
  Students must
  
  Mark as done
- Select activity ngfor
  
  ngfor URL
  
  Students must
  
  Mark as done
- Select activity Cuestionario Componentes y Directivas
  
  Cuestionario Componentes y Directivas Quiz
  
  Students must
  
  Mark as done
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
Select section Servicios, APIs y Manejo de Datos

Collapse Expand
Servicios, APIs y Manejo de Datos
- Select activity Objetivos
  
  Objetivos:
  
  Crear y usar servicios para organizar la lógica de negocio.
  
  Consumir datos de APIs usando HttpClient.
  
  Manejar datos de forma reactiva con RxJS.
- Select activity Servicios e inyección de dependencias
  
  Servicios e inyección de dependencias URL
  
  Students must
  
  Mark as done
- Select activity HttpClient
  
  HttpClient
  
  La mayoría de las aplicaciones front-end necesitan comunicarse con un servidor a través del protocolo HTTP para descargar o cargar datos y acceder a otros servicios back-end. Angular ofrece una API HTTP de cliente para aplicaciones Angular, la clase de servicio HttpClient en @angular/common/http.
  
  Clic aquí para consultar la documentación de la configuración de este servicio.
  Clic aquí para consultar la documentación de cómo hacer consultas con este servicio.
- Select activity RxJS
  
  RxJS
  
  (Reactive Extensions for JavaScript) es una biblioteca que permite trabajar con flujos de datos de manera reactiva, utilizando observables para manejar datos asincrónicos. Es ampliamente utilizada en Angular para tareas como manejo de eventos, peticiones HTTP, procesamiento de datos en tiempo real, entre otros.
- Select activity Observables
  
  Observables File PDF
  
  Students must
  
  Mark as done
- Select activity Consumir API con Angular - Ejemplo Completo
  
  Consumir API con Angular - Ejemplo Completo URL
  
  Students must
  
  Mark as done
  
  Documentación de la API usada en el video: https://rickandmortyapi.com/documentation
- Select activity Consumir una API para mostrar una lista de usuarios en una tabla.
  
  Consumir una API para mostrar una lista de usuarios en una tabla. Assignment
  
  Students must
  
  Mark as done
  
  Consumir una API de ejemplo para mostrar una lista de usuarios en una tabla.
  
  Se puede utilizar la misma API mostrada en el video (Consumir API con Angular - Ejemplo Completo) o cualquier otra API de preferencia. La tabla debe mostrar minimo 5 elementos con 5 propiedades (Una tabla 5x5)
  
  Subir el código fuente
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
- Select activity Objetivos
  
  Objetivos:
  
  Crear y usar servicios para organizar la lógica de negocio.
  
  Consumir datos de APIs usando HttpClient.
  
  Manejar datos de forma reactiva con RxJS.
- Select activity Servicios e inyección de dependencias
  
  Servicios e inyección de dependencias URL
  
  Students must
  
  Mark as done
- Select activity HttpClient
  
  HttpClient
  
  La mayoría de las aplicaciones front-end necesitan comunicarse con un servidor a través del protocolo HTTP para descargar o cargar datos y acceder a otros servicios back-end. Angular ofrece una API HTTP de cliente para aplicaciones Angular, la clase de servicio HttpClient en @angular/common/http.
  
  Clic aquí para consultar la documentación de la configuración de este servicio.
  Clic aquí para consultar la documentación de cómo hacer consultas con este servicio.
- Select activity RxJS
  
  RxJS
  
  (Reactive Extensions for JavaScript) es una biblioteca que permite trabajar con flujos de datos de manera reactiva, utilizando observables para manejar datos asincrónicos. Es ampliamente utilizada en Angular para tareas como manejo de eventos, peticiones HTTP, procesamiento de datos en tiempo real, entre otros.
- Select activity Observables
  
  Observables File PDF
  
  Students must
  
  Mark as done
- Select activity Consumir API con Angular - Ejemplo Completo
  
  Consumir API con Angular - Ejemplo Completo URL
  
  Students must
  
  Mark as done
  
  Documentación de la API usada en el video: https://rickandmortyapi.com/documentation
- Select activity Consumir una API para mostrar una lista de usuarios en una tabla.
  
  Consumir una API para mostrar una lista de usuarios en una tabla. Assignment
  
  Students must
  
  Mark as done
  
  Consumir una API de ejemplo para mostrar una lista de usuarios en una tabla.
  
  Se puede utilizar la misma API mostrada en el video (Consumir API con Angular - Ejemplo Completo) o cualquier otra API de preferencia. La tabla debe mostrar minimo 5 elementos con 5 propiedades (Una tabla 5x5)
  
  Subir el código fuente
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
Select section Rutas y Navegación

Collapse Expand
Rutas y Navegación
- Select activity Objetivos
  
  Objetivos:
  
  Configurar módulos y rutas en una aplicación Angular.
  
  Crear un dashboard con gráficos dinámicos.
- Select activity Chart.js
  
  Chart.js File PDF
  
  Students must
  
  Mark as done
- Select activity Chart.js
  
  Chart.js URL
  
  Students must
  
  Mark as done
  
  Documentación de chart.js :aquí
  
  Gráfico de barras.
  
  Gráfico circular
  
  Gráfico de lineas
- Select activity Rutas
  
  Rutas URL
  
  Students must
  
  Mark as done
- Select activity Menú de navegación (routerlink)
  
  Menú de navegación (routerlink) URL
  
  Students must
  
  Mark as done
- Select activity ¿ Cómo pasar parámetros por rutas?
  
  ¿ Cómo pasar parámetros por rutas? URL
  
  Students must
  
  Mark as done
- Select activity Rutas hijas
  
  Rutas hijas URL
  
  Students must
  
  Mark as done
- Select activity Módulos en Angular
  
  Módulos en Angular File PDF
  
  Students must
  
  Mark as done
- Select activity Módulos - ¿Qué son y tipos?
  
  Módulos - ¿Qué son y tipos? URL
  
  Students must
  
  Mark as done
- Select activity Módulos - ¿Cómo se crean?
  
  Módulos - ¿Cómo se crean? URL
  
  Students must
  
  Mark as done
- Select activity Dashboard - Proyecto Final
  
  Dashboard - Proyecto Final Assignment
  
  Students must
  
  Mark as done
  
  Crear un dashboard con:
  
  Gráfica de barras (datos obtenidos desde un servicio).
  
  Navegación entre una página principal y el dashboard. (con ayuda de routerlink)
  
  Subir el código fuente
  
  Uso de plantilla dashboard en Angular.
  
  Documentacion de Plantillas en Angular
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
- Select activity Objetivos
  
  Objetivos:
  
  Configurar módulos y rutas en una aplicación Angular.
  
  Crear un dashboard con gráficos dinámicos.
- Select activity Chart.js
  
  Chart.js File PDF
  
  Students must
  
  Mark as done
- Select activity Chart.js
  
  Chart.js URL
  
  Students must
  
  Mark as done
  
  Documentación de chart.js :aquí
  
  Gráfico de barras.
  
  Gráfico circular
  
  Gráfico de lineas
- Select activity Rutas
  
  Rutas URL
  
  Students must
  
  Mark as done
- Select activity Menú de navegación (routerlink)
  
  Menú de navegación (routerlink) URL
  
  Students must
  
  Mark as done
- Select activity ¿ Cómo pasar parámetros por rutas?
  
  ¿ Cómo pasar parámetros por rutas? URL
  
  Students must
  
  Mark as done
- Select activity Rutas hijas
  
  Rutas hijas URL
  
  Students must
  
  Mark as done
- Select activity Módulos en Angular
  
  Módulos en Angular File PDF
  
  Students must
  
  Mark as done
- Select activity Módulos - ¿Qué son y tipos?
  
  Módulos - ¿Qué son y tipos? URL
  
  Students must
  
  Mark as done
- Select activity Módulos - ¿Cómo se crean?
  
  Módulos - ¿Cómo se crean? URL
  
  Students must
  
  Mark as done
- Select activity Dashboard - Proyecto Final
  
  Dashboard - Proyecto Final Assignment
  
  Students must
  
  Mark as done
  
  Crear un dashboard con:
  
  Gráfica de barras (datos obtenidos desde un servicio).
  
  Navegación entre una página principal y el dashboard. (con ayuda de routerlink)
  
  Subir el código fuente
  
  Uso de plantilla dashboard en Angular.
  
  Documentacion de Plantillas en Angular
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
Select section Examen Final

Collapse Expand
Examen Final
- Select activity Examen Final
  
  Examen Final Quiz
  
  Opened: Sunday, 1 December 2024, 6:00 AM
  
  Closed: Friday, 13 December 2024, 5:59 AM
  
  Students must
  
  Mark as done
- Select activity Examen Final
  
  Examen Final Quiz
  
  Opened: Sunday, 1 December 2024, 6:00 AM
  
  Closed: Friday, 13 December 2024, 5:59 AM
  
  Students must
  
  Mark as done