Blog Post

Desenvolvedores BR
4 MIN READ

Learn Live Series: Usando GitHub Copilot para Criar Uma Aplicação Node.js (Part I)

Glaucia_Lemos's avatar
Glaucia_Lemos
Icon for Microsoft rankMicrosoft
Mar 30, 2024

Na última terça-feira, dia 26 de Março, demos continuidade numa série de vídeos no Canal do YouTube do Microsoft Reactor. E, a live dessa vez, que será um Workshop dividido em 3 partes, tem como objetivo ensinar vocês sobre como usar o GitHub Copilot para criar rapidamente uma aplicação Node.js com Azure Cosmos DB e App Service!

 

Como dito acima, esse workshop será divido em 3 partes. São elas:

 

  • Parte I: Usando GitHub Copilot para criar rapidamente uma Aplicação Node.js com Azure Cosmos DB e App Service

      1. Introdução
        1. Objetivos
        2. Pré-requisitos
      1. Preparação do ambiente
        1. Configuração do GitHub Copilot
        2. Criando o projeto

 

  • Parte II: Usando GitHub Copilot para criar rapidamente uma Aplicação Node.js com Azure Cosmos DB e App Service

      1. Visão Geral do Projeto
      1. Adicionando o Azure Cosmos DB
        1. Criando o serviço de Banco de Dados
        2. Usando o GitHub Copilot para consertar o código
        3. Adicionando documentação
        4. Consertando as tipagens com o GitHub Copilot
  • Parte III: Usando GitHub Copilot para criar rapidamente uma Aplicação Node.js com Azure Cosmos DB e App Service
      1. Adicionando Tests Unitários
        1. Completando o teste de suite
        2. Mockando os métodos SDK do Cosmos
      1. Atualizando as rotas da API
        1. Importando o serviço de Banco de Dados
        2. Removendo os stubs
      1. Publicando no Azure
        1. Criando uma Conta no Azure
        2. Configurando as credenciais do Azure
        3. Adicionando um workflow de CI/CD
        4. Publicando a aplicação
        5. Testando a aplicação
        6. Próximos passos

Mas, vamos resumir o que foi abordado durante a primeira parte do Workshop!

 

O que foi abordado durante a Live?

 

 

Introdução

 

No recente workshop transmitido ao vivo, exploramos como utilizar o GitHub Copilot para acelerar o desenvolvimento de um aplicativo Node.js, integrando-o com Azure Cosmos DB e Azure App Service. Este artigo resume os pontos chave abordados durante a sessão, incluindo a preparação do ambiente, conceitos introdutórios e etapas iniciais de desenvolvimento.

todo o material do workshop está disponível aqui

 

O que é GitHub Copilot?

 

 

GitHub Copilot é uma ferramenta de codificação assistida por IA, projetada para aumentar a produtividade dos desenvolvedores, oferecendo sugestões de código e auxiliando com a documentação e testes. No workshop, demonstramos seu potencial ao criar uma aplicação Node.js!

 

Preparação do Ambiente

 

Iniciamos configurando o ambiente de desenvolvimento, o que incluiu:

 

  • Inscrição no GitHub Copilot e configuração do projeto;
  • Criação de um novo projeto no GitHub, usando um modelo já pré-fornecido;
  • Configuração de um ambiente de desenvolvimento usando GitHub CodeSpaces, proporcionando um setup instantâneo sem a necessidade de instalações locais.

 

O que é GitHub CodeSpaces?

 

 

O GitHub CodeSpaces é um ambiente de desenvolvimento baseado em nuvem, que permite a criação de ambientes de desenvolvimento personalizados, com todas as ferramentas necessárias para o desenvolvimento de software. Durante o workshop, utilizamos o CodeSpaces para configurar rapidamente um ambiente de desenvolvimento para o projeto.

 

A parte mais interessante desse serviço é que está disponível para todos os usuários do GitHub, a qual você tem acesso a um ambiente de desenvolvimento completo e tem o direito de fazer uso de 60 horas de uso por mês gratuitamente!

 

Explorando o Projeto

 

O projeto é um famoso TODO List App, que permite a criação, leitura, atualização e exclusão de tarefas. Durante a sessão, exploramos a estrutura do projeto, incluindo os arquivos de configuração, pastas e arquivos principais.

 

Além disso, o projeto bifurcado é um monorepo contendo múltiplos subprojetos, incluindo:

 

  • client: projeto em Angular para a interface do usuário;
  • server: projeto Node.js/TypeScript para o backend da aplicação. Fazendo uso do Express.js para a criação de rotas e gerenciamento de requisições.

 

 

Durante a live, focamos na instalação das dependências usando npm install no diretório raiz, o que simplifica o gerenciamento de múltiplos pacotes em um monorepo.

 

Primeiros Passos no Desenvolvimento

 

  • Execução de scripts de desenvolvimento para levantar o servidor e o cliente simultaneamente;
  • Discussão sobre a estrutura do projeto, abrangendo backend, frontend e a comunicação entre eles;
  • Introdução à integração com Azure Cosmos DB e Azure App Service para futuras sessões.

 

Objetivos e Pré-requisitos

 

Clarificamos os objetivos do workshop: aprender a usar o GitHub Copilot para ser de ajuda para:

  • Desenvolvimento
  • Testes
  • Ser um grande ajudador a criar um serviço de dados conectado ao Azure Cosmos DB
  • Configurar um pipeline CI/CD usando GitHub Actions
  • Implantar a aplicação na nuvem usando Azure App Service.
  • E, até mesmo criação de documentação,

Se você desejar aprender essa aplicação os pré-requisitos incluem conhecimento básico de JavaScript, uma conta no GitHub, e familiaridade com conceitos de desenvolvimento web.

 

Próxima Live!

 

A série de vídeos continuará até Julho de 2024. Então, fiquem ligados nos próximos eventos agendados na página oficial do Microsoft Reactor São Paulo. E aproveitem e se inscrevam no Canal do YouTube do Microsoft Reactor para não perder nenhuma live!

 

E, a próxima live será no dia 10 de Abril de 2024! E, o tema será: Workshop: Usando GitHub Copilot para construir rapidamente um aplicativo Node.js com Azure Cosmos DB e App Service (Parte II)

 

:smile: Inscrições: Link para inscrição

:smile: Live: Link para a live

 

Recursos Adicionais

 

Fiquem atentos para a próxima sessão do workshop, onde daremos continuidade ao projeto, adicionando novas funcionalidades e aprimorando nossa aplicação com o poder do GitHub Copilot e Azure.

Bons estudos e nos vemos na próxima live! :hearteyes:

 

Updated Apr 12, 2024
Version 2.0
No CommentsBe the first to comment