[:construction: Este curso está en desarrollo :construction:]
En este curso aprenderás todo lo necesario para poder crear una Single Page Application que consuma datos de forma asíncrona. Para esto aprenderás a:
- Reconocer que sucede en el entorno web (HTTP)
- Comunicarse con servidores a través de APIs y estructuración de datos en archivos XML, JSON o YAML
- Usar APIs públicas como Google Maps
- Crear interacciones que no recarguen la página a través de peticiones asíncronas
Este curso está dirigido a estudiantes de Laboratoria. Es el segundo curso
de la especialización de Front-end Development.
Para llevar este curso debes haber completado los cursos del common core y
Crea tu propia librería usando JavaScript: JS Deep Dive de Laboratoria. Se
asume que las alumnas tienen conocimientos de HTML, CSS, JavaScript y jQuery.
- Sobre el protocolo HTTP
- Cómo obtener datos de un servidor (APIs)
- Crear interacciones sin recargar la página
Durante este curso construirás un clon de AIRDNA, un servicio que recupera datos de Airbnb para dar recomendaciones sobre lugares donde rentar es una gran opción económica, desarrollando las siguientes características:
- Adaptable a la pantalla de cualquier dispositivo
- Recuperar datos de un API público y procesarla
- Mostrar infromación en un mapa interactivo a través de Google Maps
- Realizar el flujo de un sitio web completo en una sola página sin la necesidad de recargar la página
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 30min | Opening |
| 01 | lectura | 30min | ¿Qué es un API? |
| 02 | lectura | 30min | APIs del Navegador |
| 03 | lectura | 30min | Google Maps |
| 04 | quiz | 30min | Quiz #1 |
| 05 | taller | 2h | Clase Práctica |
| 06 | práctica | 8h | Retos |
| 07 | seminario | 2h | Solucionario |
| 08 | quiz | 30min | Quiz #2 |
| 09 | cuestionario | 5min | Auto-evaluación |
| 10 | seminario | 2h | Closing |
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 30min | Opening |
| 01 | lectura | 15min | Internet y sus protocolos |
| 02 | lectura | 15min | Web Services vs APIs |
| 03 | lectura | 30min | Archivos de transferencia de datos |
| 04 | lectura | 30min | Peticiones Asíncronas |
| 05 | lectura | 30min | Autenticación |
| 06 | lectura | 30min | REST |
| 07 | quiz | 30min | Quiz #1 |
| 08 | taller | 2h | Clase Práctica |
| 09 | práctica | 8h | Retos |
| 10 | seminario | 2h | Solucionario |
| 11 | quiz | 30min | Quiz #2 |
| 12 | cuestionario | 5min | Auto-evaluación |
| 13 | seminario | 2h | Closing |
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 30min | Opening |
| 01 | lectura | 15min | ¿Qué es una SPA? |
| 02 | lectura | 15min | Manejo de rutas |
| 03 | lectura | 30min | Plantillas |
| 04 | lectura | 30min | Deployment |
| 05 | quiz | 30min | Quiz #1 |
| 06 | taller | 2h | Clase Práctica |
| 07 | práctica | 8h | Retos |
| 08 | seminario | 2h | Solucionario |
| 09 | quiz | 30min | Quiz #2 |
| 10 | cuestionario | 5min | Auto-evaluación |
| 11 | seminario | 2h | Closing |
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 30min | Organizando las tareas en equipo |
| 01 | práctica | 30min | Clon de AIRDNA |
| 02 | taller | 30min | Code Review (Team + Teacher) |
| 03 | taller | 30min | Demo |
| 04 | taller | 2h | Retrospectiva |
- Steph Salazar
- Ivan Medina
- Otros colaboradores?
...
...
...