GitHub and Azure: Better Together!

E good morning great noon we will start in 1 minute feel free to share on chat where you are joining us from uh the world okay so it seems that we are on time and again welcome uh great morning afternoon noon from wherever you are joining us around the world Welcome to our first webinar in the Gen for software de developer the second Wave my name is AD I'm the digital and app Innovation Azure GTM coming from Southeast Europe and together with me Morad to the emia regional reactor pm and we are going to be

your host for today and with us amazing lineup of speakers that probably your faces are quite uh familiar to you from ignite from Universe from multiple conferences around the world we have Loren principal Cloud Advocate from Microsoft and April senior developer Advocate from gab and To be honest uh whenever I hear those two I can never get enough so before before we going to start uh we would like to share with you just a few logistical notes today's session will last 1 hour and 15 minutes during the entire event you can type your questions in

the Q&A chat our moderators and speakers will do their best to answer most of them the questions that you have and if you don't want your name to be visible in the Public chat so you can have the option to type your questions anonymously today's event will be recorded uh and you will receive the recording along with the presentation deck and some additional resources if you would like that uh just to make sure that you registered through our official registration page in case you didn't feel free to uh scan this QR code or to go

to the chat link of the registration page and in the next 303 minutes please Register again to this event to make sure that you are all set up and you're going to get the the assets and the resources at the end of the session our moderators um will post a survey Link in the Q&A chat we kindly ask you to spend a moment to fill in this survey and to share with us your feedback regarding today's event and also please share what uh if you have some additional sessions in mind or uh um topics that

you would like us to Cover do that let us know what interest you last but not not least in the housekeeping contest in today's session we will run an amazing contest during uh the session and you can win an online voucher offered by gab so how the contest going to work at the end of the session we will post a question related to the topic presented during the webinar and the first person who will answer correctly will be uh will be declared as the the winner for Transparency we will post the Winner's name on the

public chat so if you don't want your name to be visible again to others you can also enter anonymously our team will contact contact you through the private message to validate you um and to give you the voucher and instruction how to use it in case uh the initial winner cannot be contacted or doesn't meet the criteria we will contact the next person on our records we wish you good luck in This competition and may the best and fastest win so this webinar marks the beginning of the Gen for software developer series a sequence of

sessions designed to elevate your AI development skills progressively so make sure that you are part of each one of them because on every session uh they're building up the upon the last ones unlocking new level of expertise you can register to the upcoming webinars on the main website we will Share that on the chat but what you can expect so you can expect to have a sessions about how to take gener application from production from prototype to production how to manage AI infra uh covering um uh scale up covering finops uh and additional topics and

lastly we're going to speak also about the security in the age of AI how to secure your uh generative AI apps and if you like this session and I'm sure you will check out also our Microsoft reactor Microsoft reactor um is is our community hubs for developers and startups to meet learn learn and connect we have physical hubs in different locations worldwide but we also offer programming online where you can join anytime from your home you can scan this this QR code and we will also share on the chat the the link to see amazing

sessions about GitHub about security data uh developing uh different program programming language so check it Out and this is my great pleasure to give the stage to April from gab hello everyone and welcome thank you so much for joining us I see a lot of you across of Mia joining us today I'm joining you from the UK and my esteemed colleague laurant is joining from Switzerland so we love having you here so we do welcome questions we're going to do our best to answer them in chat uh but we will try to answer them during

The session if at all possible so let's go ahead and get started lur you ready I am all all right so hopefully everyone knows who theant is if you don't you can check them out on LinkedIn we've put our LinkedIn tags there we also can be followed on Twitter and again we love questions reach us out to us after the event as well um so we're bringing GitHub and Microsoft together in this session so let's talk about why GitHub And how GitHub and Azure are better together so GitHub right it's the developer platform it's been

around for a long time and it's an end to- end platform this isn't the original platform that you knew back in 2008 that was literally just code and Source control so we have brought together some of the best industry development tools with AI backing it and we've put security at every step of the way now I mentioned GitHub what isn't the original GitHub that you may know and love uh when GitHub started in 2008 it was just Source control and for any of you out there that were around in 2008 writing code and pushing your

code to GitHub you remember it was literally a source code repository so how does it all come together as GitHub as a platform to today well we have various components first off let's talk about collaboration as a developer talking and communicating is hard I live in the UK and I always Tell people I speak two languages I speak British English and American English and lant my colleague speaks French German English and probably a few others because he's so well spoken however in that collaboration piece we use different versions of English our life experiences play into

that how we interact our like you know how long have we been in the industry for what what we're all bringing to the table so with that we have brought in some Tooling to help with the collaboration piece whether that's things like your poll requests inner sourcing Technologies and products we have discussions we have searchability projects and issues all built into the GitHub platform then when it comes to productivity we have things like GitHub co-pilot which I'm sure you've all heard of and we're going to talk about some of that later but we have things

like cicd continuous integration continuous Delivery with GitHub actions GitHub code spaces and even the ability to use GitHub on your mobile device but underpinning all of this is secur security security is the Forefront at every single thing we deliver we're going to touch a little bit on security today uh but we're also going to talk about some of the other access controls that are at place but most importantly we need to talk about scalability because the reality is at Microsoft Where lant is working there are many many thousands of developers and you might work for

a large organization that is trying to embrace uh the cloud whether it's Azure GitHub or maybe another cloud provider or you could be a small startup that is learning to grow and then you need to think about your scalability long term so that pretty much covers off GitHub as a platform yes and sorry I missed the queue here um so Azure right so just Like um April was talking about GitHub and how it grew and how it's so much better I remember the days where I was you know using basically a shared folder as Source

control and then we would do zip files from time to time for backup right GitHub is you know really making my life way easier now because you have all those you know commits and the history is always saved and you have those branches for security and similarly I think Azure is really where You can find a great platform to deploy your IDs and to deploy your application and and to try new things I love to uh have an ID in the morning and immediately be able without having to go and purchase a server and uh

you know having to to place purchase order and then wait until the server is here and then notice that okay maybe I don't don't have enough RAM so I have to order my Ram and then I have to upgrade Etc just so that I can run my application Here I can just go to Azure create a new for example a new app service a new function application or a new static web app like we will do in My Demo uh and then basically publish it and try it out and this is really a great place

