Curso de React – Biblioteca JavaScript para criar interfaces de usuário
Aprenda como utilizar essa importante tecnologia.
- Empresa: CFBCursos
- Nível do curso: Básico
O React é uma biblioteca JavaScript cuja principal função é permitir a criação de interfaces de usuário. Ela foi criado originalmente pelo time do Facebook no ano de 2011, a partir da necessidade de otimizar a atualização e a sincronização de atividades simultâneas no feed de notícias da rede social. Sendo assim, o React permitiu recursos como chat, status, listagem de contatos, dentre outros.
O React tornou mais simples atividades mais complexas, simplificando conexão entre HTML, CSS e JavaScript e todos os componentes de uma página. Por ter demonstrado grande eficiência, nos anos que se seguiram o React foi incorporado à interface de outras redes sociais do grupo, como o Instagram e, em 2013, seu código foi aberto à comunidade, dando início a sua popularização.
Aprenda mais sobre React neste curso online e gratuito. Não deixe de conferir também o curso de React JS – Criando Loja Online.
Sobre o curso
Neste curso online e gratuito os alunos poderão aprender a utilizar essa tecnologia em projetos de desenvolvimento. É recomendado que os estudantes tenham conhecimento básico, no mínimo, de programação e desenvolvimento com determinadas tecnologias, mas o curso é simples de se acompanhar e pode ser feito por pessoas que desejam iniciar seus estudos.
Estrutura do curso
Aula de Introdução ao React e Primeiro App – Curso de React – Aula 01
Instalação do Node e primeiro App criado diretamente pelo PC – Curso de React – Aula 02
Entendendo a estrutura básica de um App React – Curso de React – Aula 03
Expressões em JSX. Inserção de imagens no App. Constantes e Variáveis – Curso de React – Aula 04
Como criar componentes em React – Curso de React – Aula 05
Enviar propriedades para os componentes com PROPS – Curso de React – Aula 06
Enviar funções para os componentes – Curso de React – Aula 07
Usando CSS em React, formas de usar CSS em React – Curso de React – Aula 08
Como funciona a renderização de componentes em React – Curso de React – Aula 09
O que é State e como usar State em React – Curso de React – Aula 10
Eventos em React – Curso de React – Aula 11
Como usar o recurso de Renderização condicional em React – Curso de React – Aula 12
Trabalhando com LISTA em React usando a função MAP – Curso de React – Aula 13
Manipulando elementos de formulário com React – Curso de React – Aula 14
Manipulando objetos com State. Somente um state para vários componentes – Curso de React – Aula 15
Elevação de STATE – Curso de React – Aula 16
Solução do desafio da aula 16 sobre elevação de state e state com objetos – Curso de React – Aula 17
Aprendendo sobre CONTENÇÃO em React – Curso de React – Aula 18
Aprendendo sobre o Hook UseEffect – Curso de React – Aula 19
LocalStorage em React – Curso de React – Aula 20
Criando Componentes de Classe em react – Curso de React – Aula 21
STATE em Componentes de Classe ReactJS – Curso de React – Aula 22
Manipulando STATE em Componentes de Classe ReactJS #P2 – Curso de React – Aula 23
BIND Como usar o método BIND em React #P2 – Curso de React – Aula 24
Ciclo de Vida dos componentes em REACT – Curso de React – Aula 25
Friday Night Funkin’ – Official Ugh VS Ugh Mods
Estrutura de um componentes de CLASSE em React – Curso de React – Aula 26
Variáveis Globais Static em React – Curso de React – Aula 27
Navegando entre telas de forma nativa em React – Curso de React – Aula 28
Que tal praticar um pouco de React? [Exercício de React] – Curso de React – Aula 29
Como criar calculadora de IMC em React? [Desafio no final] – Curso de React – Aula 30
Você conseguiu resolver o desafio React? [Solução desafio aula 30 React] – Curso de React – Aula 31
Componentes funcionais para componentes de classe [Desafio de React] – Curso de React – Aula 32
Quer aprender criar uma calculadora em React? #P1 [Exercício de React] – Curso de React – Aula 33
Finalização da calculadora matemática em React #P2 [Exercício de React] – Curso de React – Aula 34
Criando um jogo da velha em React JS #P1 [Jogo em React] – Curso de React – Aula 35
Criando um jogo da velha em React JS #P2 [Jogo em React] – Curso de React – Aula 36
Criando um jogo da velha em React JS #P3 [Jogo em React] – Curso de React – Aula 37
Vamos criar uma API simples em Nodejs? [API NODE] – Curso de React – Aula 38
Como consumir dados de uma API Node.js? [API NODE] – Curso de React – Aula 39
Consumindo dados de uma API usando componente funcional [API NODE] – Curso de React – Aula 40
Como usar FETCH para consumir API NODE? [API NODE] – Curso de React – Aula 41
Como criar rotas de navegação no React? [React Router] – Curso de React – Aula 42
Você conhece o atributo KEY? [ReactJS] – Curso de React – Aula 43
Vamos ter ideias para projetos React? [Projetos] – Curso de React – Aula 44
Aulas:
-
Aula de Introdução ao React e Primeiro App - Curso de React - Aula 01Instalação do Node e primeiro App criado diretamente pelo PC - Curso de React - Aula 02Entendendo a estrutura básica de um App React - Curso de React - Aula 03Expressões em JSX. Inserção de imagens no App. Constantes e Variáveis - Curso de React - Aula 04Como criar componentes em React - Curso de React - Aula 05Enviar propriedades para os componentes com PROPS - Curso de React - Aula 06Enviar funções para os componentes - Curso de React - Aula 07Usando CSS em React, formas de usar CSS em React - Curso de React - Aula 08Como funciona a renderização de componentes em React - Curso de React - Aula 09O que é State e como usar State em React - Curso de React - Aula 10Eventos em React - Curso de React - Aula 11Como usar o recurso de Renderização condicional em React - Curso de React - Aula 12Trabalhando com LISTA em React usando a função MAP - Curso de React - Aula 13Manipulando elementos de formulário com React - Curso de React - Aula 14Manipulando objetos com State. Somente um state para vários componentes - Curso de React - Aula 15Elevação de STATE - Curso de React - Aula 16Solução do desafio da aula 16 sobre elevação de state e state com objetos - Curso de React - Aula 17Aprendendo sobre CONTENÇÃO em React - Curso de React - Aula 18Aprendendo sobre o Hook UseEffect - Curso de React - Aula 19LocalStorage em React - Curso de React - Aula 20Criando Componentes de Classe em react - Curso de React - Aula 21STATE em Componentes de Classe ReactJS - Curso de React - Aula 22Manipulando STATE em Componentes de Classe ReactJS #P2 - Curso de React - Aula 23BIND Como usar o método BIND em React #P2 - Curso de React - Aula 24Ciclo de Vida dos componentes em REACT - Curso de React - Aula 25Friday Night Funkin' - Official Ugh VS Ugh ModsEstrutura de um componentes de CLASSE em React - Curso de React - Aula 26Variáveis Globais Static em React - Curso de React - Aula 27Navegando entre telas de forma nativa em React - Curso de React - Aula 28Que tal praticar um pouco de React? [Exercício de React] - Curso de React - Aula 29Como criar calculadora de IMC em React? [Desafio no final] - Curso de React - Aula 30Você conseguiu resolver o desafio React? [Solução desafio aula 30 React] - Curso de React - Aula 31Componentes funcionais para componentes de classe [Desafio de React] - Curso de React - Aula 32Quer aprender criar uma calculadora em React? #P1 [Exercício de React] - Curso de React - Aula 33Finalização da calculadora matemática em React #P2 [Exercício de React] - Curso de React - Aula 34Criando um jogo da velha em React JS #P1 [Jogo em React] - Curso de React - Aula 35Criando um jogo da velha em React JS #P2 [Jogo em React] - Curso de React - Aula 36Criando um jogo da velha em React JS #P3 [Jogo em React] - Curso de React - Aula 37Vamos criar uma API simples em Nodejs? [API NODE] - Curso de React - Aula 38Como consumir dados de uma API Node.js? [API NODE] - Curso de React - Aula 39Consumindo dados de uma API usando componente funcional [API NODE] - Curso de React - Aula 40Como usar FETCH para consumir API NODE? [API NODE] - Curso de React - Aula 41Como criar rotas de navegação no React? [React Router] - Curso de React - Aula 42Você conhece o atributo KEY? [ReactJS] - Curso de React - Aula 43Vamos ter ideias para projetos React? [Projetos] - Curso de React - Aula 44