Compre agora e tenha acesso ao curso completo
1Introdução
Aula 01 - Introdução ao React
03:30:00Aula 02 - Configurando o ambiente
04:53:00Aula 03 - Tipos de variáveis e funções
11:19:00Aula 04 - Condições
06:55:00Aula 05 - Laços
07:57:00Aula 06 - Arrays
16:22:00Aula 07 - Objetos
08:29:00Aula 08 - Criando nosso primeiro projeto React JS com Vite
10:50:00Aula 09 - Criando o HTML e CSS
12:39:00Aula 10 - Biblioteca Axios e carregando informac?o?es da API jsonplaceholder
09:28:00Aula 11 - Removendo um blog
04:53:002Baixando o código do Github
Baixando e rodando o projeto
10:243Desenvolvendo o Front-end da nossa Aplicação
Aula 01 - Introdução
06:16Aula 02 - Baixando o projeto e entendento o typescript
10:54Aula 03 - Baixando assets e instalando styled-components
09:20Aula 04 - Criando varia?veis do theme (styled-components)
11:10Aula 05 - Mudando a tipagem default do styled components
04:12Aula 06 - Finalizado os estilos globais
04:50Aula 07 - Alterando temas e tela de Login
11:13Aula 08 - Tela de login - DivLeft
11:15Aula 09 - Finalizando o css da Tela de Login
10:05Aula 10 - Inicializando nosso formula?rio de login
02:30Aula 11 - Componente de Input
10:16Aula 12 - Passando para?metros para o componente do Input
07:00Aula 13 - Extendendo tipagens do elemento input do HTML
01:44Aula 14 - Criando component do Button
10:07Aula 15 - Adicionando tratativas no componente do Input
10:00Aula 16 - Passando para?metros no styled-components
06:17Aula 17 - Validando as informac?o?es do formula?rio usando yup e react-hook-form
17:00Aula 18 - Exibindo a senha do campo do Input
09:30Aula 19 - Fazendo a tela de cadastrar
03:5420 - Adicionando a biblioteca react-router-dom
05:4221 - Mudando os elementos do registerLink
02:5922 - Criando a tela home - component header
06:1523 - Criando a tela home - component sidebar
05:0924 - Criando o componente do avatar
14:1225 - Arrumando a tela home e criando componente de nova publicac?a?o
18:3626 - Criando o componente de listagem de publicac?o?es
05:5627 - Component PostItem - finalizada a tela home
15:1228 - Listagem dos amigos
13:4129 - Tela de perfil
01:5130 - Criando a pa?gina e estilos do perfil
08:5831 - Adicionando a biblioteca React Tabs
10:5732 - Melhorando o CSS do React Tabs
01:4733 - Ajustando o componente de Avatar
00:5634 - Finalizando tela do perfil
14:234Backend com node NodeJS
1 - Introduc?a?o, o que e? uma API
04:242 - Me?todos HTTPs
08:013 - Status Code
03:234 - Nova estrutura de pasta e configurac?o?es iniciais
14:065 - Instalando o insomnia e enviando dados no formato JSON
05:356 - Criando nosso controlador
09:467 - Criando nosso service
04:428 - Entendendo o MSC
05:129 - Configurac?o?es iniciais do banco de dados
09:2810 - Configurando o PrismaIO
08:3611 - Inserindo usua?rio no banco de dados
11:1512 - Entendo melhor o arquivo package e tsconfig
04:3113 - Fazendo validac?o?es ao cadastrar usua?rios
12:4114 - Adicionando a biblioteca express-async-errors
05:0515 - Validando o username
12:5916 - Criptografando a senha do usua?rio
04:3117 - Adicionando JWT na apliac?a?o para fazer o login
10:3918 - Criando nosso middleware
20:1219 - Fazendo update do usua?rio
12:4020 - Cadastrando uma publicac?a?o e adicionando uma imagem
19:1821 - Listando todas as publicac?o?es
06:3722 - Adicionando like na publicac?a?o
08:1823 - Update do avatar do usua?rio
11:58Concluindo o service do backend
18:27Concluindo o controlador
06:52Concluindo o routes
03:565Integrando frontend com backend
Cadastrando um usuário
19:13Criando nosso contexto e hook
20:26Realizando login
06:44Cadastrando publicações
13:22Listando as publicac?o?es na tela principal
13:53Adicionando like nas publicações
05:55Buscando um amigo
13:27Dinamizando as informac?o?es na tela de perfil
07:23Logout e adicionando/removendo amigos
07:40Dinamizando a listagem de amigos
12:39Editando 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á!
…