Construa um site de estatísticas COVID-19 do zero (Vue3+Api+BS5)

Visão geral do curso

Neste curso, você aprenderá como construir um site que exibe as últimas estatísticas do COVID-19 usando Vue3, Bootstrap5 e uma API. Você também aprenderá como implantar o site no Heroku.

Conteúdo do curso

• Introdução
• Instalando o Vue3 e configurando o ambiente de desenvolvimento
• Criando uma aplicação usando o Vue CLI
• Adicionando o Vue-router
• Integrando o Bootstrap5
• Estilizando a página e adicionando uma NavBar
• Preparando a API, buscando dados e exibindo-os na página
• Explorando o RapidAPI e encontrando uma API de estatísticas do COVID-19
• Instalando e configurando a biblioteca Axios
• Buscando e exibindo dados básicos de forma formatada
• Buscando e exibindo dados específicos do país em uma tabela
• Projetando uma tabela usando o Bootstrap para apresentação de dados
• Interagindo com a API específica do país e buscando dados para a tabela
• Adicionando uma mensagem de carregamento enquanto busca dados
• Preparando a página Verifique-se e formatando as perguntas
• Adicionando a funcionalidade para realizar a verificação e exibir o resultado em um popup
• Implantando o site no Heroku
• Adicionando um rodapé ao site
• Preparando o projeto para implantação no Heroku
• Vinculando o projeto a um repositório do GitHub

Sobre o Vue.js

O Vue.js é um framework JavaScript projetado para desenvolvedores front-end. Ele permite que você construa sites completos usando uma única página, integrando vários componentes para criar uma interface coesa e rica em recursos. Com o Vue.js, você pode alcançar funcionalidades complexas que, de outra forma, exigiriam centenas de linhas de código JavaScript regular.

Sobre o Bootstrap

O Bootstrap é um framework gratuito e de código aberto para projetar sites e aplicações web. Ele fornece modelos prontos para formatação de textos, formulários, botões, barras de navegação e outros elementos de interface gráfica. Ele também oferece extensões opcionais que ajudam a criar elementos interativos.

O que você aprenderá

• Usar o Vue3 para construir um site
• Interagir com APIs usando a biblioteca Axios
• Usar o Bootstrap5 para estilização
• Implantar um site no Heroku