Entrar em Contato

Programa do Curso

Desenvolvimento de aplicações front-end modernas

  • Visão geral e semelhanças entre React, Angular e Vue.js
  • Renderização declarativa
  • Componentes - definição de tags HTML personalizadas
  • Uso do create-react-app para inicializar um projeto React

JavaScript moderno

  • Desenvolvimento com Node.js e npm
  • Versões do JavaScript
  • Trabalhando com módulos
  • Funções e funções de seta (arrow functions)
  • Classes
  • Programação funcional em JavaScript (map, filter, ...)

TypeScript

  • Tipagem estática versus dinâmica
  • Declarando tipos de variáveis, funções e classes
  • Tipos de dados básicos
  • Tuplas e objetos
  • Interfaces
  • Gênericos (generics)

Linguagem de template do React

  • Linguagem de template baseada em JavaScript: JSX
  • Definição de propriedades dos elementos
  • Repetição de elementos
  • Seções if/else
  • Eventos
  • Classes CSS e estilos

Gestão do estado no React

  • Definição e alteração do estado da aplicação
  • Uso do state hook e setState
  • Captura do conteúdo de elementos de entrada no estado

Componentes: Blocos de construção das aplicações web modernas

  • Definição de tags HTML personalizadas no React
  • Estado, propriedades (props) e eventos
  • Fluxo de dados entre componentes
  • Componentes funcionais e componentes de classe
  • Uso de hooks em componentes funcionais
  • Ciclo de vida do componente (montagem, atualização, desmontagem)
  • Inclusão de componentes predefinidos de uma biblioteca

Gestão do estado com Redux

  • Fundamentos do Redux: gestão do estado com funções puras, reducers e dados imutáveis
  • Uso do reducer hook no React
  • Integração do Redux em uma aplicação React
  • Componentes de apresentação e componentes contêiner
  • O ecossistema Redux
  • Tratamento de eventos assíncronos com Thunk
  • Busca de dados de uma API REST

Ferramentas de desenvolvimento e testes

  • Ferramentas do desenvolvedor para React
  • Ferramentas do desenvolvedor para Redux
  • Testando JavaScript com Jest
  • Testando reducers
  • Testando componentes React

React Router

  • Roteamento no lado do cliente
  • Exibição de diferentes visuais com base na rota atual do navegador

Desenvolvimento de aplicações com React

  • Visão geral breve do React Native
  • Criação de uma aplicação móvel e desktop instalável por meio de Progressive Web Apps (PWAs)
  • Comparação entre PWAs e aplicações nativas

Requisitos

  • Conhecimentos básicos de HTML
  • Experiência com JavaScript
 21 Horas

Número de participantes


Preço por participante

Testemunhos de Clientes (7)

Próximas Formações Provisórias

Categorias Relacionadas