to do the workflow um GitHub is helping us there tremendously by offering a lot of Automation and again uh automation like my good old friend able Wong was saying right you you don't want to have to worry about the deployment step so what You do is that beforehand you prepare everything you do your pipeline we will create some GitHub actions in the demo later and then every time that you commit to Main and you are like okay this is going to production now this is going to be automatically deployed you can always revert back very

easily as well which is super important because if you publish something and then suddenly you notice you missed a bug you want to be able to fall back to the previous Version so all that is streamlined and of course automation yes but also security you know that we are constantly under attack uh you may have read that security is the number one concern at Microsoft right now and of course this is true for aure this is true for geub uh and by offering the latest and greatest improvements in terms of security we make sure that

everybody is protected so we offer an endtoend developer experience uh first of all in Terms of idees in integrated development environment um you can use what you like personally I'm a I'm a visual studio person I like the you know big and and and huge very powerful but also extremely fast to start they made so many improvements in terms of performance that is really amazing uh everything is integrated I just do file new project and then I can run my application but some people prefer to go with Visual Studio code and in fact I Use

code as well and we'll see in my demo how I use it um code is great for uh because it's lightweight it's easy to extend with additional extension that you can get on the marketplace uh most of the extensions are for free by the way and uh then you can connect to Azure you can do a lot of things you can manage your Source control directly from Visual Studio code as well and finally there is also Cod space and code Space is really pretty amazing because it Allows you every time that you have a repo

you can just you know press dot or if you're not sure you just change the do com inev and then that's going to open a full-blown development environment inside your web browser uh codespace also allows us for example to publish demos where we have everything uh instantiated for you we go and create some uh some virtual machines on Azure and everything so essentially the possibilities with gold space are really Endless on the pipeline and automation side we have of course GitHub GitHub actions Etc but we also have Azure devops which is still supported we have

bicep here which is going to allow you to automate your deployment this is really super powerful we have the Azure CLI the command line interface which also allows you to write scripts and run those scripts automatically all that going of course to the cloud platform Azure languages developers I think it's Well known that Microsoft is a developer developer developer platform right I'm not going to do the dance but basically we support pretty much everything you know python of course super um super popular these days JavaScript obviously net Java go and many more okay and all

this on top of GitHub co-pilot GitHub co-pilot is going to help us to automate a lot of steps um and to take advantage of generative AI to write code I'm using co-pilot you know because sometimes I Don't remember things to understand code that I wrote two weeks ago because I tend to forget why did I write this code I'm sure it happens to everyone or maybe just to me I'm a little bit little bit worried right now um and of course copilot is also going to help me to learn new Concepts I've been doing C

and.net for 20 plus years now but you know C is constantly involving and sometimes co-pilot is proposing to me a new construct a new way to write things Which I didn't know you could do so this is super powerful so we're going to talk a little bit about the devops life cycle right we want to learn to plan to build our code to build it test it and then have that continuous deployment and then also that operational piece and then we Monitor and observe so we think about the devops process the devops life cycle we

need to look at where this tooling fits in so Lon and I are going to take in a little Bit of a journey we're going to talk about how we write code how we build our code how we deploy it and then how we operate it we're not going to cover off every part of the deployment uh the the devop cycle per se but we're pretty much going to cover off from beginning the initiation of an idea how you then deliver that with GitHub into Azure so first off we're going to talk about code and

I'm going to allow my colleague ver laurant to talk about the visual studio Family because it's his love and yeah I mean Visual Studio is you know the most powerful developer environment you can have right now I think uh and and definitely there are tons of development environments you can use um we we have competition in the net uh you know net area which is great I mean definitely we love competition it helps us you know being better um but I think that the the Microsoft Visual Studio is really the the most powerful you can

Have right now Visual Studio code like I mentioned the big strength of code is it is multiplatform you can run it on Mac on Windows on Linux as well uh and uh all this is of course extensible so you have tons of extension that you can use and add um the integration with GitHub is seamless meaning that both IND visual studio and in Visual Studio code you can connect to your repositories you can commit and push and pull directly from there uh in Visual Studio code I will Show you some extension which allow you to

manage your pool request to manage manage the GitHub actions for example uh and also of course the built-in intelligence you know that generative AI has exploded so much in the past couple of years it's crazy to think how how fast it went since we barely started talking about generative Ai and now GitHub co-pilot is fully integrated both in visual studio and in Visual Studio code you can interact with it just by Typing a comment and asking essentially uh GitHub co-pilot to write the code or to propose some code for you but you can also do

things for example explain to me what this code does or how can I optimize this uh method and of course the context in gener T is super important by using GitHub copilot in Visual Studio or in code you give uh to co-pilot for this particular session and in a very private manner access to your source code files which provides a lot Of context about okay how can I basically use this class use this API etc etc so the I've always heard but it worked on my machine when I'm coding visual studio and visual studio code

so I want you to touch on how we fix that with GitHub code spaces yeah so Cod Space is really cool so the concept behind it is a Dev container and I think that if you hear the word container you maybe are a little bit scared like me I'm not really a container expert but one thing that I love is that the container is a is an absolutely um how should I say that it's an AB absolutely enclosed environment where you have everything you need and essentially what it means is that this container is is

going to provide you the exact same environment than the person who created the container or my colleague who is using the same container so GitHub with code spaces is offering you a way to run Those containers directly in in GitHub and what you can do is basically uh you know go to repo say all right this repo actually uh has a has a Dev container I want to uh start a code space and then use using either directly the web browser or you can also connect to the code space from Visual Studio code then you

can start developing now the huge Advantage is that you're going to have everything installed so let's imagine that you want to do some python for Example I don't have python on my physical machine but mostly it's because I don't need it because if I need to go and collaborate to a um to a code space uh where python has been installed well basically it is there and so I will be able to do everything I need same thing for turn of azure Services also which are which you can then run in your Dev container for

example I just heard recently we have now postgress SQL for example as a Dev container so this is Really super convenient and really the the the fact that you can reproduce the environment without having to worry about what you actually have on your physical machine so this is a great peace of mind so co-pilot um you know we talked about it a few times already I'm not going to repeat myself here but just quickly write a great way to generate code to propose code keep in mind co-pilot is not a compiler what it means Is

