Publicación de Aplicaciones Estáticas con Azure Static Web Apps y Azure DevOps.
Tags: staticwebapps, webdev, javascript, tutorial
Published: 2021-05-12 18:10:20

---
title: Publicación de Aplicaciones Estáticas con Azure Static Web Apps y Azure DevOps.
published: true
description: En este artículo explicaré, en detalle, cómo podemos publicar aplicaciones estáticas usando Azure Static Web Apps y integrándolas con la poderosa herramienta Azure DevOps.
tags: staticwebapps, webdev, javascript, webdev, tutorial
//cover_image: https://direct_url_to_image.jpg
---

¡Hola Desarrolladores(as)! Hoy vamos a hablar sobre el lanzamiento de un servicio de Azure (12/05/2021) que estaba en versión Preview y finalmente, ¡será un **[General Available](https://azure.microsoft.com/blog/announcing-azure-portal-general-availability/?WT.mc_id=javascript-23666-gllemos)**, del servicio **[Azure Static Web Apps](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=javascript-23666-gllemos)**!

> Si desea saber un poco más sobre el lanzamiento oficial de Azure Static Web Apps que está ocurriendo hoy (12/05/2021), hay un blog oficial que explica en qué se diferencia de la versión Preview para General Available **[AQUÍ](https://azure.microsoft.com/blog/develop-production-scale-modern-web-apps-quickly-with-azure-static-web-apps/?WT.mc_id=javascript-23666-gllemos)**

¡Y vamos a tener innumerables cambios significativos en este servicio, que estaba en su versión Preview!

Pero, primero vamos a recordar algunas caracteristicas de este servicio.

## Tabla de Contenido

 * [ Tabla de Contenido](#tabla-de-contenido)  
 * [ generated with Summaryze Forem 🌱](#generated-with-summaryze-forem)  
 * [ ¿Qué es Azure Static Web Apps?](#qu%C3%A9-es-azure-static-web-apps)  
 * [ ¿Qué vamos a hacer?](#qu%C3%A9-vamos-a-hacer)  
 * [ ¡Es hora del Demo!](#es-hora-del-demo)  
 * [ Azure for Students ⭐️](#azure-for-students-%EF%B8%8F)  
 * [ ¡Usando Azure DevOps!](#usando-azure-devops)  
 * [ Paso 01: Creación de un proyecto en Azure DevOps](#paso-01-creaci%C3%B3n-de-un-proyecto-en-azure-devops)  
 * [ Paso 02: Importar el proyecto desde GitHub a Azure DevOps](#paso-02-importar-el-proyecto-desde-github-a-azure-devops)  
 * [ Paso 03: creación de la aplicación estática en Azure](#paso-03-creaci%C3%B3n-de-la-aplicaci%C3%B3n-est%C3%A1tica-en-azure)  
 * [ Paso 04: Creación de los Pipelines Task en Azure DevOps para nuestra aplicación estática.](#paso-04-creaci%C3%B3n-de-los-pipelines-task-en-azure-devops-para-nuestra-aplicaci%C3%B3n-est%C3%A1tica)  
 * [ Paso 05 - Regreso al Portal Azure](#paso-05-regreso-al-portal-azure)  
 * [ Recursos y Enlaces Importantes](#recursos-y-enlaces-importantes)  
 * [ Ultimas Palabras](#ultimas-palabras) 

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

## ¿Qué es Azure Static Web Apps?

**[Azure Static Web Apps](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=javascript-23666-gllemos)**  es un servicio que crea e implementa automáticamente aplicaciones web completas en Azure desde un repositorio de código, en cuyo caso se usa **[GitHub Actions](https://docs.github.com/pt/actions)**.

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

Con este servicio, permite realizar despliegues automáticos, de forma rápida, sencilla y totalmente gratuita utilizando cualquiera de las librerías o frameworks más conocidos del mercado, como: **[Angular](https://angular.io/)**, **[React](https://pt-br.reactjs.org/)**, **[Svelte](https://svelte.dev/)**, **[Vue](https://vuejs.org/)** o incluso utilizando **[Blazor](https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor?WT.mc_id=javascript-23666-gllemos)**.

En el lado del Back-End, puede integrar su aplicación estática usando **[Azure Functions](https://docs.microsoft.com/azure/azure-functions/functions-overview?WT.mc_id=javascript-23666-gllemos)**, lo que le permitirá crear una API de una manera mucho más rápida, resistente y escalable.

Si lo desea, tenemos numerosas capacitaciones de Azure Static Web Apps totalmente gratuitas en la plataforma **[Microsoft Learn](https://docs.microsoft.com/learn/?WT.mc_id=javascript-23666-gllemos)**. Para enumerar algunos aquí ...

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

[![Captura-de-Tela-2021-05-09-a-s-18-55-00.png](https://i.postimg.cc/L6QK86x9/Captura-de-Tela-2021-05-09-a-s-18-55-00.png)](https://docs.microsoft.com/learn/paths/azure-static-web-apps/?WT.mc_id=javascript-23666-gllemos)

- ✅ **[Publicación de una aplicación de JavaScript de Angular, React, Svelte o Vue con Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-23666-gllemos)**

[![Captura-de-Tela-2021-05-09-a-s-18-56-56.png](https://i.postimg.cc/ZngcXgLS/Captura-de-Tela-2021-05-09-a-s-18-56-56.png)](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-23666-gllemos)

- ✅ **[Publicación de una aplicación WebAssembly de Blazor y una API de .NET con Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api-dotnet/?WT.mc_id=javascript-23666-gllemos)**

[![Captura-de-Tela-2021-05-09-a-s-18-59-03.png](https://i.postimg.cc/43Z5Cppm/Captura-de-Tela-2021-05-09-a-s-18-59-03.png)](https://docs.microsoft.com/learn/modules/publish-app-service-static-web-app-api-dotnet/?WT.mc_id=javascript-23666-gllemos)

- ✅ **[Creación y publicación de una aplicación web estática con Gatsby y Azure Static Web Apps
](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-23666-gllemos)**

[![Captura-de-Tela-2021-05-09-a-s-19-00-41.png](https://i.postimg.cc/QdZg5c40/Captura-de-Tela-2021-05-09-a-s-19-00-41.png)](https://docs.microsoft.com/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-23666-gllemos)

- ✅ **[Publicación de una API en Azure Static Web Apps](https://docs.microsoft.com/learn/modules/publish-static-web-app-api-preview-url/?WT.mc_id=javascript-23666-gllemos)**

[![Captura-de-Tela-2021-05-09-a-s-19-02-12.png](https://i.postimg.cc/SsPCK9YL/Captura-de-Tela-2021-05-09-a-s-19-02-12.png)](https://docs.microsoft.com/learn/modules/publish-static-web-app-api-preview-url/?WT.mc_id=javascript-23666-gllemos)

Ahora que sabe qué es Azure Static Web Apps, ahora es el momento de centrarse en el tema principal de esta publicación: '¿Cómo podemos publicar un sitio web estático utilizando Azure Static Web Apps mediante la integración con la poderosa herramienta **[Azure DevOps](https://azure.microsoft.com/services/devops/?WT.mc_id=javascript-23666-gllemos)**?

Vamos a empezar a hacer una práctica de este servicio con un tutorial paso a paso? ¡Aquí vamos!

## ¿Qué vamos a hacer?

Bueno, en este tutorial vamos a aprender cómo publicar un sitio web estático en Vue.Js usando Azure Static Web e integrándolo con Azure DevOps. En la versión de vista previa esto no era posible (en cierto modo, no ... pero hay personas que lo hicieron). Pero, ahora con Service GA, esto es muy posible y eso es exactamente lo que les estaré enseñando a todo(a)s aquí.

## ¡Es hora del Demo!

Para esta demostración, necesitaremos los siguientes recursos:

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

##### Azure for Students ⭐️

> Si es estudiante de un colegio o universidad, puede crear su cuenta con Azure para estudiantes. Esta cuenta te dará el beneficio de tener un crédito de USD 100.00 para utilizar los servicios de forma gratuita, sin necesidad de tener una tarjeta de crédito. Para activar esta cuenta, simplemente acceda al enlace al costado: **[AQUÍ](https://azure.microsoft.com/pt-br/free/students/?WT.mc_id=javascript-23666-gllemos)**

Para fines de demostración, usaremos la función de GitHub: **[Plantillas de GitHub](https://help.github.com/pt/github/creating-cloning-and-archiving-repositories/creating-a-template-repository)**. Si desea saber más sobre cómo crear *plantilla* y comprender qué es, simplemente vaya **[AQUÍ](https://help.github.com/pt/github/creating-cloning-and-archiving-repositories/creating-a-repository-from-a-template)**.

Haga clic en este enlace **[https://github.com/staticwebdev/vue-basic/generate](https://github.com/staticwebdev/vue-basic/generate)** y luego cree inmediatamente un nombre para este repositorio, como se muestra en la imagen a continuación: (puede elegir el nombre que desee. No necesariamente el mismo que mía.)

[![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)

Luego haga clic en el botón: **Create Repository from Template**(Crear repositorio a partir de plantilla). Después de eso, se creará una aplicación modelo en Vue.js para que podamos probar nuestra aplicación.

## ¡Usando Azure DevOps!

Ahora comenzaremos a integrar la aplicación recién creada en GitHub y usaremos **[Azure DevOps](https://azure.microsoft.com/services/devops/?WT.mc_id=javascript-23665-gllemos)**. Para hacer esto, vaya al enlace a continuación para comenzar a usar Azure DevOps de forma gratuita.

* **[Creación de un proyecto: Azure DevOps](https://azure.microsoft.com/pricing/details/devops/azure-devops-services/?WT.mc_id=javascript-23666-gllemos)**

Elija las opciones gratuitas. En mi caso, elijo la opción: Plan Básico - Gratis. Después de incluir la información de sus datos, aparecerá la siguiente imagen a continuación:

[![Captura-de-Tela-2021-05-09-a-s-19-39-47.png](https://i.postimg.cc/ZnSmh7Y1/Captura-de-Tela-2021-05-09-a-s-19-39-47.png)](https://postimg.cc/Q90wQqTb)

¡Vayamos paso a paso a partir de ahora!

### Paso 01: Creación de un proyecto en Azure DevOps

Crea el proyecto y colócalo de acuerdo con la imagen a continuación:

[![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)

Una vez que haya completado toda la información de su proyecto, haga clic en el botón: **Create a Project**(Crear un proyecto). Después de hacer clic en este botón, la pantalla tendrá el siguiente 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)

### Paso 02: Importar el proyecto desde GitHub a Azure DevOps

Ahora implementaremos el código (plantilla estándar) de la aplicación Vue.js creada recientemente en GitHub y la integraremos con Azure DevOps. Entra a:

1. Repos (Repositorios)
2. Files (Archivos)
3. Import a Repository (Importar un repositorio)
4. Import (Importar)

Con eso, se abrirá una nueva ventana, allí pondremos, solo el GitClone de nuestra aplicación (.git) y luego damos clic en el botón: **Import**.

Aquí tenemos una imagen que también te ayuda en este paso a paso:

[![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)

Al final, su Azure DevOps se verá así:

[![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).

Si es así, es porque ha integrado correctamente su aplicación Vue.js en Azure DevOps. ¡Ahora continuemos!

### Paso 03: creación de la aplicación estática en Azure

En este paso, necesitaremos una **[Cuenta Azure](https://azure.microsoft.com/free/?WT.mc_id=javascript-23666-gllemos)**, ¡que incluso puede crear de forma gratuita! ¡Solo necesita incluir los datos de su tarjeta de crédito para hacer uso de los 12 meses gratuitos de los numerosos servicios gratuitos disponibles!

Después de crear una cuenta en Azure, deberá acceder al [Portal Azure](https://portal.azure.com/).

Sigue estos pasos:

1 - Haga clic en: **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 - Luego, en la parte de búsqueda, escriba: **Static Web Apps**. Y luego haga clic en el botón: **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 - Complete todos los datos necesarios en esta pantalla, que son:

* Resource Groups
* Static Web Apps Details -> Name (aquí el nombre debe ser único y nunca el mismo)
* Region: CENTRAL US (se puede elegir también otras regiones)
* Deployments Details - Others (¡elige esa opción! ¡Usaremos Azure DevOps y no GitHub Actions!)
* Y finalmente, haga clic en el botón: **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)

Si todo va bien, la siguiente imagen aparecerá. Si es así, simplemente haga clic en: **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)

Ahora, hagamos algunos cambios importantes. Vaya a:

1. Overview
2. Manage Deployment token

Aparecerá una nueva ventana con un token gigante. Copie y pegue este token y copie en su bloc de notas. ¡Lo necesitaremos más tarde!

[![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)

### Paso 04: Creación de los Pipelines Task en Azure DevOps para nuestra aplicación estática.

¡Ahora usemos el poder que nos brinda el servicio Azure DevOps integrado con SWA! Regrese a su proyecto alojado en Azure DevOps y vaya al botón: **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)

Después de eso, aparecerá una nueva ventana. Elige la opción: **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)

Copie y pegue el archivo YAML. Y ponlo en tu pipeline:

```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)
```

¡En la parte **output_location** tendremos que cambiarlo! En Vue.js, la carpeta de artefactos, que es la carpeta que genera archivos estáticos, es la carpeta **dist**. Para diferentes frameworks, hay diferentes nombres de carpetas. Si desea conocer la carpeta del framework que está utilizando, tenemos una lista de estas carpetas **[AQUÍ](https://docs.microsoft.com/azure/static-web-apps/front-end-frameworks?WT.mc_id=javascript-23666-gllemos)**.

Ahora, incluyamos ese token creado allí en el Portal de Azure. Vamos a utilizar uno recurso muy interesante en Azure DevOps: **Variables**. Vaya a:

* 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)

Ahora que hemos guardado nuestro **deployment_token**, llega el momento más esperado: ¡ejecute este disparador y vea cómo funciona! Haga clic en el botón: **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)

Hecho esto, veremos el Pipeline de nuestra aplicación estática ejecutándose (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)

Si la aplicación (job) o la compilación dan todos los cheques en verde, ¡es porque la compilación se ejecutó con éxito!

[![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)

### Paso 05 - Volviendo al Portal Azure

Ahora que la compilación se ha ejecutado correctamente en Azure DevOps, es el momento de averiguar si nuestra aplicación se ha publicado correctamente en Azure. Regrese al recurso creado a partir de la aplicación en Azure y haga clic en el enlace, como se muestra en la imagen:

[![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)

Y, como puede ver, la implementación se implementó e integró con éxito con Azure DevOps.

## Recursos y Enlaces Importantes

Siempre al final de mis tutoriales, dejo importantes recursos y enlaces, por si quieres saber más sobre el tema:

* ✅ **[Documentación de Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/?WT.mc_id=javascript-23666-gllemos)**

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

* ✅ **[Curso Gratuito - Publicación de una aplicación de JavaScript de Angular, React, Svelte o Vue con Azure Static Web Apps](https://docs.microsoft.com/es-es/learn/modules/publish-app-service-static-web-app-api/?WT.mc_id=javascript-23666-gllemos)**

* ✅ **[Curso Gratuito - Creación y publicación de una aplicación web estática con Gatsby y Azure Static Web Apps](https://docs.microsoft.com/pt-br/learn/modules/create-deploy-static-webapp-gatsby-app-service/?WT.mc_id=javascript-23666-gllemos)**

* ✅ **[Tutorial: Publicación de un sitio de Hugo en Azure Static Web Apps, versión preliminar](https://docs.microsoft.com/azure/static-web-apps/publish-hugo/?WT.mc_id=javascript-23666-gllemos)**

* ✅ **[Tutorial: Publicar um site do VuePress en el Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/publish-vuepress/?WT.mc_id=javascript-23666-gllemos)**

* ✅ **[Implementación de sitios web de Next.js representados de forma estática en la versión preliminar de Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/publish-vuepress/?WT.mc_id=javascript-23666-gllemos)**

* ✅ **[Implementación de sitios web de Nuxt.js representados por el servidor en Azure Static Web Apps](https://docs.microsoft.com/azure/static-web-apps/deploy-nuxtjs/?WT.mc_id=javascript-23666-gllemos)**

## Conclusión

Espero que este tutorial de SWA + Azure DevOps sea de gran ayuda para todos los(as) desarrolladores(as).

¡Ah! ¡Me iba a olvidar de hablar aquí! ¡Asegúrate de suscribirte a mi canal de Youtube! ¡Estoy creando innumerables series increíbles para este año 2021!

A modo de spoiler, tendremos **(a partir de junio)**:

* 😃 Microsoft Learn Sessions
* 😃 Open Mic con la comunidad durante las vidas!
* 😃 Tutoriales semanales de Node.js, TypeScript y JavaScript
* 😃 Y muchas codificaciones en vivo

Si es contenido que te gusta, asegúrate de suscribirte y activar la campana para saber cuándo tendremos un nuevo video. 

[![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)

Y para conocer estas y más novedades no olvides seguirme en twitter!

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

No vemos! Hasta muy pronto! 😍