12,0 horas Concluído

React - Dominando Componentes

Instituição: TreinaWeb

Período: 28 de February de 2022 — 17 de March de 2022

Parte das formações

Descrição do Curso

Quais os pré-requisitos para esse curso?
Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

React - Introdução - 100%
JavaScript Avançado - 100%
JavaScript Intermediário - 100%
JavaScript Básico - 100%
HTML5 e CSS3 - Desenvolvimento web Básico - 100%

Sobre
React é uma biblioteca criada pelo Facebook para criar elementos de interface reutilizáveis de forma simples, rápida, intuitiva e com ótima performance. Com o React é possível criar tanto aplicações web quanto aplicativos mobile nativos.
Com ele você pode reaproveitar elementos em qualquer projeto ou integrar seu código a outros já existentes.

O React é uma das bibliotecas JavaScript mais utilizadas, e várias startups e gigantes o utilizam, como Facebook, Instagram, Whatsapp, Twitter, Netflix, Uber, PayPal, Spotify, etc.

Tudo isso faz com que o React seja um dos requisitos mais pedidos no mercado de trabalho, e mesmo assim ainda é difícil encontrar pessoas que o dominem completamente.

Neste curso nós iremos nos aprofundar na criação de componentes com React e a utilizar a React Developer Tools.
Ao fim deste curso você já estará dominando a criação avançada de componentes.

Conhecimentos adquiridos
Neste curso mostraremos tudo o que você precisa aprender para criar componentes com React. São vídeo aulas e apostilas que mostram como utilizar e criar estes elementos disponíveis no React. Também serão passados exercícios para que você possa fixar, praticar e aplicar o conteúdo aprendido durante o curso.

Dentre várias outras coisas, você verá:

- Como criar componentes com funções e classes;
- Trabalhar com propriedades e estados;
- Eventos e Ciclos de Vida do Componente;
- Listas de Elementos e Keys;
- Fragments;
- Acessando elementos com Refs;
- Portals;
- Context;
- React Developer Tools.

Para quem é esse curso?
Esse curso é destinado a desenvolvedores que possuam pelo menos um conhecimento básico de React e desejam melhorar seus conhecimentos na criação de componentes.

Para melhor aproveitamento do curso, é necessário um conhecimento intermediário de JavaScript e HTML.

Mapa de Currículo

1 - Apresentação Apresentação do curso Duração: 00:00:38 Códigos do Curso Duração: 00:01:54 Repositório do Curso Preparando o Ambiente 2 - Criando componentes Apresentação Duração: 00:00:09 O que são Componentes? Criando Componentes com Funções Duração: 00:04:09 Criando Componentes com Classes Duração: 00:01:51 Acessando Componentes de Objetos e Selecionando Componentes Duração: 00:03:20 Projeto: Componentes da aplicação Duração: 00:10:02 Resumo Questionário 3 questões 3 - Propriedades e Estados Apresentação Duração: 00:00:08 Propriedades Duração: 00:04:33 Propriedades e Operador Spread Duração: 00:03:47 Estados Duração: 00:08:40 Projeto: Propriedades e Estados dos Componentes Duração: 00:06:47 Resumo Questionário 3 questões 4 - Eventos e Ciclo de Vida dos Componentes Apresentação Duração: 00:00:08 Trabalhando com Eventos Duração: 00:04:30 Escopo e Bind Duração: 00:06:55 Passando Parâmetros Duração: 00:01:49 O problema com alguns eventos de elementos Duração: 00:03:08 Ciclo de Vida dos Componentes Duração: 00:04:04 Métodos do Ciclo de Vida Projeto: Eventos Duração: 00:09:18 Resumo Questionário 3 questões 5 - Listas de Elementos e Fragmentos Apresentação Duração: 00:00:20 Listando Elementos Duração: 00:03:20 Iterando elementos com “Array.prototype.map()” Duração: 00:05:14 Keys Duração: 00:04:42 Parâmetros de Funções Duração: 00:02:11 Entendendo o Diffing Algorithm Fragmentos Duração: 00:07:19 Projeto: Listas de Elementos Duração: 00:02:34 Resumo Questionário 3 questões 6 - Aninhamento - Elementos Pai e Filho Apresentação Duração: 00:00:12 O que são Elementos Filhos? Acessando Elementos Filhos - props.children Duração: 00:04:21 Propriedades Duração: 00:04:51 Eventos Duração: 00:10:04 Criando Referências - Refs Duração: 00:07:04 Quando usar Refs? Comunicação entre componentes - Event Emitters Duração: 00:08:20 Capturando Erros dos Filhos - componentDidCatch() Duração: 00:07:59 Projeto: Comunicação entre Componentes Duração: 00:10:13 Resumo Questionário 3 questões 7 - Portais Apresentação Duração: 00:00:09 O que são Portais? Criando Portais Duração: 00:11:10 Projeto: Alterando o vídeo de lugar Duração: 00:15:39 Resumo Questionário 3 questões 8 - Contextos - Compartilhando Dados Apresentação Duração: 00:00:18 O que é Contexto (Context)? Quando Usar Contextos? Compartilhando Dados Duração: 00:05:47 Resumo Questionário 3 questões 9 - React Developer Tools Apresentação Duração: 00:00:11 React DevTools Instalando a React Devtools Abrindo a React DevTools nos navegadores Abrindo a React DevTools do Node.js Duração: 00:02:20 Conhecendo a React DevTools Duração: 00:02:40 Resumo 10 - Conclusão Conclusão

Categorias & Tópicos

Front-end