that the code that is generated by co-pilot might fail compilation very possible it is basically a Genera AI it's going to propose Things based on probability and then after that up to you to go and accept it validate it test it and run it so your job is not threatened by co-pilot but the job is evolving we are doing a little bit more of validation learning new Concepts learning new things but also I have to go less online To look for documentation because this is directly in my IDE through the the generate evi agent here

so we're going to go ahead and talk about how we build our code and I'm going to go ahead and let laurant talk about get up co-pilot for for Azure now everyone gets a copilot so we're going to try and differentiate some of these names a little bit yes so naming is hard right we know that I think we say that I think the Term is you know the two hardest thing in uh in programming is the multi-threading and and naming stuff like you know you always have to find good names so uh here we

prove that naming is hard so co-pilot you have co-pilot everywhere you have Microsoft 365 co-pilot for example in teams that the agent which is taking notes for you and then telling you all right somebody mentioned your name here Etc we have GitHub co-pilot obviously and then we Have co-pilot for Azure and co-pilot for Azure is is really going to help you in the context of azure so again this is mostly a generate evi but this time in the context of azure and so what it does is for example giving you advices on all right how

can I you know the best way to deploy an application for example to uh to an Azure um static web app or to an AO function Etc uh maybe you can also troubleshoot your applications and ask why is this application running in Production in Azure not working as it should and then we have tons of tools that can help you but GitHub co-pilot is going to advise you on how you can do that and um GitHub co-pilot is for Azure is surface very simply as a as a chat box in um in aure so if

you go to the um to the sorry to the public portal uh and uh if you are part of the preview you will already see that appearing there and then you can ask typing and asking your Questions and while we're talking about building deploying part of the build process should involve security Now security starts the moment your developers clone your code so when laurant talked about your favorite IDE a lot of customers talk to us about security and safety and the first thing I bring up to them is are you allowing your developers to clone

their your code your company's code to their machine now think about when you have a lever in Your organization or you have a lot of contractors come in which we see a lot in Tech right especially in development what happens to the code that's on their machines they've taken that company code with them so that's why we use things like GitHub code spaces and keep a lot of things in a secure environment where we can kind of um control the security protocols around it now on top of that when we build our code we want

to look at ways to secure our code uh there's Some there's some great informatics out there about the cost of pushing vulnerabilities into production uh it's many times I don't have the number off top my head I think it's like 160 times um more costly than doing it in development so we have quite a few things of code scanning uh quite a few tools one of which is code scanning this will scan your code every time a pull request is sent in uh it's integrated to the developer workflow and you can Customize the workflow that

runs every time you push your code this is really critical in making sure that every single pull request gets a code scanning review you could also set it to run on a timer uh maybe you want to write it run it uh twice a day or four times a day depends how often you're pushing to production another great tool we have is secret scanning we've all done this we've all pushed a secret into our code why because we're rushed or we've put it Into a plain text file and so many customers out in the world

have have been called out uh Uber is one of them someone has more than once with Uber left a secret in plain text so we offer up secret scanning so those vulnerabilities can be found before they push production as well uh we also have a secure supply chain security uh mindset and we use things like dependabot so if any of you are consuming open source software which Over 60% of organizations are you need to know how to manage all that open source software you're consuming and that's really hard to do so dependabot scans your your

dependencies and your repositories opens up a p request gives you a suggested fix and also lists the security vulnerability that is in there for you we're not going to dive too much into GitHub Advanced security but if anyone out there watching wants more information we can send it across it's Part of the GitHub Advanced Security package uh so we're going go ahead and talk about deployment um I'm going to let lant cover off this because he's going to be showing us actions in action in a few minutes yeah exactly and so actions are really for

me it's really peace of mind so I'm not an infrastructure person I'm I'm really a developer but I have to say I really embrace the actions uh with with all my heart mostly because it Allows me to to sleep at night really um so actions are going to allow you to deploy your code faster they are going to allow you to deploy to also staging environment much faster uh to test and everything and then after that when you're done you can merge your P request it's going to be integrated into uh into the main uh

much faster but I think probably the best way to show that is to show the demo so I'm going to jump in the demo Straight Ahead um and okay a Few numbers you know lots more um lot more um deployment that you can do as you can see and of course when you work with Azure because this presentation is titled GitHub and Azure better together right you have tons of azure specific actions and Azure specific workflows um which you can use but uh by no means is it limited to Azure you can use that pretty

much everywhere so jumping into the demo um I think I can do that because I'm going to show all that in The demo anyway so I'm going to share my screen and um if I can select the right screen voila all right so here I am into a into a GitHub repository it's a very simple repo and if I go to the actions uh tab you see that I already have one action which is going in this case by the way it's an Azure function action so it's going to deploy an Azure function to Azure

and then you see that I already have a few runs here some of them have Failed right they are red U now the cool thing is that everything is saved so the repr proability and and also the fact that you can always go back and Trace what went wrong is super useful if I go and explore what went wrong here I see that in the restore phase um for the this net project there was an error it says project file does not exist this hints that this is actually pointing to the wrong path later I

just fixed that and then you can see that I have a few Green runs so if I wanted to start from scratch I could go here and say new workflow and that's going to give me already some proposals based on the repo here which has a lot of net is going to propose some net actions uh but I also have some actions for deployment you see that you have deploy to Azure for example continuous integration automation etc etc you can also of course decide to set the workflow yourself and by the way I want to

Underline here that you have the marketplace and in the marketplace you have hundreds of actions that you can find which are developed by the community so if you have a great ID for an action and you have something which works great you can basically abstract it enough that it's useful for everybody and then put it in the marketplace in this case I want to start from scratch so great place to start is the quick start and here we have quick Start for GitHub actions and if you scroll down you have an example so I'm going

to copy this notice that this is yamu yamu means yet another markup language it's a markup language which people hate to love or love to hate I'm not sure exactly which one um but it is very useful in this uh Con in this context and in the context of deployment in general every time you want to have some structured actions so we see that we have the name and then we have the Run name and you see that you have some parameters with those curly brackets GitHub do actor this is going to take my name

because I'm looked into GitHub at this moment so it's going to show my GitHub username and show that as a parameter uh then we have the own keyword which is a trigger so it's going to be on push and really on any push because you don't have a branch so it's going to apply to any branch to the to the repo here and then you have your Jobs and the first job named explore GitHub actions in fact that the only job in this simple action it's going to run on Ubuntu with different steps and the

