Curso: Introducción a Angular | Curso Moodle

Curso Moodle

Descripción de la sección

Seleccionar sección General

Colapsar Expandir
General

Colapsar todo Expandir todo
- Seleccionar actividad Avisos
  
  Avisos Foro
- Seleccionar actividad Avisos
  
  Avisos Foro
Seleccionar sección Introducción y Configuración Inicial

Colapsar Expandir
Introducción y Configuración Inicial
- Seleccionar actividad Objetivos
  
  Objetivos:
  
  Conocer las principales características de Angular.
  
  Configurar el entorno de desarrollo.
- Seleccionar actividad Angular
  
  Angular Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Instalar Angular CLI
  
  Instalar Angular CLI URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Instalación de Node.js
  
  Instalación de Node.js URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Requerido para instalar Angular
- Seleccionar actividad Primer proyecto
  
  Primer proyecto URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Cómo crear tu primer proyecto.
- Seleccionar actividad Primer proyecto
  
  Primer proyecto Tarea
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Tarea Modulo 1
- Seleccionar actividad Objetivos
  
  Objetivos:
  
  Conocer las principales características de Angular.
  
  Configurar el entorno de desarrollo.
- Seleccionar actividad Angular
  
  Angular Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Instalar Angular CLI
  
  Instalar Angular CLI URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Instalación de Node.js
  
  Instalación de Node.js URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Requerido para instalar Angular
- Seleccionar actividad Primer proyecto
  
  Primer proyecto URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Cómo crear tu primer proyecto.
- Seleccionar actividad Primer proyecto
  
  Primer proyecto Tarea
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Tarea Modulo 1
Seleccionar sección Componentes, Plantillas y Directivas

Colapsar Expandir
Componentes, Plantillas y Directivas
- Seleccionar actividad Objetivos
  
  Objetivos:
  
  Aprender a crear componentes.
  
  Entender el uso de directivas estructurales como *ngIf y *ngFor.
- Seleccionar actividad ¿Qué es un componente en Angular?
  
  ¿Qué es un componente en Angular? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Creación de un componente
  
  Creación de un componente URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Creación de un componente manual y con CLI
- Seleccionar actividad Plantillas
  
  Plantillas URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad ngif
  
  ngif URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad ngfor
  
  ngfor URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Cuestionario Componentes y Directivas
  
  Cuestionario Componentes y Directivas Examen
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
- Seleccionar actividad Objetivos
  
  Objetivos:
  
  Aprender a crear componentes.
  
  Entender el uso de directivas estructurales como *ngIf y *ngFor.
- Seleccionar actividad ¿Qué es un componente en Angular?
  
  ¿Qué es un componente en Angular? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Creación de un componente
  
  Creación de un componente URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Creación de un componente manual y con CLI
- Seleccionar actividad Plantillas
  
  Plantillas URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad ngif
  
  ngif URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad ngfor
  
  ngfor URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Cuestionario Componentes y Directivas
  
  Cuestionario Componentes y Directivas Examen
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Trabajo opcional para evaluar los conocimientos de esta sección.
Seleccionar sección Servicios, APIs y Manejo de Datos

Colapsar Expandir
Servicios, APIs y Manejo de Datos
- Seleccionar actividad 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.
- Seleccionar actividad Servicios e inyección de dependencias
  
  Servicios e inyección de dependencias URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad 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.
- Seleccionar actividad 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.
- Seleccionar actividad Observables
  
  Observables Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Consumir API con Angular - Ejemplo Completo
  
  Consumir API con Angular - Ejemplo Completo URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Documentación de la API usada en el video: https://rickandmortyapi.com/documentation
- Seleccionar actividad Consumir una API para mostrar una lista de usuarios en una tabla.
  
  Consumir una API para mostrar una lista de usuarios en una tabla. Tarea
  
  Los estudiantes deben
  
  Marcar como hecho
  
  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.
- Seleccionar actividad 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.
- Seleccionar actividad Servicios e inyección de dependencias
  
  Servicios e inyección de dependencias URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad 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.
- Seleccionar actividad 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.
- Seleccionar actividad Observables
  
  Observables Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Consumir API con Angular - Ejemplo Completo
  
  Consumir API con Angular - Ejemplo Completo URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Documentación de la API usada en el video: https://rickandmortyapi.com/documentation
- Seleccionar actividad Consumir una API para mostrar una lista de usuarios en una tabla.
  
  Consumir una API para mostrar una lista de usuarios en una tabla. Tarea
  
  Los estudiantes deben
  
  Marcar como hecho
  
  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.
Seleccionar sección Rutas y Navegación

Colapsar Expandir
Rutas y Navegación
- Seleccionar actividad Objetivos
  
  Objetivos:
  
  Configurar módulos y rutas en una aplicación Angular.
  
  Crear un dashboard con gráficos dinámicos.
- Seleccionar actividad Chart.js
  
  Chart.js Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Chart.js
  
  Chart.js URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Documentación de chart.js :aquí
  
  Gráfico de barras.
  
  Gráfico circular
  
  Gráfico de lineas
- Seleccionar actividad Rutas
  
  Rutas URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Menú de navegación (routerlink)
  
  Menú de navegación (routerlink) URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad ¿ Cómo pasar parámetros por rutas?
  
  ¿ Cómo pasar parámetros por rutas? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Rutas hijas
  
  Rutas hijas URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Módulos en Angular
  
  Módulos en Angular Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Módulos - ¿Qué son y tipos?
  
  Módulos - ¿Qué son y tipos? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Módulos - ¿Cómo se crean?
  
  Módulos - ¿Cómo se crean? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Dashboard - Proyecto Final
  
  Dashboard - Proyecto Final Tarea
  
  Los estudiantes deben
  
  Marcar como hecho
  
  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.
- Seleccionar actividad Objetivos
  
  Objetivos:
  
  Configurar módulos y rutas en una aplicación Angular.
  
  Crear un dashboard con gráficos dinámicos.
- Seleccionar actividad Chart.js
  
  Chart.js Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Chart.js
  
  Chart.js URL
  
  Los estudiantes deben
  
  Marcar como hecho
  
  Documentación de chart.js :aquí
  
  Gráfico de barras.
  
  Gráfico circular
  
  Gráfico de lineas
- Seleccionar actividad Rutas
  
  Rutas URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Menú de navegación (routerlink)
  
  Menú de navegación (routerlink) URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad ¿ Cómo pasar parámetros por rutas?
  
  ¿ Cómo pasar parámetros por rutas? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Rutas hijas
  
  Rutas hijas URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Módulos en Angular
  
  Módulos en Angular Archivo PDF
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Módulos - ¿Qué son y tipos?
  
  Módulos - ¿Qué son y tipos? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Módulos - ¿Cómo se crean?
  
  Módulos - ¿Cómo se crean? URL
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Dashboard - Proyecto Final
  
  Dashboard - Proyecto Final Tarea
  
  Los estudiantes deben
  
  Marcar como hecho
  
  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.
Seleccionar sección Examen Final

Colapsar Expandir
Examen Final
- Seleccionar actividad Examen Final
  
  Examen Final
  
  Abrió: domingo, 1 de diciembre de 2024, 06:00
  
  Cerró: viernes, 13 de diciembre de 2024, 05:59
  
  Los estudiantes deben
  
  Marcar como hecho
- Seleccionar actividad Examen Final
  
  Examen Final
  
  Abrió: domingo, 1 de diciembre de 2024, 06:00
  
  Cerró: viernes, 13 de diciembre de 2024, 05:59
  
  Los estudiantes deben
  
  Marcar como hecho