Skip to content
hands-on lab

Creating an Angular Web Application

Difficulty: Beginner
Duration: Up to 1 hour
Students: 242
Rating: 4.2/5
Start lab
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.

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

Covered topics

Development
Javascript

Lab steps

Creating a New Angular Project
Listing and Mocking Recipes

Lab Rules