first step is going to Echo basically Echo is console. Right line if you want um and it's going to say okay the job was automatically triggered by a and then the event name and so you see that you can always use those parameters you have different things that you can use you have environment variables you have Uh you can even accept access Secrets using this parameter syntax and I'll show you that in a second you can use Bash Syntax for example LS GitHub workspace on 9177 there and run this so if I want to run

this I need to push this is what's going to trigger that and to do that I'm going to commit this to um my main branch directly and since I am already in GitHub it's going to do a push automatically for me so if I go to actions here you see that the action is Running now if I click here to dive into it I can open that and you see that it is going on you see that the few are successful it found indeed um it found indeed the push event it found that this is

a Linux server on GitHub it found the name of the repo Etc it was even able to do an LS you see that in my repo I have the readme and I have a SRC which is actually a folder but for Linux folders are like files except with special attributes uh and Everything run fine so this is super simple but it allows you to get familiar with that now let's look at a more complex action so here I have another action which is way more complex it is actually an action that I use to deploy

to a static web app and we'll see later how we can create that so here you have the on and notice that you have the push but you also have on 911 the pull request so this is two triggers which are going to act to start this action I Also specified on which branch it's going to run in this case the main branch on line six and then after that I have the pass and if you have multiple folders multiple projects in your repo it can be good to say on which um on which path

it's going to act so every time that something is modified in one of those folder the action is going to trigger this avoid that you trigger the action on stuff that doesn't need to be deployed um here later on line 20 you Have workflow dispatch I'm going to show you in the second what it means but notice also on line 24 you have if GitHub do even name equals push so this is a a condition for the job to run so if it's a push or if it's a pull request but only when it's closed

this job is going to run so you see that you can have some relatively complex syntax in your action I did mention the workflow dispatch so let me show you how this works so if I go to the actions here and Uh click on the action which I just showed you where I showed you the code you see that I can here run the workflow and I can run the workflow here from a specific Branch um I could run this particular workflow manually from any branch so it's quite quite convenient to do that so let's

start from scratch and I want to use Visual Studio code to do that and show you how you can use that as an integrated you know pane of glass um to manage everything so I'm going to Go and open a folder in fact this folder doesn't exist yet so I'm going to create it let's put it simply here on my desktop I'm going to call that demo and now I am in the context of the folder and it's empty so I'm going to create a new file and I'm going to take a text file actually

sorry I'm going to do this from here it's a little bit easier so I'm just going to type here index.html this is an empty file u i you Know it's kind of taring to always have to type HTML and then closing the tag and then the head and the body so I'm simply going to ask co-pilot here to do that for me so create a b oops basic HTML file all right uh it is going to propose some HTML I review that it looks good to me so I can accept all right and by the

way I can run this here directly from Visual Studio code using live server so this allows me to test my application you see that everything's Working fine in Local Host good so now I would like to deploy this but before I deploy I probably want to commit that so the cool thing is that you can do all this from Visual Studio code directly I'm going to go to the source control initialize the repo and then I'm going to type the most famous commit message of all time first commit going to commit that and I commit

that to the main branch you see here at the bottom it says main so this branch is New in this repo so I'm going to publish it but because it is the first time that I'm publishing and because I am logged into uh GitHub here I'm logged into Microsoft but also into GitHub it's going to propose to me to publish to GitHub and I'm going to publish that to a private repository so I'm going to say yes let's do that few things are happening down there and now it is published if I open on GitHub

you see that my code is up there I just have This HTML file good so now how do I send this to Azure well what I want to use here is an Azure static web app because it's probably my favorite service on AIA right now so let's go and create this so I'm going to type static web app is the first choice and by the way you could totally do that from Visual Studio code as well using the terminal and a CLI the command line interface but personally I'm more of a visual person I like

to do This in the portal all right going to create a new Resource Group this is just a grouping of all the resources I'm going to use here I'm going to type the name here it is validated you have multiple tiers that you can use the free tier is great for your hobby personal projects your family website your Association as long as it's not monetized but even the standard tier is actually pretty cheap it's around nine bucks per month so if you compare this With a classic web server where you have really a server static

web are are a lot cheaper to run and then as you can see we are promoting here the usage of GitHub Azure devops or other source control but basically we are promoting cicd as a first class citizen here so it is connected to my GitHub account I'm going to select here the organization which is essentially right now it's my private repo and then I'm going to select which repo I want to deploy from And the branch which is the main branch here it says okay proposes some custom presets but actually you have quite a lot

of presets which are available angular Blazer nextjs react spel view etc etc also static side generator gby Hugo and more so I'm going to select HT ML and here I don't need to change anything because my index. HTML is already at the root of my folder and if I preview the workflow file you see this is again a static web app GitHub Action which is going to be directly put into my repo with a corresponding secret so let's see if this works um okay validation work so I'm going to create that it's just going to

take a few seconds so if you remember when I showed you the repo I told you it was completely empty now the Azure portal or basically Azure is going to impersonate me because I am logged in and then it's going to go into my repo and it's going to save the action as well as a Necessary secret into the repo so if I go to the resource this is the static web app that was created I can open it notice that okay it works but there is nothing into it but then if I go back

to my repository then you will see that if you go and that's the wrong repo um if I go back let's go back to um simply to uh Visual Studio code here because from Visual Studio code actually I can monitor any everything so if I go to my GitHub actions you see that this action Is running right now I can go and expand and then I can see what's going on it's going to take a few seconds to uh actually deploy this code if I go to the secrets on the repository secret you see that

it did actually create a secret for me by the way this secret if you need to deploy the same action to a different static web app what you would do is very simple you would go back here to the static web app and then you can go to manage deployment token this is the Value that you need to copy and then you can go back here into code and change that like this you can either refresh your token if necessary or you can just deploy to another uh static web app okay now at this point

the static web app is published so let's go and test that this was the empty one if I refresh now you see that it is working now let me show you very quickly and that's the end of the demo how I can make a change and if you remember the static web app GitHub Action that we saw before there was also something to do with pull requests right so I'm going to add a file here and I'm going to call this styles. CSS and I actually prepared the snippet so I'm just going to go and

