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.
Learning Objectives
Successfully complete this lab by achieving the following learning objectives:
- Install the Angular CLI
Using the built-in terminal in Cloud9, install the latest Angular CLI.
- Create a New Angular Application
Using the built-in terminal and the Angular CLI, generate a new Angular application.
- 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
.- Add Component Routing
Modify the
AppRouterModule
to include routing to the newly-created Angular components.- Deploy an Angular Application
Using the terminal and the Anuglar CLI, deploy the Angular CLI to the provided Amazon S3 bucket.