Lab
A Cloud Guru

Building and Deploying an Angular App

We have been tasked with creating a new serverless Angular application that will be used by our team. Our job is to create a simple Angular application using the Angular CLI and deploy it to S3. This simple Angular application will be the starting point for more advanced features in the future. To initialize the Angular application, we will create some simple components, build a simple navigation element, and ensure multiple pages and routing are working. Finally, we will need to deploy our Angular application to S3 where it can be accessed by our team and other users. At the end of this lab we will have a live Angular application deployed to the Internet.

Try for free Contact sales

Path Info

Level

Beginner

Duration

1h 0m

Published

Aug 28, 2020

Challenge

Install the Angular CLI

Using the built-in terminal in Cloud9, install the latest Angular CLI.
Challenge

Create a New Angular Application

Using the built-in terminal and the Angular CLI, generate a new Angular application.
Challenge

Create an Angular Component

Using the built-in terminal and the Angular CLI, genereate a new Angular component that is part of the root AppModule.
Challenge

Add Component Routing

Modify the AppRouterModule to include routing to the newly-created Angular components.
Challenge

Deploy an Angular Application

Using the terminal and the Anuglar CLI, deploy the Angular CLI to the provided Amazon S3 bucket.

Author

A Cloud Guru

The Cloud Content team comprises subject matter experts hyper focused on services offered by the leading cloud vendors (AWS, GCP, and Azure), as well as cloud-related technologies such as Linux and DevOps. The team is thrilled to share their knowledge to help you build modern tech solutions from the ground up, secure and optimize your environments, and so much more!

What's a lab?

Hands-on Labs are real environments created by industry experts to help you learn. These environments help you gain knowledge and experience, practice without compromising your system, test without risk, destroy without fear, and let you learn from your mistakes. Hands-on Labs: practice your skills before delivering in the real world.