copy that off screen here we go I could ask actually a co-pilot to do that for me but now I have my CSS and then I'm just going to integrate that into my HTML I could again do that with co-pilot but it's pretty simple so now this is working so this is my change now you probably don't want to deploy that directly to production that would be a bad idea maybe I want to do an AB test with my new design or maybe I just want to ask somebody to test that so what I can

do is go and create a new brand so I'm going to call that styling and when the new branch is created now I can go and commit my Changes to the new Branch all right so let's commit again it detects that this branch has never been published before so I'm going to publish it and then it's automatically going to propose to me to create a PO request and when I create the PO request directly here in Visual Studio code it's not only going to create the PO request in GitHub but it's also going to trigger

the action again to deploy and the beauty here of static web app is that it's going to deploy to A staging environment where you can try things out without any risks you can totally manage here the whole pull request from Visual Studio code or from the website if you prefer I could add a reviewer I probably want to add April here to review my change and when the action is finished to run you see that it's running right now if I go back back to my environment and if I go under environments down there you

see that it created a staging environment called Styling and right now it is still uploading as soon as it is done which should take really not more than just a few seconds I'm going to be able to run this in a separate window all right now I can open this and you see this is my new page it's a different URL so I can do an AB test if I want and this is the old page which is still there when I'm happy with the change and it's been reviewed I can go back here I

can merge the pool request and what it's going to Do is that it's going to actually deploy uh to production and it's going to delete the staging so that was my demo I hope that you see how easy it is to deploy to Azure using GitHub actions you can do all these directly from Visual Studio code using the single pan of glass back to you April thank you thank you let's see if I can remember how to share a screen to today I think there's a button called share screen somewhere you know you Think I'd

know this by now all right so for everyone watching uh laurant and I love demos and so we kind of skipped over some of the content but you can find actions for Azure into any Cloud platform literally any code any platform um I want to talk about uh a little bit of security and private networking it's a new feature we released at GitHub you can connect a GitHub hosted Runner to a private Azure v-net um I've put the walk through uh link below there's a Youtube Video um there's not a Blog about it but we

have a ton of documentation you can also connect from GitHub hosted Runners into your own data center because most of you are probably still running running on Prem or into any other cloud provider any kind of SAS platform as well um so take a look at that that's one that's been asked by tons of people around the globe we've finally gotten that out um and that's been pretty cool there's a lot of other things we can do With it it's securing your supply chain from end to end but also gives you outbound Network control and

a whole Suite of monitoring that you can pull in and auditing which is really critical for everyone out there um if any of you out there are using Azure devops or gitlab um we offer and bit bucket um sorry bit bucket and aure devops are the two big ones we do see migrations from gitlab quite a bit we have the GitHub Enterprise importer that will help uh Import a lot of your environments over if you're looking to migrate from another platform I will say this though it will depend as we always say in Tech it

depends to the configuration your previous environment what versioning you're on uh but they the Enterprise importer has improved vastly um also GitHub actions importer this is actually a really cool tool if you're using gitlab Jenkins uh Azure devops the actions importer helps convert uh Everything over and I will say secrets and custom plugins are not supported so you do have to redo your secrets into either GitHub Secrets or if you're using something like Azure KEYT and you're calling that in your Azure devops pipeline your Azure pipeline uh it's a pretty easy conversion if using a

third party tool if you're inherently calling your secrets in your pipelines um just be really conscious of that that doesn't always translate very well but that's Okay you probably don't want your secrets migrating across anyways so we're going to move to how we operate and I'm going to run into a demo now um because we all like a good demo don't we laurant we do we do so I've actually forked lant's um uh repository for everyone out there this is actually private we've done it privately for the event we will make it public after the

event uh lon's uh code is here um it's aure and GitHub better better together We can pull up the link here I will put that in the chat for everyone um I can do that my multitasking is uh less good than it used to be so I want to go ahead and take we've seen a lot of this from the IDE space going into Azure I want to go into how we do this in GitHub uh there's a couple different ways now lant talked about GitHub code spaces quite a bit now think about when you're

getting started in a code repository we go to The code button here we clone our code and that can take some time um and also I need the tools to work on lon's code I don't have a clue what tooling I need because maybe he didn't fill he didn't fill out his read me um so I don't know what tools I need that's so terriable I know I know I I don't think there is even a there everyone does it um oh good I've broken code spaces but normally I go to this tab click code

spaces and open up a um GitHub codes space um I Obviously reached my limmit for the week because I've done something naughty on my side I'll figure that out later um but then I also have the ability to talk to co-pilot here from the code base so I could go to co-pilot here and I say explain this code to me um and I can start it as a task and I can start going right GitHub copil will then open up GitHub copilot workspace um and it's going to analyze my task and I just said to

it you know please analyze My code um so this is another way to get started I'm working from the browser now why do I want to work from the browser I'm sitting on a Windows device I have no idea what type of device lant's working on but I've also got some Macs over here in the corner um so I can switch between my devices and still have a secure place in which to run my code so it's going to take my task of explaining the code straight from the the browser and analyze that task it's

Being super slow this morning which is not what we want it to do let's see by the way April I did open the repo in the code space on my screen so if you want to we can switch to my screen and you can take control which is like super daring let's let's do this another way um okay so we have a couple I've put a couple different tasks in so I want to talk about where we start the devops process we look to start a task and it usually begins with an issue we've been

Assigned something so laurance has actually given me a few different things we could do uh we could modify our action for our our uh codebase uh the GitHub action workflow we can modify it change the trigger we could do some things with it um we can make our web app prettier um very vague thing but let's update the language in our code base I think this is a great use of GitHub co-pilot um so lant is using C code in our codebase and he's also um I Don't know lur have you put any tests into

your codebase I probably should yes well let's add some tests um what what do we want to use xunit yeah why not any test is better as no test so for sure exactly so I'm going to go ahead and save this um I can create sub isues I can create tasks um so this is my issue so how do I get started I want to convert the C to typescript I'm not a Super awesome typescript developer but if I open this into a GitHub co-pilot workspace I've given it those tasks from the issue and it's

going to give us our specification so we're going to test the internet again um I will admittedly say I've had some ISP issues in the last week or so so this will be entertaining um so we'll let it run uh in the meantime Lon do you know any good jokes oh my God the only jokes I know I cannot tell them on the public stream I'm so sorry about that how about I got one for you why do developers always code in dark mode ah I heard that one but I'm not sure because the light

