Just One More Change A Developer's Story for Pushing Angular to the Cloud | John Papa | ng-conf 2022

John Papa shares his journey pushing an Angular app to the cloud, leveraging Azure static web apps, GitHub.dev, and GitHub Copilot to simplify the process, highlighting the benefits of pair programming and machine learning-powered coding assistance.

Key takeaways
  • The speaker, John Papa, demonstrates how to push an Angular app to the cloud using Azure static web apps and GitHub.

  • He starts by creating a code space, a lightweight version of VS code in the browser, and makes a change to the app.

  • He then pairs with GitHub Copilot to write the code for the change, and commits and pushes the change to GitHub.

  • Next, he creates a new branch and updates the app with a second change, sorting the products in alphabetical order.

  • He then merges the changes and deploys the app to Azure, where it runs live in the cloud.

  • The speaker emphasizes the benefits of using GitHub.dev, a browser-based version of VS code, and GitHub Copilot, a machine learning-powered coding assistant.

  • He also highlights the ease of use of Azure static web apps, which allows him to deploy his app without worrying about infrastructure or scaling.

  • He shows how to run the app locally, debug it, and deploy it to Azure, all from within VS code in the browser.

  • Accepting one more change is a common scenario, and the speaker demonstrates how to do this using GitHub Copilot.

  • He also shows how to set up a code space, a container in the cloud, and how to toggle the terminal to build and run the app.

  • The speaker uses a shopping app as an example, sorting products by name and quantity, and deploying the changes to the cloud.

  • He mentions the benefits of using GitHub Copilot, such as syntax highlighting, code completion, and debugging tools.

  • He also emphasizes the importance of testing and debugging, and shows how to do this using VS code in the browser.