Bootcamp Desenvolvedor React (IGTI)

Bootcamp Desenvolvedor React

Aplicações Desenvolvidas Durante o Curso

React Investments

Desenvolvida em React e as bibliotecas Tailwind CSS para estilização e Chart.js para os gráficos.

React Elections

Desenvolvida em React e as bibliotecas Tailwind CSS + DaisyUI para estilização e react-motion para animações, com dados dinâmicos integrados ao back-end.

Sobre o Curso

O bootcamp teve como objetivo oferecer uma formação prática e intensiva para habilitar o profissional como desenvolvedor React para aplicações web.

Metodologia
  • Vídeo Aulas
  • Aulas Interativas ao Vivo
  • Fóruns de Debate
  • Provas Online
  • Desenvolvimento de 08 projetos práticos e 01 projeto de desafio final, envolvendo a criação de aplicações React.js com dados dinâmicos integrados ao back-end.
Ementa

Visualizar Ementa (PDF)

1) JavaScript Avançado

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

Carga Horária: 32 horas

2) React I

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

Carga Horária: 32 horas

3) React 2
• 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.

Carga Horária: 32 horas

4) React 3
• Estilizaçã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-testinglibrary e react-hooks-testing-library.
• Testes end-to-end com Cypress.
• Deploy de apps na Vercel.

Carga Horária: 32 horas

5) Desafio Final

  • Conclusão de aplicação final.

Carga Horária: 16 horas