attracts the bugs that is so cool I know and and why do I have to wear glasses because of the 20 years of net I cannot C sharp anymore okay that was pretty good well that's pretty lame oh fantastic well I'm gonna because I'm impatient I'm probably having some Internet issues today because I'm streaming and uh there's a long story how why that's working but I'm actually going to go ahead and talk about GitHub models so I'm going to switch the narrative a little bit we're going to come back to that workspace it will go

green up here with the little co-pilot face when it's done running and we'll switch back um I want to talk about GI custom models um so when we talk about AI it's not just about GitHub co-pilot Giving us code suggestions in the IDE we're doing a lot more with AI in the back end so a lot of times as a developer we might have a front end and a back end uh we're trying to connect to AI models but we have no control over the AI models that we're trying to use so we've just released

GitHub models uh recently and for those of you watching in literally 6 to 7 hours there's a Blog that I may have written on the net blog at Microsoft about the GitHub models and C capability um so what we do is we go into the GitHub models Marketplace that is um that is available I'm going to go ahead and pick a model um this is where we are given a playground so I'm going to pick uh this one why not um so when I go ahead and click get started uh it gives us a walkthr

we need to create a personal access token install some dependencies uh gives us a basic code sample and we can change the rate limits now again we can do this with a GitHub Code space we've made this ability to create code right within the browser um much more easier than having to download the code and all that good stuff the other thing we've done is we've added some languages so it does support python JavaScript C and rest um so we're going to go ahead and put this in C and we can choose the s s

the SDK so the Azure AI inter um inference SDK just come out we also have the open AI one available uh there was a question in the chat earlier About the difference of GitHub C- pilot versus gitlab Duo um GitHub co-pilot is not just in the IDE we do a lot of customization around co-pilot that we've introduce and a lot of AI work around the open AI space and the Azure AI space so this gives us the getting started gives us all the directions of where we want to go um and we can run this

basic code sample the other really cool thing that we do um in this is we give you a playground so the biggest part of Developer in learning code is doing a thing so we have a couple things we can do we can go into the code here and this will connect to the Azure AI um inference uh I'm gonna go ahead and hit hit C again but we also have this chat capability the other cool thing is we can Define the parameters we can put in the system prompt over here we can also talk about

the tokens now the way AI Works to give you the short of the long is when you give it a command it Tokenizes that command each word may be worth one token or several tokens so this limits the tokens for the response so I'm going to go middle of the road we can increase that token size to give us a longer response or decrease the tokens to give us that shorter response the other thing is um the temperature how deterministic how random do you want your response I'm going to go just keep it at zero

um but it can go all the way up to one there's some great knowledge Of how this works but it gives you a really good um opportunity here to look at this um and then text diversity I'm just going to use the top P value which is the most words um if any of you study machine learning in AI there's some really cool stuff you can do and this was not available before so be able to set those parameters um change it Etc so in our prompt here we could prompt um uh we could prompt

our code with this model with whatever we want um you know So I don't know Laur what do you want to ask it we're going with C what do we want to ask it oh let's ask uh for example what is I mean we can literally ask anything right um so how about the best testing framework yeah why not why not for c yeah so that was my point right what I was uh trying to find out is it's not just programming questions it can be also tooling questions and everything and by the way the

53 medium uh model that you're using Here is one of my favorite because it is what we call a small language model um which is really awesome because it can run locally on your machine so the times of having to connect to a you know to to a far away model to ask it to do things and having you know connectivity issues or latency and everything uh soon will be over because those uh models those small language models can be installed directly for example on the new um the new co-pilot plus PCS that we just

Released so this is really awesome and the fact that you can here choose the models that you want to use is extremely useful because some models are just better than others um at some uh at some um some tasks so this is really good that we can do that yeah absolutely and again it's not just programming questions can be around the code um we can go into our code um and look at there I'll Chang everything now but yeah we can go into chat and ask it quite a Few things so yeah and Laur you're

right with the different models um but having the playground is really cool so you can actually sit and work in this playground once you have access to GitHub models and then you can actually import this into your IDE and then push it to production we have some great documentation on this so we give you a free playground play with the different models get the output you want and then look at getting started um and then that You can either put that into a GitHub code space you saw that in the get started or bring that

into your IDE and then push that to production so having the playground for me is one of the biggest things being able to um play with new things get an opportunity to see it is absolutely uh useful for what I'm doing so it looks like we've kind of gener I've broken everything today we're we're doing well um I'm going to refresh this and see if it comes back up um yeah It's very happy right now um so so there are some questions here I can answer while this is running it's probably a me issue because

I always break everything I touch um question someone asked about pricing for GitHub code spaces the other thing about GitHub code spaces is you get free hours per month it's 60 hours but it's also a limited amount I think it's like 15 gigs of storage so once you max out on I'm sorry the 60 hours um you then have to pay so you can either set Boundaries in a repository to prevent people from over billing or um you can allow people to overbill in those Repose um so that is available for you to to look

at but you do get 60 free hours so if you think of it as you know you can also set code spaces to turn off so mine are set to turn off after about five minutes um so that if I get up go get a cup of coffee get distracted walk the dog whatever I'm not billing myself um so yeah so good news I've broken Everything I'd like to I have a video of this working off hand I so maybe just while this is going on I can just switch to my screen I just want

to show the code spacing because this is something that we mentioned and uh it was not quite working um so essentially the the idea here is that when you have your uh your repo here um you can go to code and then uh right now I did start a code space already I'm going to show it to you in a second you see that it is Active but if I didn't have any code space I would have a button saying go he create a code space and the cool thing I'm just going to tap my

camera so that it's sharp again here we go uh and uh this code space is actually here and as you can see it is very similar to what we had before with Visual Studio code because in fact it is Visual Studio code running in your in your web browser pretty much so I can go and edit stuff directly here so here this is the read Me this is markdown so I can start by maybe going and putting um uh my read me putting a title here uh if I press um basically if I if I

save everything is immediately committed and uh this is going to be available directly in the preview as you can see here so this is pretty cool um this is also valid by the way for for um your source code so I can go and edit my cop directly in my web browser here and in fact believe it or not but I've been doing that so I'm I'm You know I have a pretty big phone here uh people ask me how I like it the re the answer is really a really like it because it allows

