Oferta por tempo limitado!

Excel Programação Design de Móveis

Pesquisar por cursos... Pesquisando por … Sem resultados para … Ver todos os cursos com …

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$ 40,83

R$ 490,00 à vista

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.

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.

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