shopping_cart 0
Oferta por tempo limitado!
Pesquisar por cursos... Pesquisando por … Sem resultados para … Ver todos os cursos com …
Curso React JS Completo

Curso React JS Completo

Programação
  • 50 horas de carga horária
  • 83 aulas
  • 5 módulos de conteúdo
  • Última atualização 03/05/2023
  • Certificado de conclusão de curso

12x R$ 16,66

era R$ 490,00 R$ 199,90 à vista

Comprar agora
Adicionar cupom de desconto?
2 anos

Sem tempo para fazer o curso agora?

Fique tranquilo, você poderá participar desse curso em até 2 anos após a matrícula.

Sobre o Curso

O React.js e? uma biblioteca javascript que facilita no desenvolvimento de interfaces gra?ficas(frontend) para os navegadores. Nesse modelo sera? desenvolvido uma rede social onde o usua?rio sera? capaz de criar sua conta, fazer login, aceitar amizades, visualizar publicac?o?es dos amigos, publicar no feed, curtir uma publicac?a?o e editar seu perfil. Tudo isso te parece familiar com o Facebook? Sim ne?, e o mais legal e? que vamos usar a mesma tecnologia, o React.js, que por sinal e? mantido pelo Facebook e Instagram. Ale?m do React.js, nosso backend sera? todo em Node.js, isso significa que e? um modelo voltado 100% para o JavaScript, a linguagem mais famosa da Web. E para auxiliar nesse desenvolvimento, vamos usar o Docker, que facilita quando trabalhamos em equipes e por usar os containers como gerenciador de pacotes. 


Conteúdo Abordado


HTML e CSS

JavaScript e Typescript

Comandos no Terminal (Windows)

Gerenciadores de pacotes (YARN e NPM)

Básico de UI/UX

VS Code e extensões

Insomnia

Beekeeper


Docker

    docker-compose

    Preparando o ambiente com o docker


FrontEnd - ReactJS

    Hooks

        useState

        useEffect

        useCallback

        useRef

    Componentes

    Biblioteca styled-components

    Validação de formulário com YUP

    Rotas

    Autenticação com JWT (JSON Web Token)

    Rotas protegidas

    Biblioteca axios

    Toast para mensagens de sucesso, aviso e erro

    Variáveis de ambientes (.env)


Backend - NodeJS

    Framework Express

    Prisma IO (ORM)

    MySQL

    Tabelas relacionais

    Autenticação com JWT (JSON Web Token)

    Criptografia e descriptografia de senha

    Rotas protegidas usando Middleware

    Upload de arquivos com Multer

    Validação de erros

    Métodos HTTP (GET, POST, PUT, PATCH, DELETE)

    Códigos de resposta HTTP (2xx, 4xx, 5xx)

    Variáveis de ambientes (.env)

    Salvando arquivos (local)


Público alvo

Pessoas que estão em busca de emprego ou que optaram por migração de carreira e quer um retorno mais rápido. Hoje o mercado está super aquecido mas há falta de mão de obra qualificada. Com o curso de React JS e Node JS ofertado pela Softgraf, você se torna uma pessoa Desenvolvedora Fullstack Junior.

Conteúdo

1Introdução

Bem vindo ao React

  • Aula 01 - Introdução ao React

    03:30:00

    ASSISTIR

  • Aula 02 - Configurando o ambiente

    04:53:00

    ASSISTIR

  • Aula 03 - Tipos de variáveis e funções

    11:19:00

  • Aula 04 - Condições

    06:55:00

  • Aula 05 - Laços

    07:57:00

  • Aula 06 - Arrays

    16:22:00

  • Aula 07 - Objetos

    08:29:00

  • Aula 08 - Criando nosso primeiro projeto React JS com Vite

    10:50:00

  • Aula 09 - Criando o HTML e CSS

    12:39:00

    ASSISTIR

  • Aula 10 - Biblioteca Axios e carregando informac?o?es da API jsonplaceholder

    09:28:00

  • Aula 11 - Removendo um blog

    04:53:00

2Baixando o código do Github

  • Baixando e rodando o projeto

    10:24