me to even do some code on my phone which I know you shouldn't do but you know when you're in a bind and you're you know in the middle of nowhere and you just have your your 4G or 3G or whatever and you want to connect and fix a bug for example that can be really useful now the beauty of that is that in addition to everything That I showed you which is by default you can configure your Dev container to have additional things for example to have um some deployment scripts to have python installed

for example to have these kind of things and basically run everything here directly from from your web browser in codespace so this is pretty beautiful here that's what I want you to show back to you April well and Meanwhile I have nothing so I'm going to go ahead and switch back to the deck and then I think we can um potentially just uh look at the contest so I apologize to everyone there's probably an outage somewhere in the world that we could look at um none of my workspaces are up which is not always a

good show of things but the program's still in beta um I just want to quickly review before we do the prizes uh and the contest um I just want to cover off We've talked about a lot with GitHub and AER and I'm really sorry that we couldn't show the end to end with uh GitHub co-pilot workspace I was trying to show the whole devops process where we plan our work write a work modify it and then deploy it and uh mess with lon's code a little bit um but as we talk about GitHub and Azure

we talk about the different IDE the different deployments the different tooling available and the automation security That's there um there are quite a few questions in chat we will try to answer them and then I'll hand it over to Addie now and we will do the uh the the contest perfect so let me share and we have Moria with us go ahead um do you wna do you want to answer the two questions before we continue or uh I guess you're G to do that uh online and we probably get some more questions so by

The end we will open it up for additional questions okay perfect so hi everyone um as a d uh introduced me at the beginning my name is Moria I'm the regional reactor lead um for emia so um without further Ado let's go to the questions and the prices because I know you probably are waiting for it um so I'm going to ask the questions we're going to put it in the chat as well um um yeah so go let's go ahead the question is gup is an Enterprise Platform that includes many products which of the

following are part of GitHub offering um we have four options number one GitHub Advance Security get up co-pilot actions get up test plans issues and projects two get up Advance Security get up co-pilot actions code spaces issues and projects three get up co-pilot only and four get up co-pilot actions issues boards code spaces and get up Advanced security so please take your time answer The questions in the chat um I see some people already uh submitted their answers uh we will quickly go through a few other uh programs and offering we wanted to share with

you and we will uh announce the winers just shortly um so take your time and post post your uh answers in the chat so as I did mentioned the reactor program it's a global program that Microsoft uh uh has the we have 10 locations worldwide uh physical locations but we Also offer programming um online aside from the in-person events um you can you can actually go to the next side I wanted to share with you some of the upcoming events it looks a bit overwhelming but if you go to our website uh we shared the

link before you'll be able to uh see all the upcoming events that we have um that have we have upcoming in this month we have the rug hug uh series we have a series on Microsoft Fabric and AI uh Learning hackathon we have another series on co-pilot uh we have another series on um uh fast track for Azor so there really a lot of other uh many opportunities for you to attend everything of course is online uh a lot of the series and the events that we are uh that we are delivering through the reactor

and actually even uh today you can go to Microsoft learn platform a free platform that Microsoft offer and uh learn more on different uh skills on Different areas that you want to um to learn more about buy yourself um on your own pace uh free and alone so you don't have to always have the uh ask during the the sessions after the session you can actually go to Microsoft learn um and check the technical area that's more mostly relevant for you uh submit a learning path a model um so you can scan the QR code

now and go to Microsoft learn whether you're a developer or you're part of an organization uh we Offer free training and certificates um so I really recommend you to check it out we actually have two dedicated parts of Microsoft learn uh we have the AI Learning Hub which gathers all the opportunities for you to learn on AI um all the learning path that we have just specifically on AI so very relevant for today's session another uh Learning Hub that we have is the um that's yeah that's the AI Learning Hub another one we have is

the co-pilot Learning Hub um It's divided to four sections uh it's pretty straightforward you can uh choose the the area that you really want to focus and you will have all the different opportunities different learning path that you can take uh by yourself step step by step um and complete them online uh the advantage of Microsoft learn is really that we have these sessions and of course it's really helpful uh if when you join this but it's an hour uh or more you can still go Online and submit uh the entire learning path and keep

learning actually whenever you want um if you scan this QR code you can visit the reactor website um we are we have the website we have the on demand uh events that we post on the YouTube channel you can also go to our YouTube channel Microsoft reactor and see all the events there um I think we go back to the another program that we wanted to uh to share today and then we will announce the winners uh so for Those of you who are interesting in uh the founders Hub Pro uh program I want to

talk with you shortly about that Microsoft Founders Hub is actually a program for entrepreneurs that uh offers you um first of all free credits but it offers you uh a lot more than free credit um and a lot of uh opportunities for uh the startups um to join the program and yeah you can scan this QR code and uh check it out online and you see all the Benefits that Founders have offers for entrepreneurs uh so if this is something that's relevant for you I recommend you to uh go online to Founders Hub and um

and learn of the opportunities that you can you can see I see the questions are the answers are keep coming in the chat and it's like a lot um I don't think we have any other questions um so I think it's time to before the questions yes let's announce the winner yes let's announce I want to be the one so we see That David is the winner um okay so congratulations David uh we will be in touch with you uh contact you to um uh we will get in touch with you in the email to

uh uh to deliver the price so congratulation to David and thank you all of for everyone who joined and participated in the um in the in the Contex yes I can I see a lot of people asked what is the the right um the right answer answer let's go back to the question yes The correct answer is number two get up Advance Security security get up copilot actions cot spaces issues and projects so congratulations David and for the rest of you who answer it cor correctly and what we're going to do right now we're going

to um let's look at your questions because we have a few of them that were not answered so it's an opportunity for you to leverage the um 12 minutes that left to answer as much as you can with h while we have the Expert with us so one of the question that I see are not answered is uh these courses can be recorded so we can watch it later too I'm not sure um Robert whether you were you were speaking about the microsof the this series this one is recorded we also have a lot of

courses on the uh you on the reactor YouTube channel a lot of great content to look at um our series again is going to be recorded so make sure that for the next sessions you will be registered to get All of the resources okay let's see feel free to ask any questions for April and laurant while they with us yeah maybe we can just go back and underline a few of the questions we already answered that in the in the chat but just to be complete so somebody was asking about the difference it makes if

