Publicando Aplicações Estáticas com Static Web Apps & Azure DevOps!
Tags: staticwebapps, webdev, javascript, tutorial
Published: 2021-05-12 18:10:42

---
title: Publicando Aplicações Estáticas com Static Web Apps & Azure DevOps!
published: true
description: Neste artigo estarei explicando, detalhadamente como podemos publicar aplicações estáticas usando o Azure Static Web Apps e integrando com a poderosa ferramenta do Azure DevOps!
tags: staticwebapps, webdev, javascript, webdev, tutorial
//cover_image: https://direct_url_to_image.jpg
---

Fala Coders! Hoje vamos falar do lançamento de um serviço do Azure que estava em Preview e enfim, será um **[General Available](https://azure.microsoft.com/blog/announcing-azure-portal-general-availability/?WT.mc_id=javascript-23665-gllemos)** do Serviço **[Azure Static Web Apps](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=javascript-23665-gllemos)** agora no dia 12/05/2021!


> Se vocês desejarem saber um pouco mais sobre o lançamento oficial do Azure Static Web Apps que está acontecendo hoje (12/05/2021), há um blog oficial explicando o que vem de diferente da versão Preview para General Available **[AQUI](https://azure.microsoft.com/blog/develop-production-scale-modern-web-apps-quickly-with-azure-static-web-apps/?WT.mc_id=javascript-23665-gllemos)**

E, vamos ter inúmeras mudanças significativas nesse serviço, que estava na sua versão Preview!

Mas, vamos tentar relembrar a todos(as) vocês sobre esse serviço?

## O que veremos nesse Artigo?! 

 * [ O que é Azure Static Web Apps?](#o-que-%C3%A9-azure-static-web-apps)  
 * [ O que vamos fazer?!](#o-que-vamos-fazer)  
 * [ Demo Time!](#demo-time)  
 * [ Conta - Azure for Students ⭐️](#conta-azure-for-students-%EF%B8%8F)  
 * [ Usando o Azure DevOps!](#usando-o-azure-devops)  
 * [ Passo 01 - Criando um projeto no Azure DevOps](#passo-01-criar-um-projeto-no-azure-devops)  
 * [ Passo 02 - Importando o projeto no GitHub para o Azure DevOps](#passo-02-importando-o-projeto-no-github-para-o-azure-devops)  
 * [ Passo 03 - Criando a Aplicação Estática no Azure](#passo-03-criando-a-aplica%C3%A7%C3%A3o-est%C3%A1tica-no-azure)  
 * [ Passo 04 - Criando os Pipelines Task no Azure DevOps para a nossa Aplicação Estática!](#passo-04-criando-os-pipelines-task-no-azure-devops-para-a-nossa-aplica%C3%A7%C3%A3o-est%C3%A1tica)  
 * [ Passo 05 - Retornando ao Portal Azure](#passo-05-retornando-ao-portal-azure)  
 * [ Recursos & Links Importantes](#recursos-amp-links-importantes)  
 * [ Palavras Finais](#palavras-finais) 

###### generated with [Summaryze Forem 🌱](https://summaryze-forem.vercel.app/)

## O que é Azure Static Web Apps?

O **[Azure Static Web Apps](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=javascript-23665-gllemos)** é um serviço que cria e implanta automaticamente aplicações Web completa no Azure desde um repositório de códigos, que nesse caso é usado o **[GitHub Actions](https://docs.github.com/pt/actions)**.

[![swa-overview.png](https://i.postimg.cc/9fy7CHNX/swa-overview.png)](https://postimg.cc/3yJRFVTz)

Com esse serviço, te permite realizar deploy automático, de maneira rápida, fácil e totalmente gratuita usando quaisquer bibliotecas ou frameworks mais conhecidos do mercado, tais como: **[Angular](https://angular.io/)**, **[React](https://pt-br.reactjs.org/)**, **[Svelte](https://svelte.dev/)**, **[Vue](https://vuejs.org/)** ou até mesmo usando o **[Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor?WT.mc_id=javascript-23665-gllemos)**.

Já no lado do Back-End, você pode integrar a sua aplicação estática usando o **[Azure Functions](https://docs.microsoft.com/azure/azure-functions/functions-overview?WT.mc_id=javascript-23665-gllemos)**, que te permitirá criar uma API de uma maneira muito mais rápida, dinâmica, resiliente e escalonável!

Se, vocês desejarem, temos inúmeros treinamentos de Azure Static Web Apps totalmente gratuitos na plataforma **[Microsoft Learn](https://docs.microsoft.com/learn/?WT.mc_id=javascript-23665-gllemos)**! Para listar alguns aqui...

- ✅ **[Cursos Grátis - Azure Static Web Apps](https://docs.microsoft.com/learn/paths/azure-static-web-apps/?WT.mc_id=javascript-23665-gllemos)**

[![Captura-de-Tela-2021-05-07-a-s-22-52-58.png](https://i.postimg.cc/3wgQBtWb/Captura-de-Tela-2021-05-07-a-s-22-52-58.png)](https://docs.microsoft.com/learn/paths/azure-static-web-apps/?WT.mc_id=javascript-23665-gllemos)

- ✅ **[Publicando uma Aplicação JavaScript em Angular, React, Svelte ou Vue com o Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-23665-gllemos)**

[![Captura-de-Tela-2021-05-07-a-s-22-38-46.png](https://i.postimg.cc/Bb4yM3Rj/Captura-de-Tela-2021-05-07-a-s-22-38-46.png)](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-23665-gllemos)

- ✅ **[Publicando uma Aplicação WebAssembly Blazor e uma API do .NET com Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api-dotnet/?WT.mc_id=javascript-23665-gllemos)**

[![Captura-de-Tela-2021-05-07-a-s-22-42-42.png](https://i.postimg.cc/pTZkVF1d/Captura-de-Tela-2021-05-07-a-s-22-42-42.png)](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api-dotnet/?WT.mc_id=javascript-23665-gllemos)

- ✅ **[Criando e Publicando uma Aplicação Web Estática com o Gatsby com Azure Static Web Apps](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-23665-gllemos)**

[![Captura-de-Tela-2021-05-07-a-s-22-47-37.png](https://i.postimg.cc/05hZkPVD/Captura-de-Tela-2021-05-07-a-s-22-47-37.png)](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-23665-gllemos)

- ✅ **[Publicando uma API no Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-static-web-app-api-preview-url/?WT.mc_id=javascript-23665-gllemos)**

[![Captura-de-Tela-2021-05-07-a-s-22-51-21.png](https://i.postimg.cc/Hn1JNZtc/Captura-de-Tela-2021-05-07-a-s-22-51-21.png)](https://docs.microsoft.com/learn/modules/publish-static-web-app-api-preview-url/?WT.mc_id=javascript-23665-gllemos)

Agora que vocês já sabem o que é o Azure Static Web Apps, agora é o momento de focarmos no tema principal desse post: 'Como podemos publicar um site estático usando o Azure Static Web Apps integrando com a poderosa ferramenta do **[Azure DevOps](https://azure.microsoft.com/services/devops/?WT.mc_id=javascript-23665-gllemos)**? 

Vamos começar a fazer um hands-on com um tutorial? Aqui vamos nós!

## O que vamos fazer?!

Bom, nesse tutorial vamos aprender a fazer uma plublicação de um site estático em Vue.Js usando o Azure Static Web e integrando com o Azure DevOps. Na versão preview isso não era possível (de uma certa forma, não... mas tem gente que conseguiu). Mas, agora com GA do Serviço, isso agora é super possível e é justamente o que estarei ensinando à todas as pessoas aqui!

## Demo Time!

Para essa demo, vamos precisar dos seguintes recursos:

* ✅ **[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=javascript-23665-gllemos)**
* ✅ **[Vue](https://vuejs.org/)**
* ✅ **[Conta Azure](https://azure.microsoft.com/free?WT.mc_id=javascript-23665-gllemos)**
* ✅ **[Conta no GitHub](https://github.com/)**

##### Conta - Azure for Students ⭐️

> Caso você seja um(a) estudante de alguma Instituição de Ensino de Faculdade ou Universidade, poderá criar sua conta no **[Azure for Students](https://azure.microsoft.com/pt-br/free/students/?WT.mc_id=javascript-23665-gllemos)**. Essa conta te dará o benefício em possuir crédito de USD 100,00 para usar os serviços de maneira gratuita, sem necessidade de possuir um cartão de crédito. Para ativar essa conta, bastam acessar o link ao lado: **[AQUI](https://azure.microsoft.com/pt-br/free/students/?WT.mc_id=javascript-23665-gllemos)**

Para fins de demo, estaremos fazendo uso do recurso do GitHub: **[GitHub Templates](https://help.github.com/pt/github/creating-cloning-and-archiving-repositories/creating-a-template-repository)**. Se deseja saber mais como criar um template e entender o que é bastam acessar **[AQUI](https://help.github.com/pt/github/creating-cloning-and-archiving-repositories/creating-a-repository-from-a-template)**.

Cliquem nesse link **[https://github.com/staticwebdev/vue-basic/generate](https://github.com/staticwebdev/vue-basic/generate)** e logo em seguida crie um nome para esse repositório, conforme segue a imagem abaixo: **(vocês podem escolher o nome que desejarem. Não necessariamente igual o meu.)**

[![Captura-de-Tela-2021-05-07-a-s-23-51-03.png](https://i.postimg.cc/tCdHHS9d/Captura-de-Tela-2021-05-07-a-s-23-51-03.png)](https://postimg.cc/56trBmYj)

Logo em seguida clique no botão: **Create Repository from Template**. Após isso, estará já criada uma aplicação modelo em Vue.js para que possamos testar a nossa aplicação!

## Usando o Azure DevOps!

Vamos agora começar a fazer a integração da aplicação recém criada no GitHub e usar o **[Azure DevOps](https://azure.microsoft.com/services/devops/?WT.mc_id=javascript-23665-gllemos)**. Para isso, entre no link abaixo, para começar a usar o Azure DevOps de maneira gratuita!

* **[Criando um Projeto - Azure DevOps](https://azure.microsoft.com/pricing/details/devops/azure-devops-services/?WT.mc_id=javascript-23665-gllemos)**

Escolha as opções gratuitas. No meu caso, estou escolhendo a opção: Plano Básico - Free. Depois de você incluir as suas informações de dados, aparecerá a seguinte imagem abaixo:

[![Captura-de-Tela-2021-05-08-a-s-00-08-06.png](https://i.postimg.cc/ncmPD0rs/Captura-de-Tela-2021-05-08-a-s-00-08-06.png)](https://postimg.cc/2VzGpd4m)

Vamos no passo a passo a partir de agora!

### Passo 01 - Criando um projeto no Azure DevOps

Crie o projeto e coloque de acordo com a imagem abaixo:

[![Captura-de-Tela-2021-05-08-a-s-00-19-01.png](https://i.postimg.cc/cJGZ3vdW/Captura-de-Tela-2021-05-08-a-s-00-19-01.png)](https://postimg.cc/mPj0f2cp)

Depois que você preencher todas as informações do seu Projeto, clique no botão: **Create a Project**. Depois de clicar nesse botão, a tela terá a seguinte formato:

[![Captura-de-Tela-2021-05-08-a-s-00-23-17.png](https://i.postimg.cc/3xJfc79G/Captura-de-Tela-2021-05-08-a-s-00-23-17.png)](https://postimg.cc/svqJMkkf)

### Passo 02 - Importando o projeto no GitHub para o Azure DevOps

Vamos agora implementar o código (template padrão) da aplicação Vue.js criada recentemente lá no GitHub e integrar no Azure DevOps. Vão em: 

1. Repos
2. Files
3. Import a Repository
4. Import

Aí abrirá uma nova janela, ali colocaremos, justo o GitClone da nossa aplicação (.git) e depois clicar no botão: **Import**

Se não entenderem como proceder, mais abaixo terá um vídeo desse tutorial que gravei ensinando passo a passo, justo para ajudar todos vocês. E, também uma imagem que também auxiliará vocês nesse passo a passo:

[![Captura-de-Tela-2021-05-08-a-s-00-25-25.png](https://i.postimg.cc/hjTqtgkj/Captura-de-Tela-2021-05-08-a-s-00-25-25.png)](https://postimg.cc/HcYNSGsD)

No final, o seu Azure DevOps estará da seguinte forma:

[![Captura-de-Tela-2021-05-08-a-s-00-33-40.png](https://i.postimg.cc/SRQqT3Px/Captura-de-Tela-2021-05-08-a-s-00-33-40.png)](https://postimg.cc/KkWd4qF6).

Se estiver dessa forma, é porque você integrou com sucesso a sua aplicação Vue.js no Azure DevOps. Agora, vamos dar continuidade!

### Passo 03 - Criando a Aplicação Estática no Azure

Nesse passo precisaremos de uma **[Conta Azure](https://azure.microsoft.com/free/?WT.mc_id=javascript-23665-gllemos)**, que inclusive vocês podem estar criando de maneira gratuita! Só precisa incluir os dados do seu cartão de crédito para fazer uso dos 12 meses gratuitos dos inúmeros serviços gratuitos disponíveis!
Aqui nesse post já mencionei sobre uma conta **[Azure for Students](https://azure.microsoft.com/pt-br/free/students/?WT.mc_id=javascript-23665-gllemos)**, que dão a vocês estudantes, vários benefícios de fazerem uso da Conta Azure de graça sem necessidade de incluir dados de cartão de crédito!

Depois que criar uma conta no Azure, você deverá acessar o **[Portal Azure](https://portal.azure.com/)**

Sigam os seguintes passos:

1 - Clicar em **Create a Resource**

[![Captura-de-Tela-2021-05-08-a-s-00-43-46.png](https://i.postimg.cc/VN4K9hXR/Captura-de-Tela-2021-05-08-a-s-00-43-46.png)](https://postimg.cc/PLpbT23p)

2 - Depois, na parte da busca, digitem: **Static Web Apps**. E, em seguida cliquem no botão: **Create**

[![Captura-de-Tela-2021-05-08-a-s-00-45-45.png](https://i.postimg.cc/v81dB7dj/Captura-de-Tela-2021-05-08-a-s-00-45-45.png)](https://postimg.cc/c6NzknCM)

3 - Preencha todos os dados necessários nessa tela, que são:

* Resource Groups
* Static Web Apps Details -> Name (aqui o nome deverá ser único e nunca igual)
* Region: CENTRAL US (vocês podem escolher outras regiões também)
* Deployments Details - Others (escolha essa opção! Pois estaremos usando o Azure DevOps e não o GitHub Actions!)
* E, por último, clicar no botão: **Review + Create -> Create**

[![Captura-de-Tela-2021-05-08-a-s-00-48-17.png](https://i.postimg.cc/8C3tn6nJ/Captura-de-Tela-2021-05-08-a-s-00-48-17.png)](https://postimg.cc/zLCCyVN8)

[![Captura-de-Tela-2021-05-08-a-s-00-53-06.png](https://i.postimg.cc/FKJjznDz/Captura-de-Tela-2021-05-08-a-s-00-53-06.png)](https://postimg.cc/4KsKFwCR)

Se tudo der certo, aparecerá a seguinte imagem abaixo. Caso sim, bastam clicar em: **Go to resource**

[![Captura-de-Tela-2021-05-08-a-s-00-58-37.png](https://i.postimg.cc/k4vRtr8J/Captura-de-Tela-2021-05-08-a-s-00-58-37.png)](https://postimg.cc/YGjCJsbZ)

Agora, vamos fazer algumas modificações importantes. Vá até:

1. Overview
2. Manage Deployment token

Aparecerá uma nova janela com um token gigantesco. Copie e cole esse token em algum notepad de sua preferência. Pois vamos precisar dele posteriormente! 

[![Captura-de-Tela-2021-05-08-a-s-01-00-17.png](https://i.postimg.cc/Y9Mh7XPJ/Captura-de-Tela-2021-05-08-a-s-01-00-17.png)](https://postimg.cc/4K2Jb1s5)

[![Captura-de-Tela-2021-05-08-a-s-01-03-18.png](https://i.postimg.cc/SsSN3n24/Captura-de-Tela-2021-05-08-a-s-01-03-18.png)](https://postimg.cc/v1Ks6Ht2)

### Passo 04 - Criando os Pipelines Task no Azure DevOps para a nossa Aplicação Estática!

Agora vamos usar o poder que o serviço do Azure DevOps nos proporciona integrado com o SWA!Retorne ao seu Projeto hospedado no Azure DevOps e vá até o botão: **Set up Build**

[![Captura-de-Tela-2021-05-08-a-s-01-07-29.png](https://i.postimg.cc/wBsGz2Nc/Captura-de-Tela-2021-05-08-a-s-01-07-29.png)](https://postimg.cc/mcBwNQ8t)

Depois disso, aparecerá uma nova janela. Escolha a opção: **Starter Pipeline**

[![Captura-de-Tela-2021-05-08-a-s-01-09-42.png](https://i.postimg.cc/Vs443pTP/Captura-de-Tela-2021-05-08-a-s-01-09-42.png)](https://postimg.cc/s1QpW6sT)

Copiem e colem o YAML abaixo e coloquem no pipeline de vocês:

```yaml
trigger:
- main

pool:
  vmImage: ubuntu-latest

steps:
  - checkout: self
    submodules: true
  - task: AzureStaticWebApp@0
    inputs:
      app_location: '/'
      api_location: 'api'
      output_location: 'dist'
    env:
      azure_static_web_apps_api_token: $(deployment_token)
```

Na parte de **output_location** precisaremos alterar! Pois em Vue.js a pasta de artefato, que é a pasta que gera os arquivos estáticos é a pasta **dist**. Para diferentes frameworks são nomes de pastas diferentes. Caso queira saber do framework que você esteja usando, temos uma lista dessas pastas **[AQUI](https://docs.microsoft.com/azure/static-web-apps/front-end-frameworks?WT.mc_id=javascript-23665-gllemos)**

Agora, vamos incluir aquele token criado lá no Portal Azure. Para isso, vamos usar um recurso bastante interessante no Azure DevOps: **Variables**.
Vá até:

* Variables 
* New Variable 
* Name (deployment_token) 
* Value (o valor do token)
* Clicar no botão: **Ok -> Save**

[![Captura-de-Tela-2021-05-08-a-s-01-26-28.png](https://i.postimg.cc/Vs7pjJzt/Captura-de-Tela-2021-05-08-a-s-01-26-28.png)](https://postimg.cc/rzrfTF0y)

[![Captura-de-Tela-2021-05-08-a-s-01-28-10.png](https://i.postimg.cc/8PJKMwK8/Captura-de-Tela-2021-05-08-a-s-01-28-10.png)](https://postimg.cc/nCxGtKfT)

[![Captura-de-Tela-2021-05-08-a-s-01-29-32.png](https://i.postimg.cc/d1gWxy3N/Captura-de-Tela-2021-05-08-a-s-01-29-32.png)](https://postimg.cc/ygXXJWF0)

Agora que já salvamos o nosso *deployment_token* vem o momento mais esperado: executar essa trigger e ver a coisa funcionar! Cliquem no botão: **Save and Run**

[![Captura-de-Tela-2021-05-08-a-s-01-32-19.png](https://i.postimg.cc/yNbnDZm6/Captura-de-Tela-2021-05-08-a-s-01-32-19.png)](https://postimg.cc/KKttV4pC)

[![Captura-de-Tela-2021-05-08-a-s-01-34-16.png](https://i.postimg.cc/y86TnPnY/Captura-de-Tela-2021-05-08-a-s-01-34-16.png)](https://postimg.cc/6ySRpCDD)

Feito isso, veremos o Pipeline da nossa aplicação estática sendo executado (job):

[![Captura-de-Tela-2021-05-08-a-s-01-36-22.png](https://i.postimg.cc/5NgBHz1c/Captura-de-Tela-2021-05-08-a-s-01-36-22.png)](https://postimg.cc/xckJhccg)

Se o (job) ou Build da aplicação der os checks todos verdes é porque o build foi executado com sucesso!

[![Captura-de-Tela-2021-05-08-a-s-01-39-04.png](https://i.postimg.cc/SRDnKW9D/Captura-de-Tela-2021-05-08-a-s-01-39-04.png)](https://postimg.cc/SYYSTYDM)

### Passo 05 - Retornando ao Portal Azure

Agora que o build foi executado com sucesso no Azure DevOps, é aquele momento de sabermos se a nossa aplicação foi devidamente publicada no Azure! Retorne ao recurso criado da aplicação no Azure e clique no link, conforme a imagem abaixo:

[![Captura-de-Tela-2021-05-08-a-s-01-41-55.png](https://i.postimg.cc/qBbBzBYb/Captura-de-Tela-2021-05-08-a-s-01-41-55.png)](https://postimg.cc/fkdQPsMm)

[![Captura-de-Tela-2021-05-08-a-s-01-42-19.png](https://i.postimg.cc/VkMzGqNp/Captura-de-Tela-2021-05-08-a-s-01-42-19.png)](https://postimg.cc/NKshLrmk)

E, como podem ver, o deploy foi realizado e integrado com sucesso com Azure DevOps!

Se vocês desejarem, estou disponibilizando o link da aplicação disponível na web **[Aplicação Todo-List em Vue -AQUI](https://gray-forest-0b4ba2410.azurestaticapps.net/)**

## Recursos & Links Importantes

Sempre ao final dos meus tutoriais, deixo recursos e links importantes, caso desejam saber mais sobre o assunto:

* ✅ **[Documentação Oficial do Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Curso Grátis - Azure DevOps](https://docs.microsoft.com/learn/paths/build-applications-with-azure-devops/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Curso Grátis - Publique uma Aplicação Estática no Angular, React, Vue ou Javascript & API](https://docs.microsoft.com/pt-br/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Curso Grátis - Crie e Publique um site estático com Gatsby](https://docs.microsoft.com/pt-br/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Implementando Azure Static Web Apps no Gatsby](https://docs.microsoft.com/azure/static-web-apps/publish-gatsby/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Implementando Azure Static Web Apps no Hugo](https://docs.microsoft.com/azure/static-web-apps/publish-hugo/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Implementando Azure Static Web Apps no VuePress](https://docs.microsoft.com/azure/static-web-apps/publish-vuepress/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Implementando Azure Static Web Apps no Next.js](https://docs.microsoft.com/pt-br/azure/static-web-apps/deploy-nextjs/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Implementando Azure Static Web Apps no Nuxt.js](https://docs.microsoft.com/azure/static-web-apps/deploy-nuxtjs/?WT.mc_id=javascript-23665-gllemos)**

* ✅ **[Implementando Azure Static Web Apps no Jekyll](https://docs.microsoft.com/pt-br/azure/static-web-apps/publish-jekyll/?WT.mc_id=javascript-23665-gllemos)**

## Palavras Finais

Espero que esse tutorial de SWA + Azure DevOps seja de grande ajuda à todas as pessoas! Abaixo segue o vídeo explicativo desse tutorial, para àquelas pessoas que preferem seguir tutorial em formato de vídeo:

{% youtube 3pnIBJWoRjM %}

Ah! Já ia esquecer de falar aqui! Não deixem de se inscrever no meu Canal do Youtube! Estou criando inúmeras séries incríveis para esse ano de 2021! 

Só como spoiler, teremos **(a partir de Junho)**:

* 😃 **Microsoft Learn Live Sessions**
* 😃 **Open Mic com a Comunidade durante as Lives!**
* 😃 **Tutoriais semanais de Node.js, TypeScript & JavaScript**
* 😃 **E muitos Live Codings**

Se são conteúdos que você curte, então não deixa de se inscrever e ative o sininho para ficar sabendo quando teremos vídeo novo!

[![Screen-Shot-12-31-20-at-01-06-AM.png](https://i.postimg.cc/pr3TL4Pd/Screen-Shot-12-31-20-at-01-06-AM.png)](https://bit.ly/youtube-canal-glaucialemos)

E para ficarem por dentro de várias outras novidades, não deixem de me seguir lá no twitter!

[![Twitter](https://code4coders.files.wordpress.com/2019/05/image-12.png)](https://twitter.com/glaucia_lemos86)

Nos vemos! Até a próxima pessoal! 😍