hands-on lab

Creating an Angular Web Application

Beginner
Up to 1h
233
4.2/5
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

Prerequisites

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

  • JavaScript
  • TypeScript

The following courses can be used to fulfill the prerequisites:

Updates

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

Environment before

Environment after

About the author
Students
67,019
Labs
166
Courses
2
Learning paths
4

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