[:construction: Este curso está en desarrollo :construction:]
En este curso aprenderás todo lo necesario para poder crear tu propia red social - en la cual la temática la defines tú. Para esto aprenderás a:
- Diseñar la experiencia de usuario que ofrecerá tu producto, aplicando conceptos y técnicas de ux design
- Maquetar una aplicación web orientado a móviles con técnicas como
mobile-first - Hacer el proceso de desarrollo más rápido y reutilizar código existente en la web mediante frameworks de CSS y librerías de JavaScript
Este curso está dirigido a estudiantes de Laboratoria. Es el tercer curso que se toma como parte del bootcamp.
Para llevar este curso debes haber completado los cursos de programación básica con JavaScript y haciendo tu sitio web interactivo de Laboratoria. Se asume
que las alumnas tienen conocimientos de HTML, CSS, JavaScript y el DOM.
- Cómo estructurar los elementos que tienes en tu página web
- Hacer tu web adaptable a la pantalla de dispositivos móviles
- Usar librerías y frameworks existentes para un desarrollo más rápido
Durante este curso construirás una red social con las siguientes características:
- Adaptable a la pantalla de un móvil
- Poder autenticarte a través de Facebook o Google
- Publicar contenido
- Comentar en las publicaciones
- Dar like en las publicaciones
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 30min | Opening |
| 01 | lectura | 15min | Responsive Web Design |
| 02 | lectura | 15min | Layout & Grid System |
| 03 | lectura | 30min | Media Queries |
| 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 | ¿Qué es un Framework? |
| 02 | lectura | 15min | Materialize |
| 03 | lectura | 30min | ¿Y Bootstrap? |
| 04 | lectura | 30min | ¿Componentes con jQuery? |
| 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 | Opening |
| 01 | lectura | 15min | ¿Qué es jQuery? |
| 02 | lectura | 15min | Selectores |
| 03 | lectura | 30min | DOM |
| 04 | quiz | 30min | Quiz #1 |
| 05 | seminario | 2h | Clase de Conceptos |
| 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 | Opening |
| 01 | lectura | 15min | Usabilidad |
| 02 | lectura | 15min | Visual Design 101 |
| 03 | lectura | 30min | Widgets & Plugins |
| 04 | lectura | 30min | Optimización de experiencia de Usuario |
| 05 | quiz | 30min | Quiz #1 |
| 06 | seminario | 2h | Clase de Conceptos |
| 07 | taller | 2h | Clase Práctica |
| 08 | práctica | 8h | Retos |
| 09 | seminario | 2h | Solucionario |
| 10 | quiz | 30min | Quiz #2 |
| 11 | cuestionario | 5min | Auto-evaluación |
| 12 | seminario | 2h | Closing |
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 10min | Introducción a Firebase |
| 01 | lectura | 15min | Autenticación |
| 02 | lectura | 25min | Base de Datos |
| 03 | práctica | 1h | Retos guiados |
| # | Tipo | Duración | Tópico |
|---|---|---|---|
| 00 | lectura | 30min | Organizando las tareas en equipo |
| 01 | práctica | 30min | Red Social X |
| 02 | taller | 30min | Code Review (Team + Teacher) |
| 03 | taller | 30min | Demo |
| 04 | taller | 2h | Retrospectiva |
- Steph Salazar
- Lalo Gonzalez
- Ivan Medina
- Otros colaboradores?
...
...
...