I use aure repo so in aure devops right or GitHub I'm assuming it refers to the Static web app demo because from the time it was around that time essentially no difference um you can deploy an a static web app from a um from an aure devops repository as well it's just a different option in in the in the portal um somebody was asking a good question which is can this be done from Visual Studio as well and the answer um is really I use Visual Studio a lot for code like this is my coding

environment this is where I do all my testing this Is where I do um you know the heavy lifting profiling things and like this is really a very powerful environment uh you can also connect to your repository directly in visual studio and then you can go and um and uh commit push uh pull from GitHub and everything from Visual Studio directly um I use Visual Studio code more for everything which is related to cicd uh to uh writing the GitHub actions uh or creating them um you know doing uh some advaned stuff on The repo

like for example handling my PO requests these kind of things uh obviously you can also do net and c and uh you know writing web apps and JavaScript and everything typescript in Visual Studio code as well so it's really up to you to decide what you what you want to use um and um you know since really the center of the action is GitHub there if you use a a third party tool um you know that that's going to work the same as well uh so really Choose your choose your your your your preferred tool

if you want um personally I like to I like to really use Visual Studio I've been using visual studio for 20 plus years now now um and this is really the environment I like uh everything I showed can be done in code most of what I showed can be done in Visual Studio as well uh but I like to have this kind of split environment where I do my cicd my markdown and everything else in Visual Studio code And then I do the the heavy lifting and the code and the the profiler in visual studio

um I don't know April if you wanted to check also one of the the other question that you answer I saw you answered a lot of them uh in the in the chat as well right yes uh I think people are asking about the next session I'll have Addie and team put that in the public chat for everyone um there are some people asking questions about uh GitHub co-pilot and some of the other Tooling um I don't know what we have publicly available like we have quite a bit of content um we have the GitHub

co-pilot trust Center and I apologize I didn't uh mention that or put a link up for that uh but if you Google or Bing the GitHub co-pilot trust Center we have a lot of information about the models we use the security protocols um we don't tend to publicly P excuse me publicly publish the models we use because they change and different elements of GitHub Co-pilot use different models um and they are changing quite a bit um there were questions around uh comparing some of that stuff um I don't think there's any more coming in um

people asked uh for lon's and mine uh LinkedIn profiles I'll go ahead and put that in the chat I'm actually busy doing that right now so oh Leon to come in one second so this is mine and this is yours here we go um and since I had some outages today um GitHub co-pilot workspace is still in Preview uh so is models uh you can sign up for models uh I believe the links are going out after this in an email as well to get on board with it test it uh get access to it

and then with GitHub co-pilot it is available for everyone uh we have different licensing tiers for GitHub copilot I didn't go over that today um because I don't touch money um at all ever but uh everyone can get access to GitHub co-pilot and you can sign up for it um and I don't think There's anym uh there's a question about using the same process in pie charm [Music] um I assume laurant is that for what you've done or is that what I've done I really don't know uh it was posted at 107 so really just

a moment ago so I think what we can say is that um generally speaking uh py charm I'm not even familiar with py charm to be honest so I'm going to Assume this is something to do with python python is uh very much supported by Visual Studio code uh you have an extension for python which is going to do the syntax check and everything uh and uh and and everything we showed which is related to um to GitHub works for python as well so if you want to have some uh you know some deployment actions

for example publishing your code to Azure I'm sure this is possible I'm not going to pretend that I know how to Do that um it is it is available in py charm for the record sorry um I don't know if everything can be done so I'm going to be very transparent saying I don't do a lot with py charm GitHub copout is available a lot of what lant did and a lot of the plugins that we have uh with the pull requests the actions views Etc are available to what extent I don't know we do

have documentation on the GitHub site on it but yes it is supported in pie charm Very good so it's good to know and that list always changes so I just want to make it really clear like AI is a very fast moving world right so between lant and I we don't know all the answers we know very few of them um but yeah there's there's so many changes we're constantly adding features and updates the GitHub documentation is really good again laurance and I post lots of feature updates on our LinkedIn and Twitter quite a bit

um so you know Stay tuned keep your eyeballs open and it is it is absolutely hard to keep up with all of it um yeah I want to underline the GitHub models that you showed it's really for me it's really the best way to learn and I've been using Azure AI Studio which is another one of those workspaces where you can you know select from a model of AI models from a catalog of AI models you can test you can change the system message you can change parameters Etc And this is really for me a

developer coming to AI uh you know a bit late in my career I would say um I I need to keep up with everything and the the fact that I can really go and play with those models at a very very reasonable cost trying things out has been really lifechanging and and really helps me understand the the concept uh we have tons of events coming up also near you you will see some uh some event called uh the AI tour Microsoft AI tour which is going to show a lot of that we have ignite in

November so please register for that this is going to be in Chicago uh we are expecting lots and lots of developers there and then April you have Universe very soon right yes so we have a few events I will be in sollo for the AI tour in a few weeks uh we have GitHub Universe the end of October and if any of you are watching this are going to be at GitHub Universe please come up and Say hello um we also have uh netc in November which fingers crossed I might be making an appearance at

um so quite a few events so B please always do come up reach out to us ask us questions in person throw questions to us after the event in LinkedIn um we're always happy to help or help get you the right answer and I think that's the end the questions in the chat as well oron I believe so I believe we answered everything else pretty much Yes amazing so if we speak up on uh keeping up so this is why we have we created this series for you we have uh I wanted to show you

the upcoming events that we have uh so the next one going to be on September 26 and we're going to speak about scanning and maintaining AI apps um and uh moving forward we have a lot of great sessions about l M slms um AI agents um use cases of how to build some co-pilot um and this is just few of the the sessions that we have we have a Lot of great uh um sessions coming up also coming from gab where we're going to speak about Advanced security um gab uh gab Advanced security and obviously

on the reactor we have every day a lot of great content uh for you so please go ahead and check it out um we will also post the survey in the chat in in the the next two minutes so go ahead uh fit it up we I really want to thank um for today session to luren in April for an amazing session uh we for the Preparation and uh for the the great great content that you brought up today um so thank you so much for the for you for the speakers and the V team

and also I want to thank each one of you that joined us today you took um you took the time to to keep up with the technology to learn to invest in yourself and we are here to support you in your process and your journey so thank you everyone and we really look forward seeing you in the next Session thank you so much bye everyone thank you bye-bye bye e