Mi nombre es Juarez Barbosa, Jr. Soy el líder de participación de desarrolladores de Azure en Microsoft. Aquí pueden ver mis datos de contacto, mi canal de medios, también mi perfil de Twitter y LinkedIn. Así que, en caso de que quieran, digamos, hacerme preguntas después de la masterclass hoy, siéntanse libres de acercarse.
Entonces, sin más preámbulos, comencemos. Para hablar un poco sobre mi perfil, tengo 25 años de experiencia en TI en varios roles diferentes. En ingeniería, como arquitecto de software, arquitecto de soluciones, ya saben, y 10 años en relaciones con desarrolladores, comunidad de desarrolladores, defensa y marketing. En el pasado, actué como campeón de desarrolladores de Nokia y miembro de la comunidad, también como evangelista de IBM mobile y líder mundial en pensamiento para su plataforma móvil. También he trabajado para IBM, en relación con IBM Cloud y el Grupo Cloud, y también como evangelista de Watson y como estrella técnica para Europa, y también para Oracle en EMEA, en relación con el equipo de relaciones con desarrolladores, y ahora Microsoft en Nylon. Últimamente, me he enfocado en la nube, DevOps, Java, que es mi lenguaje de programación principal de alguna manera, pero también JavaScript, Golang, IoT, móvil y blockchain, ¿de acuerdo?
Hablemos un poco sobre la oportunidad aquí. Hoy hemos preparado algunos recursos técnicos para ustedes, así que les voy a dar, digamos, algo de tiempo para escanear este código QR o visitar este enlace de HackaMS aquí. Allí podrán encontrar todos los recursos relacionados con uno de nuestros laboratorios de hoy, ¿de acuerdo? Estamos hablando de Azure Static Web Apps y también de las pruebas con Playwright, que es un marco de trabajo de código abierto creado por Microsoft. Así que, por favor, escaneen este código QR en caso de que estén interesados en aprender más sobre el contenido técnico aquí. Y también tenemos un canal en Twitter, Microsoft Developers Ireland, donde publicamos sobre los próximos eventos y también el contenido enriquecedor que tenemos en Microsoft, algunos cursos gratuitos que están disponibles como parte de Microsoft Learn, y así sucesivamente.
Hablando un poco sobre la agenda, comenzamos con una presentación sobre ingeniería de software en Microsoft. Luego tendremos una demostración rápida ahora. Voy a, digamos, realizar todos los pasos relacionados con los dos laboratorios que tenemos hoy. Voy a comenzar ahora con el relacionado con Azure Static Web Apps, ¿de acuerdo? Incluyendo integración y entrega continua. También construcción, implementación, acciones de GitHub, todo. Y luego tendremos un breve laboratorio introductorio sobre Playwright, que se basa de alguna manera en JST, JS, la biblioteca de pruebas, ya saben. Pero hay algunas extensiones, así que vamos a hablar de eso en breve. Así que, sin más preámbulos, comencemos, ¿de acuerdo? Sí, tengo mi VS Code abierto aquí. Permítanme mostrarles el primer laboratorio, y lo compartiré en la ventana de IAM para que también puedan verlo, ¿de acuerdo? Pero les daré tiempo para completar las tareas, así que si no les importa, intentemos seguir las actividades aquí primero, ¿de acuerdo? Este es el tutorial sobre Azure Static Web Apps. En realidad, es una publicación de blog. He resumido todos los pasos, ya saben, para que no tengan que pasar por toda la extensa documentación que tenemos. Lo primero aquí son algunos requisitos previos, ¿de acuerdo? Así que les daré quizás 15 minutos o algo así para instalar todas las herramientas, pero no tienen que hacerlo ahora porque ya las tengo instaladas aquí para ustedes. Así que puedo guiarlos a través de los pasos y todo, pero tendrán, digamos, mucho tiempo para abordar también los requisitos previos, ¿de acuerdo? Necesitaremos una cuenta de GitHub, necesitaremos una extensión para Visual Studio Code específica para Azure SWA, una cuenta de Azure y pueden, en caso de que no tengan una, crear una cuenta gratuita con nosotros, ¿de acuerdo? Visual Studio Code, eso es el IDE, al menos el que voy a usar aquí hoy, pero por supuesto pueden usar su preferido. Es fácil adaptarlo. No hay nada específico de VS Code aquí aparte de la extensión. También Git, por supuesto, ¿de acuerdo? El primer paso aquí es crear un repositorio Git, ¿de acuerdo? Así que podemos alojar el código de muestra. En realidad, el código aquí no es elaborado, solo es una página web simple y un archivo CSS, ¿de acuerdo? Pero luego pueden visitar esta URL aquí y proporcionar un nombre para su proyecto, y yo ya tengo el mío creado aquí en algún lugar. Permítanme mostrarles. De acuerdo, cierro esto, esto, esto y esto. Creo que está aquí. Lo siento. De acuerdo, este es el REPL, en realidad la acción de GitHub, pero pueden ver el REPL aquí. Es uno simple, con una carpeta de origen y un par de archivos, como dije. De acuerdo. Volvamos. Después de eso, por supuesto, crean un REPL para la aplicación SWA. Tenemos el REPL creado, como pueden ver. De acuerdo. Como dije, no es, digamos, un proyecto completo, ya saben, así que solo es un ejemplo simple, porque el enfoque aquí, por supuesto, yo abogo por Azure, así que quiero mostrarles lo fácil que es crear una aplicación web estática y aplicarla a Azure, ya saben, con unos pocos pasos y también tener CI, CD, ya saben, GitHub Actions y todo lo demás como parte de eso. De acuerdo. Tenemos que clonar el REPL, por supuesto, localmente. De acuerdo, recuerden reemplazar aquí su nombre de cuenta de GitHub. De acuerdo, y yo tengo el mío aquí. De acuerdo, así que abro CMD y luego, digamos, navego hasta el directorio correcto, y luego puedo clonar el REPL. Lo tengo aquí abierto para ustedes, y pueden ver el mismo código fuente aquí con los archivos emergentes, ¿verdad? Hola, dejaste de compartir tu pantalla.
Comments