Skip to content

greciagarciav/curricula-js

 
 

Bootcamp @Laboratoria

All Contributors Build Status

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.

mapaproyectos


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)


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.

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.


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.

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: 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.

Track UX Design

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: 4 semanas?
  • Equipos: 2 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.

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.

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

Proyecto: Consultoría UX a empresas reales

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

  • Duración estimada: 2 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

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)...

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, ...

Track UX Design

Proyecto: Service Design

Con la ayuda de consultoras especializadas como Amable o Touchpointg, 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: 2 semanas.
  • Equipos: Depende de proyectos.
  • Tópicos: Service design, disruptive design, insights, service prototyping, service blue print.

Proyecto: Design Sprint

Durante 2 semanas, las estudiantes trabajan en retos de empresas, siguienndo la metodología de Design Sprints. Durante la primera semana entienden la metodología mediante un reto simulado, y durante la segunda semana ponen en práctica un Design Sprint con equipos de producto de distintas empresas.

  • Duración estimada: 2 semanas.
  • Equipos: Depende de proyectos.
  • Tópicos: Design Sprints.

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.

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

Í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
Lupo Montero

💬 🐛 💻 📖 💡 🤔 🚇 🔌 👀 ⚠️ 🔧 📹
chamodev
chamodev

🤔 🌍
Ivan Medina
Ivan Medina

💬 🐛 💻 💡 👀
Mariano Crowe
Mariano Crowe

💬 🐛 💻 📖 💡 🤔 👀
Diego
Diego

🐛 🤔
Ana Steph
Ana Steph

💬 🐛 💻
Lalo Gonzalez
Lalo Gonzalez

💬 🎨 🤔
Milton Mazzarri
Milton Mazzarri

💻 💡
Ruth Abigail Salvador Zorrilla
Ruth Abigail Salvador Zorrilla

🐛 🤔
Maricarmen Rojas Tinco
Maricarmen Rojas Tinco

🐛 💻 ⚠️
María Inés Plaza Schwarck
María Inés Plaza Schwarck

💻 💡
Belén Recabal
Belén Recabal

🐛 🤔
Lourdes Vílchez
Lourdes Vílchez

🐛 🤔
Fabian Alexis Bravo Abarca
Fabian Alexis Bravo Abarca

🐛 💻 💡 🤔 👀
Amalia Rivera Castillejos
Amalia Rivera Castillejos

🐛 🤔
Shirley Silvana Suarez Startary
Shirley Silvana Suarez Startary

💬 🐛 💻 💡 🤔
Alexandra Neira
Alexandra Neira

🐛 🤔
Michelle Seguil
Michelle Seguil

🐛 💻 💡 🤔
Carolina Covarrubias
Carolina Covarrubias

💬 📖 🤔
Joalbert Andrés González
Joalbert Andrés González

🤔
Elizabeth Portilla
Elizabeth Portilla

💬 🐛 🤔
Karla Nava
Karla Nava

🤔
Allison Guzmán
Allison Guzmán

🐛 🤔
Alejandra Ramirez
Alejandra Ramirez

🤔
Alexander Ocsa
Alexander Ocsa

🐛
Rocío Alberdi
Rocío Alberdi

🤔
Ameli C. Gavante
Ameli C. Gavante

🐛 🤔
IntiDev
IntiDev

🐛 🤔
Emmanuel Orozco
Emmanuel Orozco

🐛 💻 🤔
Nicole Stein
Nicole Stein

💻 💡 🤔
Giancarlo Corzo
Giancarlo Corzo

🐛 🤔
Alejandro Rodriguez Cuellar
Alejandro Rodriguez Cuellar

💻 🤔
Gonzalo Parra
Gonzalo Parra

💬 🐛 💡 🤔 👀
Cristian K. Cárdenas
Cristian K. Cárdenas

💡
Jonhks
Jonhks

🐛 💻 🤔
Gabriela Segura
Gabriela Segura

🐛 🤔
Rod Fuenzalida
Rod Fuenzalida

🤔
Rodrigo Lazo
Rodrigo Lazo

💡 🤔
Aldo Román Nureña
Aldo Román Nureña

💡 🤔
Nadia Tapia
Nadia Tapia

🐛 🤔
Daniela Sarzosa
Daniela Sarzosa

🐛 🤔
kkatzen
kkatzen

🐛 💡
LucileBaratier
LucileBaratier

🐛
Daniela Gonzales
Daniela Gonzales

🐛 🤔
Rafael Cerri
Rafael Cerri

🌍
José Paulo R. de Lima
José Paulo R. de Lima

🌍
Juliana Amoasei
Juliana Amoasei

🌍
Daniel Cukier
Daniel Cukier

🌍
Carlos Eduardo Moreira dos Santos
Carlos Eduardo Moreira dos Santos

🌍
Vanessa Pinheiro
Vanessa Pinheiro

🌍
Juan
Juan

💬 🐛 🤔
Moisés Cachay Tello
Moisés Cachay Tello

🤔
Ily Treviño
Ily Treviño

🐛
YolandaRib-4
YolandaRib-4

🐛

Este proyecto sigue la especificación de all-contributors. Todo tipo de contribuciones son bienvenidas.

Licencia & Copyright

Todos los materiales de este repo son (c) 2017-2018 Laboratoria.

Creative Commons License

Este trabajo está publicado bajo la licencia Creative commons Attribution-ShareAlike 4.0.

Packages

No packages published

Languages

  • JavaScript 98.2%
  • HTML 1.2%
  • CSS 0.6%