hands-on lab

Creating an Angular Web Application

Up to 1h
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.
Lab description

Angular is a front-end framework for creating rich, dynamic web applications. It's component-based, which reduces the need to write boilerplate code and promotes best practices that make code easier to maintain in the future.

Learning how to create web user interfaces using Angular will enable you to create full-featured and responsive applications.

In this lab, you will create a new project using the Angular CLI, run the development web server, and make changes to the application.

Learning Objectives

Upon completion of this beginner-level lab, you will be able to:

  • Create a new Angular application
  • Use the Angular CLI to run the development server
  • Create a new Angular component

Intended Audience

  • Software Engineers
  • Web Developers
  • Full-stack Engineers


Familiarity with the following will be beneficial but is not required:

  • JavaScript
  • TypeScript

The following courses can be used to fulfill the prerequisites:


May 16th, 2023 - Updated version of the angular CLI tool 

Environment before

Environment after

About the author
Learning paths

Andrew is a Labs Developer with previous experience in the Internet Service Provider, Audio Streaming, and CryptoCurrency industries. He has also been a DevOps Engineer and enjoys working with CI/CD and Kubernetes.

He holds multiple AWS certifications including Solutions Architect Associate and Professional.

Covered topics
Lab steps
Creating a New Angular Project
Listing and Mocking Recipes