Bootcamp
Desenvolvedor(a) Front End React

Tópicos de Estudo

• JavaScript: Rest/spread operator; 
• Mapa de eventos, event bubbling/propagation, noções de escopo, prototype, closures, generators, iterators, Proxy, currying, IIFE (Immediately Invoked Function Expressions);
• Promises: criação de promises, Promise.race, Promise.allSettled;
• Novidades do JavaScript ES6+;
• Bibliotecas: date-fns, lodash, axios, D3.

-----------------------------------------------------

Trabalho Prático

Criar uma aplicação JavaScript com conteúdo visto até a metade do módulo.

------------------------------------------------------

Desafio

Criar uma aplicação JavaScript com conteúdo visto em todo o módulo.

Tópicos de Estudo

• Vanilla JavaScript x React;
• A ferramenta create-react-app;
• Conceitos importantes: componentização, function components, props, JSX, one-way data flow, composition, "lifting state up";
• Utilização de Tailwind CSS + react-icons + react-spinners para estilização;
• Trabalhando com forms;
• Integração com back end com fetch e axios;
• Os hooks useState e useEffect;
• Deploy de apps na Netlify. 

------------------------------------------------------

Trabalho Prático

Criar uma Single Page Application com React utilizando conteúdo visto até a metade do módulo.

------------------------------------------------------

Desafio

Criar uma Single Page Application com React e consumo de API utilizando conteúdo visto em todo o módulo.

Tópicos de Estudo

• Introdução ao TypeScript;
• React + TypeScript;
• Estilização com MaterialUI;
• A biblioteca react-router;
• Os hooks useContext, useReducer, useCallback, useMemo e useRef;
• Separação de lógica e interface com criação dos próprios hooks;
• Introdução ao Redux;
• React + Redux;
• Autenticação e autorização com React;
• Convertendo Class Components para Function Components.

------------------------------------------------------

Trabalho Prático

Criar uma Single Page Application com React + TypeScript e consumo de API utilizando conteúdo visto até a metade do módulo.

------------------------------------------------------

Desafio

Criar uma Single Page Application com React + TypeScript + Redux e consumo de API utilizando conteúdo visto em todo o módulo.

Tópicos de Estudo

• IEstilização com Styled Components;
• SPA (Single Page Application) x SSR (Server Side Rendering) x SSG (Static Site Generation).;
• Introdução ao Next.js;
• Next.js + TypeScript;
• As bibliotecas react-query e swr;
• TDD (Test Driven Development com Jest);
• Testes de components com a react-testing-library e react-hooks-testing-library;
• Testes end-to-end com Cypress;
• Deploy de apps na Vercel.

------------------------------------------------------

Trabalho Prático

Criar uma Single Page Application com Next.js  e consumo de API utilizando conteúdo visto até a metade do módulo.

------------------------------------------------------

Desafio

Criar uma Single Page Application com Next.js  e consumo de API utilizando conteúdo visto em todo o módulo.

Criar uma Single Page Application com React, consumo de API e cobertura de testes, utilizando conteúdo de todos os módulos.