My name is Juarez Barbosa, Jr. I am the Azure developer engagement lead in Microsoft. Here you can see my contact details, you know, my media channel, also Twitter handle and my LinkedIn profile. So, in case you want to, I would say, ask me questions after the workshop today, feel free to approach me.
So, without further ado, let's start. Just to talk a little bit about my profile, I have 25 years of experience in IT in several different roles. In engineering, as a software architect, solutions architect, you know, and 10 years in developer relations, developer community, advocacy, and marketing. In the past, I acted as a Nokia developer's champion and community member, also an evangelist for IBM mobile and the Global Thought Lead for their mobile platform. I've worked for IBM also, concerning the IBM Cloud and the Cloud Group, and also as a Watson evangelist and as the technical workstar for Europe, and also Oracle in EMEA, concerning the developer relations team, and now Microsoft in Nylon. Lately, I've been focusing on cloud, DevOps, Java, which is my primary programming language somehow, but also JavaScript, Golang, IoT, mobile, and also blockchain, okay?
So let's talk a little bit about the opportunity here. We prepared some technical resources for you today, so I'm going to give you, I would say, some time to scan this QR code or visit this HackaMS link here. Where you can find all the resources related to one of our labs today, okay? We are talking about Azure Static Web Apps and also testing with Playwright, which is an open-source framework created by Microsoft. So please scan this QR code in case you are interested in learning more about the technical content here. And also we have a channel on Twitter, Microsoft Developers Ireland, and there we post about the upcoming events and also the rich content that we have in Microsoft, some free courses that are available as part of Microsoft Learn and so on.
Talking a little bit about the agenda then, we started with Venya with a presentation about software engineering at Microsoft. Then we'll have a quick demo now. I'm gonna, I would say, perform all the steps concerning the couple of labs that we have today. I'm gonna start now with the one related to Azure Static Web Apps, OK? Including continuous integration and delivery. Also build, deployment, GitHub Actions, everything. And then we'll have a quick intro lab about Playwright as well, which is somehow, I would say, based on JST, JS, the testing library, you know. But there are some extensions, so we are going to talk about that shortly. So, without further ado, let's start, OK? So, yes, I have my VS Code open here. Let me show you the first lab, and I'm gonna share that on the IAM window so you can have a look as well, OK? But I'll give you time to complete the tasks, so if you don't mind, let's try to follow the activities here first, OK?
This is the tutorial about Azure Static Web Apps. Actually, a blog post. I summarized all the steps, you know, so you don't have to go through all the extensive documentation that we have. The first thing here, we have some prereqs, OK? So, I'm going to give you perhaps 15 minutes or so to install all the tools, but you don't have to do that now because I have them installed here for you. So, I can just walk you through the steps and everything, but you'll have, I would say, plenty of time to address the prereqs as well, OK? We'll need GitHub account, we'll need an extension for Visual Studio Code that's specific to Azure SWA, an Azure account and you can, in case you don't have one, you can create a free account with us, OK? Visual Studio Code, OK, that's the IDE, at least the one that I'm going to use here today, but of course you can use your preferred one. It's easy to adapt it. There is nothing specific to the VS Code here apart from the extension. Also, Git, of course, OK? So, the first step here is to create a Git repo, OK? So, we can actually host the sample code. Actually, the code here, there's nothing elaborated here, just a simple web page and a CSS file, OK, but you can then visit this URL here and provide a name for your project, and I have mine created here somewhere. Let me show you. OK, let me close this, this, this, and this. I think it is here. Sorry. OK, so this is the REPL, OK, actually the GitHub Action, but you can see the REPL here. It is a simple one, OK, with a source folder and a couple of files, as I said. OK. Let's go back. After that, of course, you create a REPL, OK, for the SWA application. We'll have the REPL created, as you can see. OK. As I said, not, I would say, a full-fledged project, you know, so just a simple example, because the focus here, of course, I advocate for Azure, so I want to show you how easy it is to create a static web app and apply that to Azure, you know, with a few steps and also have a CI, CD, you know, GitHub Actions and everything else as part of that. OK. We have to clone the REPL, of course, locally. OK, so remember to replace your GitHub account name here. OK, and I have mine here. OK, so I started CMD, and then I would say navigate to the right directory, and then I can clone the REPL story. I have it here open for you, and you can see the same source code here with the pop-up files, right? Hello, you have stopped sharing your screen. Oh, sorry.
Comments