Bootcamp @Laboratória

Introdução

O bootcamp da Laboratória é um programa imersivo de aprendizagem de 6 meses focado nos perfis de Front-end Developer e UX Designer. Nosso modelo de aprendizagem se baseia em emular um ambiente de trabalho que prepare nossas estudantes, desenvolvendo as habilidades técnicas e sócio-emocionais necessárias para que comecem a trabalhar.

A aprendizagem baseada em projetos é o eixo central sobre o qual se articula a experiência de aprendizagem. Ao completarem uma série de projetos, de complexidade gradualmente crescente, permite-se que as estudantes desenvolvam as habilidades necessárias. De todas estas habilidades, consideramos que a autoaprendizagem seja a mais importante; acreditamos firmemente que, não somente é uma habilidade indispensável para o mundo do trabalho que as espera, como também é uma ferramenta poderosa para que se tornem mulheres autossuficientes, seguras de seu talento e habilidades e, finalmente, agentes de mudança a longo prazo.

Mapa de aprendizagem

O mapa de aprendizagem (ou mapa de projetos se divide em 4 etapas: Pré-admissão, Common Core, Track (Front-end Development e UX Design) e Eletivos.

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

Etapa 0: Pré-admissão

A etapa de admissão começa antes da candidata ser aceita no Bootcamp. Ao final de cada processo de admissão convidamos as candidatas pré-selecionadas para completarem um projeto presencialmente em uma de nossas sedes.

Projeto: Trívia (precisa de refatoração)

• Duração estimada: 3 dias.
• Equipes: 1 estudante
• Tópicos: JavaScript Basics, HTML Intro, CSS.

Etapa 1: Common Core

Com todas as estudantes admitidas, tem início o common core. Durante esta etapa serão completados os seguintes projetos:

1. Primeiro, escolhendo entre Cifra de César y Validador de cartão de crédito. Ambos compartilham dos mesmos objetivos de aprendizagem.
2. Uma vez completo o projeto escolhido no ponto anterior, terão que completar o projeto Data Lovers.

Ao final do common core as estudantes participam de um ou mais hackathons, trabalhando em projetos menores propostos pela Laboratória e/ou pelas empresas/colaboradores externos.

Projeto: Cifra de César

Este projeto requer a implementação de uma aplicação web baseada em um boilerplate que permita cifrar e decifrar textos usando a técnica da cifra de César.

O principal objetivo de aprendizagem deste projeto é passar pela primeira experiência de construção de uma aplicação web, utilizando os conhecimentos adquiridos a respeito de User Experience Design e JavaScript. Isto inclui desenvolver um produto pensando nos usuários, desenvolver uma interface, ouvir eventos básicos no DOM, escrever a lógica para cifrar e decifrar, testes de unidade básicos para testar (e documentar) essa lógica e manipulação de DOM para exibir os resultados.

• Duração estimada: 2 semanas.
• Equipes: 1 estudante.
• Tópicos: Flow control, Strings, Testing, HTML, SCM, Shell, Intro a UX Design.

Projeto: Cartão de crédito válido

Este projeto requer a implementação de uma aplicação web baseada em um boilerplate que permita a um usuário validar o número de um cartão de crédito e também ocultar todos os dígitos do cartão, exceto os últimos quatro.

O principal objetivo de aprendizagem deste projeto é ter uma primeira experiência no desenvolvimento de uma aplicação web, utilizando os conhecimentos adquiridos sobre User Experience Design e JavaScript. Isso inclui desenvolver um produto pensado nos usuários, desenvolver uma interface, escutar eventos básicos no DOM, escrever a lógica responsável pela validação do cartão, testes de unidade básicos para validar (e documentar) essa lógica, e manipulação de DOM para exibir os resultados na tela.

• Duração estimada: 2 semanas.
• Equipes: 1 estudante.
• Tópicos: Flow control, Strings, Testing, HTML, SCM, Shell, Intro a UX Design.

Projeto: Data Lovers

Neste projeto as alunas terão uma primeira aproximação com a processo de transformar dados em informação. O objetivo principal deste projeto é aprender, desenvolver e construir uma interface web onde se possa visualizar e manipular dados.

Espera-se que possam pensar no usuário, entender qual é a melhor maneira de visualizar os dados segundo suas necessidades e compor tudo isso em seu web design.

Este projeto deve ser desenvolvido em duplas, pois um objetivo importante é ganhar experiência em trabalhos colaborativos com toda a complexidade que isso implica.

• Duração estimada: 3 semanas.
• Equipes: 2 estudantes.
• Tópicos: Arrays, Objects, DOM, XHR/fetch, Visual Design.

Etapa 2: Trilhas

Depois do common core cada grupo se divide em trilhas especializadas e paralelas: Desenvolvimento Front-End e UX Design.

Trilha Front-End Dev

Tópicos comuns (independetes de projeto): Paradigmas e JavaScript Funcional.

Projeto: Rede Social

Neste projeto partimos do pressuposto de que uma empreendedora solicitou um protótipo de rede social com um tema específico, que deverá ser escolhido pelas estudantes.

O objetivo principal de aprendizagem deste projeto é desenvolver um site responsivo com mais de uma view (página) onde seja possível ler e escrever dados, entendendo as necessidades dos usuários a quem se destina o produto.

• Duração estimada: 3 semanas.
• Equipes: 3 estudantes.
• Tópicos: Mobile first, Responsive, URL, HTTP, Async, múltiplas telas, Routing, escrita de dados, localStorage, Firebase.

Projeto: Markdown Links

Dentro de uma comunidade de código aberto, é proposta a criação de uma ferramenta usando Node.js que leia e analise arquivos no formato Markdown, verifique se o arquivo contém links e faça algumas checagens.

O objetivo prático deste projeto é aprender a criar uma biblioteca (library) em JavaScript.

Desenvolver uma bilioteca é uma experiência fundamental para qualquer desenvolvedora, porque obriga a pensar na interface (API) de seus módulos e como será usada por outras desenvolvedoras. É preciso algumas considerações especiais para as particularidades da linguagem, convenções e boas práticas.

• Duração estimada: 3 semanas.
• Equipes: 1 estudante.
• Tópicos: Node.js, NPM, File System, Server, Parsing, Markdown, CLI, HTTP, Módulos, Erros.

Projeto: Burger Queen Serverless

Este projeto requer a implementação de um sistema para que atendentes de uma lanchonete (Burger Queen) possam anotar pedidos utilizando um tablet.

O objetivo principal de aprendizagem deste projeto é desenvolver uma interface web utilizando um framework (React, Vue ou Angular).

Como objetivo secundário, a implementação deve seguir as recomendações para PWAs (Progressive Web Apps), que inclui conceitos como offline.

• Duração estimada: 3 semanas.
• Equipes: 1-2 estudantes.
• Tópicos: Frameworks, React, Vue, Angular, PWA, Offline First, Service Workers, Serverless.

Projeto: Burger Queen HTTP/JSON API

O objetivo principal de aprendizagem é adquirir experiência com NodeJS como ferramenta para desenvolvimento de aplicações de servidor, junto com uma série de ferramentas comumente usadas nesse tipo de contexto (Express como framework, MongoDB como base de dados e etc).

Neste projeto deverá ser desenvolvido um servidor web que deve servir JSON sobre HTTP.

Neste projeto partimos de um boilerplate que já contém uma série de endpoints (pontos de conexão ou URLs) e devemos completar a aplicação. Isto significa que teremos que começar lendo a implementação existente e nos familiarizando com o stack utilizado: Node.js, Express, MongoDB, mongoose e etc.

• Duração estimada: 2 semanas.
• Equipes: 1 estudante
• Tópicos: Node.js, Express, rotas (routes), URLs, HTTP (verbs, request, response, headers, body, status codes), JSON, MongoDB, variáveis de ambiente, JWT (JSON Web Tokens)

Projeto: Burger Queen API Client

Este projeto requer a implementação de um sistema para que atendentes de um restaurante (Burger Queen) possam anotar pedidos de clientes utilizando um tablet.

O objetivo principal de aprendizagem deste projeto é o desenvolvimento de uma interface web que utilize um framework (React, Vue ou Angular).

Como objetivo secundário, a implementação deverá seguir as recomendações para PWAs (Progressive Web Apps), que inclui conceitos como offline.

• Duração estimada: 3 semanas.
• Equipes: 1-2 estudantes.
• Tópicos: Frameworks, React, Vue, Angular, PWA, Offline First, Service Workers, HTTP, JSON, fetch.

Trilha UX Design

Projeto: Empreendimentos

Para este desafio inicial da trilha, as estudantes trabalham com pequenos empreendimentos, buscando oferecer uma experiência online nova e/ou melhor. Para isso, têm que entender os objetivos do negócio e também as necessidades dos usuários/clientes destes pequenos negócios. Durante este desafio, as estudantes fazem trabalho de campo como entrevistas, observação e testes, e desenvolvem soluções utilizando ferramentas de design como Figma e Marvel.

• Duração estimada: 3 semanas
• Equipes: 2 ou 3 estudantes
• Tópicos: UX research (entrevistas, benchmark), arquitetura da informação (fluxo de conteúdo, mapa do site), design visual e de interação (wireframes e protótipos) e testes com usuários.

Projeto: Redesign e análise de dados

Este é um projeto de redesign. Baseando-se nos dados dos resultados obtidos por uma aplicação de serviços financeiros, as estudantes buscam melhorar a experiência da mesma. Em alguns casos o tema pode ser substituído por um desafio dado por uma empresa, com os mesmos objetivos de aprendizagem.

• Duração estimada: 3 semanas
• Equipes: 2 ou 3 estudantes
• Tópicos: Análise de dados, UX Research, protótipos, idealização, visual design

Projeto: Consultoria em UX

Neste desafio, as estudantes trabalham em diferentes casos reais, propostos por empresas de diversas áreas e tamanhos. Desafios anteriores foram propostos por empresas como Kmimos, Guvery, Globant, Sinenvolturas, Magical Startups, Laboratória, entre outras.

• Duração estimada: 3 semanas
• Equipes: A depender dos projetos
• Tópicos: UX Research, protótipos, idealização, visual design

Etapa 3: Capstone / Eletivos

O último mês do Bootcamp - ou por volta do último mês, dependendo do ritmo de avanço de cada uma - espera-se que a estudante desenvolva seu projeto final ou capstone, que pode basear-se nos tópicos/tecnologias vistos até o momento, ou cobrir alguns dos tópicos sugeridos (eletivos).

Trilha Front-End Dev

Projeto: [Tic Tac Toe com React Native](projects/05-tic