3Desenvolvendo o Front-end da nossa Aplicação

  • Aula 01 - Introdução

    06:16

  • Aula 02 - Baixando o projeto e entendento o typescript

    10:54

  • Aula 03 - Baixando assets e instalando styled-components

    09:20

  • Aula 04 - Criando varia?veis do theme (styled-components)

    11:10

  • Aula 05 - Mudando a tipagem default do styled components

    04:12

  • Aula 06 - Finalizado os estilos globais

    04:50

  • Aula 07 - Alterando temas e tela de Login

    11:13

  • Aula 08 - Tela de login - DivLeft

    11:15

  • Aula 09 - Finalizando o css da Tela de Login

    10:05

  • Aula 10 - Inicializando nosso formula?rio de login

    02:30

  • Aula 11 - Componente de Input

    10:16

  • Aula 12 - Passando para?metros para o componente do Input

    07:00

  • Aula 13 - Extendendo tipagens do elemento input do HTML

    01:44

  • Aula 14 - Criando component do Button

    10:07

  • Aula 15 - Adicionando tratativas no componente do Input

    10:00

  • Aula 16 - Passando para?metros no styled-components

    06:17

  • Aula 17 - Validando as informac?o?es do formula?rio usando yup e react-hook-form

    17:00

  • Aula 18 - Exibindo a senha do campo do Input

    09:30

  • Aula 19 - Fazendo a tela de cadastrar

    03:54

  • 20 - Adicionando a biblioteca react-router-dom

    05:42

  • 21 - Mudando os elementos do registerLink

    02:59

  • 22 - Criando a tela home - component header

    06:15

  • 23 - Criando a tela home - component sidebar

    05:09

  • 24 - Criando o componente do avatar

    14:12

  • 25 - Arrumando a tela home e criando componente de nova publicac?a?o

    18:36

  • 26 - Criando o componente de listagem de publicac?o?es

    05:56

  • 27 - Component PostItem - finalizada a tela home

    15:12

  • 28 - Listagem dos amigos

    13:41

  • 29 - Tela de perfil

    01:51

  • 30 - Criando a pa?gina e estilos do perfil

    08:58

  • 31 - Adicionando a biblioteca React Tabs

    10:57

  • 32 - Melhorando o CSS do React Tabs

    01:47

  • 33 - Ajustando o componente de Avatar

    00:56

  • 34 - Finalizando tela do perfil

    14:23

4Backend com node NodeJS

  • 1 - Introduc?a?o, o que e? uma API

    04:24

  • 2 - Me?todos HTTPs

    08:01

  • 3 - Status Code

    03:23

  • 4 - Nova estrutura de pasta e configurac?o?es iniciais

    14:06

  • 5 - Instalando o insomnia e enviando dados no formato JSON

    05:35

  • 6 - Criando nosso controlador

    09:46

  • 7 - Criando nosso service

    04:42

  • 8 - Entendendo o MSC

    05:12

  • 9 - Configurac?o?es iniciais do banco de dados

    09:28

  • 10 - Configurando o PrismaIO

    08:36

  • 11 - Inserindo usua?rio no banco de dados

    11:15

  • 12 - Entendo melhor o arquivo package e tsconfig

    04:31

  • 13 - Fazendo validac?o?es ao cadastrar usua?rios

    12:41

  • 14 - Adicionando a biblioteca express-async-errors

    05:05

  • 15 - Validando o username

    12:59

  • 16 - Criptografando a senha do usua?rio

    04:31

  • 17 - Adicionando JWT na apliac?a?o para fazer o login

    10:39

  • 18 - Criando nosso middleware

    20:12

  • 19 - Fazendo update do usua?rio

    12:40

  • 20 - Cadastrando uma publicac?a?o e adicionando uma imagem

    19:18

  • 21 - Listando todas as publicac?o?es

    06:37

  • 22 - Adicionando like na publicac?a?o

    08:18

  • 23 - Update do avatar do usua?rio

    11:58

  • Concluindo o service do backend

    18:27

  • Concluindo o controlador

    06:52

  • Concluindo o routes

    03:56

5Integrando frontend com backend

  • Cadastrando um usuário

    19:13

  • Criando nosso contexto e hook

    20:26

  • Realizando login

    06:44

  • Cadastrando publicações

    13:22

  • Listando as publicac?o?es na tela principal

    13:53

  • Adicionando like nas publicações

    05:55

  • Buscando um amigo

    13:27

  • Dinamizando as informac?o?es na tela de perfil

    07:23

  • Logout e adicionando/removendo amigos

    07:40

  • Dinamizando a listagem de amigos

    12:39

  • Editando o perfil

    10:35
MAIS 2 MÓDULOS ESCONDER 2 MÓDULOS

Acesso por 2 anos

Estude quando e onde quiser

Avaliações

Opinião dos alunos que se matricularam

Muito bom, sem enrolação, explica bem e ensina com calma.

Nicollas Lian Lima dos Santos

Curso joia 100% bem explicado com inumeros recursos

Joelson Almeida

Curso React JS Completo

12x R$ 16,66

era R$ 490,00 R$ 199,90 à vista

DESCONTO DE 59.2%


  • 50 horas de carga horária
  • 83 aulas
  • 5 módulos de conteúdo
  • Última atualização 03/05/2023
  • Certificado de conclusão de curso
Comprar agora
Adicionar cupom de desconto?
PÁGINAS
CATEGORIAS
Atendimento
Horário de atendimento das 09hs às 19hs.
+554230280449
+554232240705
+5542998710050
Fale Conosco
CNPJ: 04.883.746/0001-41
Páginas
Consultar Certificado

Consulte aqui a autenticidade do certificado.

Selos e certificados
Site Seguro
Formas de pagamento
Visa Mastercard Hypercard American Express Elo Diners Club Boleto Pix

Este site usa cookies para melhorar sua experiência. Política de Privacidade