Cursos e Artigos para Programadores
Você está buscando em vídeo aula
- Conhecendo o código Vídeo
Nesta aula vamos conhecer o código da aplicação Front-end que lista os dados dos médicos vindos de uma API. O objetivo aqui é apenas entender como conceitos já aprendidos foram aplicados na prática em um projeto real.
- Conhecendo a API Vídeo
Nesta aula vamos conhecer em mais detalhes a API de médicos que servirá como Back-end do nosso site. O objetivo aqui é entender a estrutura dos dados retornados, assim como o verbo HTTP utilizado no consumo, nos preparando para utilizá-la.
- Conhecendo o Projeto Vídeo
Nesta aula vamos apresentar o projeto Front-end que vamos construir, a página da clínica de pediatria. O objetivo aqui é entender o que vamos construir no decorrer deste curso. Ao final desta aula você terá uma compreensão geral do que será
- Tratamento de erros Vídeo
Nesta aula vamos conhecer alguns dos principais erros que podem ocorrer no consumo de uma API e como resolvê-los. Ao final desta aula teremos usado estruturas condicionais e o try / catch para implementar um tratamento de erros do App de UFs
- Try / Catch Vídeo
Nesta aula vamos conhecer uma estrutura de condição do JavaScript utilizada para tratamento de erros. Estamos falando do try / catch, estrutura que permite tratar e personalizar mensagens de erro caso algum problema ocorra no código.
- Separando em Camadas Vídeo
Nesta aula vamos organizar melhor o código do projeto separando o consumo da API do código principal da aplicação. A ideia é ter uma camada de serviço com o consumo da API e o arquivo principal com a listagem das UFs.
- Código do Projeto Vídeo
Nesta aula vamos conhecer o código do nosso App de UFs e entender como usamos o retorno da API para exibir a lista de UFs na tabela HTML dentro do site. Ao final dessa aula você terá implementado o código principal da aplicação de API.
- Axios Vídeo
Nesta aula vamos conhecer a biblioteca Axios, aprender a instalá-la e a usá-la em um projeto React / NextJS. O objetivo é entender como o uso do Axios facilita o consumo de APIs REST em projetos JavaScript.
- Testando a API na prática Vídeo
Nesta aula vamos ver na prática todo o conteúdo que aprendemos anteriormente sobre API REST, como endpoints, verbos http e o formato JSON. Além disso, veremos como usar o Postman, uma ferramenta para testes de API, para consumir a API de UFs
- Conhecendo o projeto Vídeo
Nós vimos até esse momento a construção de aplicações estáticas, que utilizam coleções locais de dados. Também vimos na missão anterior o conceito de API, e para que isso serve. Agora, vamos unificar esses conhecimentos e aprender a criar
- Relembrando REST Vídeo
Nosso objetivo nesta aula é relembrar o conceito de REST e como ele se aplica na construção de APIs. Ao final desta aula você será capaz de avançar para uma etapa mais prática, conhecendo o projeto que será desenvolvido.
- Introdução Vídeo
Nós vimos até esse momento a construção de sites estáticos, que utilizam coleções locais de dados. Também vimos na missão anterior o conceito de API. Vimos que a API possibilita a comunicação entre o sistema Front-end e o sistema Back-end.
- Projeto final Vídeo
Nesta aula vamos colocar em prática tudo o que aprendemos até aqui. Vamos conhecer um exemplo prático que utiliza diversos recursos que aprendemos neste curso, tais como max-width, display, overflow, calc(), box-sizing e box-shadow.
- Aplicando sombras em um elemento HTML Vídeo
Nesta aula você vai aprender como aplicar sombras em um elemento HTML através das propriedades box-shadow e text-shadow.
- Modificando como o CSS calcula o tamanho de um elemento Vídeo
Nesta aula você vai aprender a modificar a forma como o CSS calcula o tamanho de um elemento HTML, através da propriedade box-sizing. Além disso, você também vai aprender a resolver problemas de quebra de páginas e criação indesejada de scrolls.
- Aplicando transparência em um elemento HTML Vídeo
Nesta aula você vai aprender como aplicar transparência em um elemento HTML através da propriedade opacity.
- Liberando o acesso a lista de leads Vídeo
Nesta aula veremos como utilizar o retorno da validação do token para permitir o acesso a API de leads. O objetivo é que, ao fazer a requisição com o token válido, a listagem dos leads seja retornada.
- Validando o Token Vídeo
Nesta aula veremos o processo de validação do Token, ou seja, como a API sabe que o token recebido é válido. A ideia é entender como o endpoint /lista-leads faz para saber se deve liberar o acesso aos dados para quem está fazendo a requisição
- Recebendo o token na API Vídeo
Nesta aula vamos conhecer o processo de recebimento do token, ou seja, como a API recebe o token vindo do front-end. A ideia é entender como o endpoint /lista-leads sabe que o token foi recebido e como ele é acessado.
- Gerando o token Vídeo
Nesta aula vamos avançar no entendimento do código da nossa aplicação, conhecendo o processo de geração do token. A ideia é entender o que é JWT e como utilizamos esse padrão para gerar os tokens da nossa aplicação.
- Conhecendo o código Vídeo
Nesta aula vamos começar a entender o código da nossa aplicação. O objetivo é entender como os processos descritos nas aulas anteriores são feitos no código.
- Verbo HTTP POST Vídeo
Nesta aula vamos entender dois importantes conceitos do nosso projeto antes de iniciar o estudo do código. O objetivo é compreender dois pontos: por que utilizar POST para o login e como nossa aplicação lida com usuários administrativos
- Validando o token Vídeo
Nesta aula vamos avançar no entendimento do processo de autenticação. A ideia é entender como a API sabe que um token é válido para poder autorizar o acesso aos dados.
- Autenticação bem-sucedida Vídeo
Nesta aula vamos avançar no entendimento do processo de autenticação. A ideia é entender o conceito de token, utilizado quando a autenticação é bem-sucedida.
- Como funciona a autenticação? Vídeo
Nesta aula vamos entender em mais detalhes como o nosso projeto de API com autenticação vai funcionar. A ideia é entender o que acontece quando uma autenticação falha e como isso é tratado pela API.