Compre agora e tenha acesso ao curso completo
1Introdução
Aula 01 - Introdução ao React
03:30:00
Aula 02 - Configurando o ambiente
04:53:00
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
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
…
As matrículas para este curso esgotaram-se no momento. Inscreva-se abaixo para reservar o seu nome na próxima turma.
É necessário ter uma conta SOFTGRAF Cursos Avançados. Se você já é aluno, faça o login . Caso não seja, cadastre-se abaixo e comece já!
…