Bootcamp @Laboratoria

Introducción

El bootcamp de Laboratoria es un programa de aprendizaje inmersivo de 6 meses enfocado en los perfiles de Front-end Developer y UX Designer. Nuestro modelo de aprendizaje se basa en emular un ambiente laboral que prepare a nuestras estudiantes desarrollando las habilidades técnicas y socioemocionales que necesitan para comenzar a trabajar.

El aprendizaje basado en proyectos es el eje central sobre el que se articula la experiencia de aprendizaje. Completar una serie de proyectos, de complejidad gradualmente creciente, permite a las estudiantes ir desarrollando las habilidades necesarias. De todas estas habilidades, consideramos que el Autoaprendizaje es la más importante; creemos firmemente que, no solamente es una habilidad indispensable para el mundo laboral que les espera, si no que es también una poderosa herramienta para que sean mujeres autosuficientes, seguras de su talento y habilidades y, finalmente, agentes de cambio a largo plazo.

Los proyectos son evaluados por coaches en función de la siguiente rúbrica.

Mapa de aprendizaje

El mapa de aprendizaje (o mapa de proyectos se divide en 4 etapas: Preadmisión, Common Core, Track (Front-end Development y UX Design) y Electivos.

Pre    | Common Core          | Track                                                   | Electivos      |
===    | ===========          | =====                                                   | =========      |
       |                      |                                                         |                |
       |                      |  Frontend                                               |                |
       |                      |  social-network > md-links     burger-queen             | battleship     |
       |                      |  /                         \  /                       \ |/               |
       |                      | /\                          > -burger-queen-api-client >|                |
       |                      |/  \                        /  \                       / |\               |
trivia | cipher > data-lovers |   md-links > social-network    burger-queen-api         | tic-tac-toe-rn |
       |                      |\                                                        |                |
       |                      | \                                                       | service-design |
       |                      |  UX                                                     |/               |
       |                      |  small businesses > redesign-and-data > ux consultancy  |-design-sprint  |
       |                      |                                                         |\               |
       |                      |                                                         | visual-design  |
       |                      |                                                         |                |

Etapa 0: Preadmisión

La etapa de admisión empieza antes de ser aceptada a nuestro Bootcamp. Al final de cada proceso de admisión invitaremos a candidatas preseleccionadas a completar un proyecto presencialmente en una de nuestras sedes.

Proyecto: Trivia (necesita refactorización)

Duración estimada: 3 días.
Equipos: 1 estudiante
Tópicos: JavaScript Basics, HTML Intro, CSS.

Etapa 1: Common Core

Todas las estudiantes admitidas, comienzan con el common core. En esta etapa completarán los siguientes proyectos en orden; cada uno desbloquea el siguiente. Al final del common core las estudiantes participan en una o más hackathones trabajando en proyectos más pequeños propuestos por Laboratoria y/o empresas/empleadores externos.

Proyecto: Cifrado César

En este proyecto implementan una aplicación web basada un boilerplate que permita cifrar y descifrar texto usando la técnica del cifrado césar.

El principal objetivo de aprendizaje de este proyecto es tener una primera experiencia construyendo una aplicación web, utilizando los conocimientos adquiridos sobre User Experience Design y JavaScript. Esto incluye diseñar un producto pensando en los usuarios, construir una interfaz, escuchar eventos básicos del DOM, escribir lógica para llevar a cabo el cifado y descifrado, tests unitarios básicos para comprobar (y documentar) dicha lógica, y manipulación del DOM para mostrar (escribir) los resultados.

Duración estimada: 2 semanas.
Equipos: 1 estudiante.
Tópicos: Flow control, Strings, Testing, HTML, SCM, Shell, Intro a UX Design.

Proyecto: Data Lovers

En este proyecto tendrán su primer acercamiento a transformar data en información. El objetivo principal de este proyecto es aprender a diseñar y construir una interfaz web donde podamos visualizar y manipular data.

Esperamos que puedan pensar en el usuario, entender cuál es la mejor manera de visualizar la data según sus necesidades, y plasmar todo eso en el diseño en la web.

Este proyecto se debe "resolver" en parejas, por lo que un objetivo importante es ganar experiencia en trabajos colaborativos con toda la complejidad que eso implica.

Duración estimada: 3 semanas.
Equipos: 2 estudiantes.
Tópicos: Arrays, Objects, DOM, XHR/fetch, Visual Design.

Etapa 2: Tracks

Después del common core cada grupo se separa en tracks especializados y paralelos: Front-end Development y UX Design.

Track Front End Dev

Tópicos comunes (independientes de proyecto): Paradigmas, JavaScript Funcional.

Proyecto: Red Social

En este proyecto partimos del supuesto que una emprendedora ha pedido hacer un prototipo para una red social sobre algunos temas de entre los cuales las estudiantes deberán elegir.

El objetivo principal de aprendizaje de este proyecto es construir un sitio web responsive con más de una vista (página), y en el que podamos leer y escribir datos, entendiendo las necesidades de los usuarios para los que sw creará el producto.

Duración estimada: 3 semanas.
Equipos: 3 estudiantes.
Tópicos: Mobile first, Responsive, URL, HTTP, Async, Múltiples vistas, Routing, Escritura de datos, localStorage, Firebase.

Proyecto: Markdown Links

Dentro de una comunidad de código abierto, proponen crear una herramienta usando Node.js, que lea y analice archivos en formato Markdown, para verificar los links que contengan y reportar algunas estadísticas.

El objetivo práctico de este proyecto es aprender a crear una librería (o biblioteca - library) en JavaScript.

Diseñar una librería es una experiencia fundamental para cualquier desarrolladora porque que le obliga a pensar en la interfaz (API) de sus módulos y cómo será usada por otros developers. Se necesita tener especial consideración en peculiaridades del lenguaje, convenciones y buenas prácticas.

Duración estimada: 3 semanas.
Equipos: 1 estudiante.
Tópicos: Node.js, NPM, File System, Semver, Parsing, Markdown, CLI, HTTP, Módulos, Errores.

Proyecto: Burger Queen Serverless

Este proyecto requiere implementar un sistema para que lxs meserxs de un restautante (Burger Queen) puedan tomar nota de los pedidos usando una tablet.

El objetivo principal de aprendizaje de este proyecto es construir una interfaz web usando un framework (React, Vue o Angular).

Como objetivo secundario, la implementación debe seguir las recomendaciones para PWAs (Progressive Web Apps), lo cual incluye conceptos como offline.

Duración estimada: 3 semanas.
Equipos: 1-2 estudiantes.
Tópicos: Frameworks, React, Vue, Angular, PWA, Offline First, Service Workers, Serverless.

Proyecto: Burger Queen HTTP/JSON API

El objetivo principal de aprendizaje es adquirir experiencia con Node.js como herramienta para desarrollar aplicaciones de servidor, junto con una serie de herramientas comunes usadas en este tipo de contexto (Express como framework, MongoDB como base datos, ...).

En este proyecto tendrás que construir un servidor web que debe servir JSON sobre HTTP.

En este proyecto partimos de un boilerplate que ya contiene una serie de endpoints (puntos de conexión o URLs) y nos piden completar la aplicación. Esto implica que tendremos que partir por leer la implementación existente, y familiarizarnos con el stack elegido: Node.js, Express, MongoDB, mongoose, ...

Duración estimada: 2 semanas.
Equipos: 1 estudiante
Tópicos: Node.js, Express, rutas (routes), URLs, HTTP (verbs, request, response, headers, body, status codes...), JSON, MongoDB, variables de entorno, JWT (JSON Web Tokens)...

Proyecto: Burger Queen API Client

Este proyecto requiere implementar un sistema para que lxs meserxs de un restautante (Burger Queen) puedan tomar nota de los pedidos usando una tablet.

El objetivo principal de aprendizaje de este proyecto es construir una interfaz web usando un framework (React, Vue o Angular).

Como objetivo secundario, la implementación debe seguir las recomendaciones para PWAs (Progressive Web Apps), lo cual incluye conceptos como offline.

Duración estimada: 3 semanas.
Equipos: 1-2 estudiantes.
Tópicos: Frameworks, React, Vue, Angular, PWA, Offline First, Service Workers, HTTP, JSON, fetch.

Track UX Design

Proyecto: Emprendimientos

Para este reto inicial del track, las estudiantes trabajan con pequeños emprendimientos buscando ofrecer una nueva y/o mejor experiencia online. Para ello, tienen que entender los objetivos de negocio y también las necesidades de los usuarios/clientes de estos emprendimientos. Durante este reto las estudiantes hacen trabajo de campo como entrevistas, observación y testing. Y diseñan soluciones utilizando herramientas de diseño como Figma y Marvel.

Duración estimada: 3 semanas
Equipos: 2 o 3 estudiantes
Tópicos: UX research (entrevistas, benchmark), arquitectura de la información (flujo de contenido, mapa de sitio), diseño visual y de interacción (wireframes y prototipado), y user testing

Proyecto: Rediseño y análisis de data

Este es un proyecto de rediseño. Basándose en la data de los resultados que está teniendo una aplicación de servicios financieros, las estudiantes buscan mejorar la experiencia de la misma. En algunas casos este reto puede ser reemplazado por un reto con una empresa, pero con los mismos objetivos de aprendizaje.

Duración estimada: 3 semanas
Equipos: 2 o 3 estudiantes
Tópicos: Data analysis, UX Research, prototipado, ideación, visual design

Proyecto: Consultoría UX

En este reto, las estudiantes trabajan en distintos casos reales propuestos por empresas de diversos rubros y tamaños. Anteriores retos han incluido empresas como Kmimos, Guvery, Globant, Sinenvolturas, Magical Startups, Laboratoria, entre otras.

Duración estimada: 3 semanas
Equipos: Depende de proyectos
Tópicos: UX Research, prototipado, ideación, visual design

Etapa 3: Capstone / Electivos

El último mes del Bootcamp - más o menos, cada una avanza a su ritmo - se espera que construyas tu proyecto final o capstone, que puede estar basado en los tópicos/tecnologías vistas hasta el momento, o pueden cubrir algunos de los tópicos sugeridos (electivos).

Track Front End Dev

Proyecto: Tic tac toe con React Native

El objetivo principal de aprendizaje es tener una primera experiencia en desarrollo de aplicaciones nativas con React Native.

En este proyecto tendrás que construir una aplicación usando React Native y Expo, y publicarla en tu cuenta de Expo, para que se pueda instalar en cualquier dispositivo Android o iOS.

Para completar el proyecto tendrás que familiarizarte con conceptos como View, Text o TouchableOpacity, además del flujo de desarrollo propio de apps nativas.

Duración estimada: 2 semanas.
Equipos: 1 estudiante
Tópicos: React Native, Expo, componentes nativos, touch events, ...

Proyecto: Battleship

Battleship es un juego clásico, con múltiples versiones en juegos de mesa y en linea (si no lo conoces, puedes verlo en este link : battle-ship).

En este proyecto deberás crear una nueva versión, agregándole algún giro para actualizarlo y hacerlo más atractivo para las nuevas generaciones. También, no estás atada a hacer este juego sobre barcos, puedes hacerlo con el tema que más te guste, siempre y cuando el modo de juego sea parecido.

Duración estimada: 2 semanas.
Equipos: 3 estudiantes
Tópicos: react, angular, redux, firebase, mongodb stitch.

Track UX Design

Proyecto: Visual Design

En este reto buscamos mejorar las habilidades de diseño visual de interfaces. Para ello, las estudiantes trabajan en cómo mejorar y unificar la experiencia de una plataforma de venta de entradas a espectaculos (tradicional) para ayudarlos a competir con nuevos actores en la industria como Stubhub, Eventbrite, Joinnus, entre otros. Para ello tendrán que crear soluciones consistentes para mobile, desktop y smartwatches. En algunas casos este reto puede ser reemplazado por un reto con una empresa, pero con los mismos objetivos de aprendizaje.

Duración estimada: 3 semanas
Equipos: Depende de proyectos
Tópicos: Design Systems, Grid systems, atomic design, componentes, consistencia,jerarquía, responsive design.

Proyecto: Service Design

Con la ayuda de consultoras especializadas como Amable o Touchpoint, las estudiantes se sumergen en el mundo del service design. Entendiendo problemas de negocio desde una visión más holística y utilizando nuevas herramientas como el Service BluePrint.

Duración estimada: 3 semanas
Equipos: Depende de proyectos
Tópicos: Service design, disruptive design, insights, service prototyping, service blue print

Índice de tópicos

En uso (v2.x):

Wish list:

Algorithms
Angular
Data Structures
Databases
Editors
ESNext
Modules
Serverless
Styleguides
The web stack

Contribuciones

Toda contribución es gratamente bienvenida.

Pero POR FAVOR no olvides leer detalladamente la guía para contribuidores antes de enviar un PR.

Muchas gracias a toda esta gente maravillosa (leyenda de emojis):

_{Lupo Montero} 💬 🐛 💻 📖 💡 🤔 🚇 🔌 👀 ⚠️ 🔧 📹	_chamodev 🤔 🌍	_{Ivan Medina} 💬 🐛 💻 💡 👀	_{Mariano Crowe} 💬 🐛 💻 📖 💡 🤔 👀	_Diego 🐛 🤔	_{Ana Steph} 💬 🐛 💻	_{Lalo Gonzalez} 💬 🎨 🤔
_{Milton Mazzarri} 💻 💡	_{Ruth Abigail Salvador Zorrilla} 🐛 🤔	_{Maricarmen Rojas Tinco} 🐛 💻 ⚠️	_{María Inés Plaza Schwarck} 💻 💡	_{Belén Recabal} 🐛 🤔	_{Lourdes Vílchez} 🐛 🤔	_{Fabian Alexis Bravo Abarca} 🐛 💻 💡 🤔 👀
_{Amalia Rivera Castillejos} 🐛 🤔	_{Shirley Silvana Suarez Startary} 💬 🐛 💻 💡 🤔	_{Alexandra Neira} 🐛 🤔	_{Michelle Seguil} 🐛 💻 💡 🤔	_{Carolina Covarrubias} 💬 📖 🤔	_{Joalbert Andrés González} 🤔	_{Elizabeth Portilla} 💬 🐛 🤔
_{Karla Nava} 🤔	_{Allison Guzmán} 🐛 🤔	_{Alejandra Ramirez} 🤔	_{Alexander Ocsa} 🐛	_{Rocío Alberdi} 🤔	_{Ameli C. Gavante} 🐛 🤔	_IntiDev 🐛 🤔
_{Emmanuel Orozco} 🐛 💻 🤔	_{Nicole Stein} 💻 💡 🤔	_{Giancarlo Corzo} 🐛 🤔	_{Alejandro Rodriguez Cuellar} 💻 🤔	_{Gonzalo Parra} 💬 🐛 💡 🤔 👀	_{Cristian K. Cárdenas} 💡	_Jonhks 🐛 💻 🤔
_{Gabriela Segura} 🐛 🤔	_{Rod Fuenzalida} 🤔	_{Rodrigo Lazo} 💡 🤔	_{Aldo Román Nureña} 💡 🤔	_{Nadia Tapia} 🐛 🤔	_{Daniela Sarzosa} 🐛 🤔	_kkatzen 🐛 💡
_{LucileBaratier} 🐛	_{Daniela Gonzales} 🐛 🤔 💻	_{Rafael Cerri} 🌍	_{José Paulo R. de Lima} 🌍	_{Juliana Amoasei} 🌍	_{Daniel Cukier} 🌍	_{Carlos Eduardo Moreira dos Santos} 🌍
_{Vanessa Pinheiro} 🌍	_Juan 💬 🐛 🤔	_{Moisés Cachay Tello} 🤔	_{Ily Treviño} 🐛	_YolandaRib-4 🐛	_{Carlos G. Rodriguez} 🚧