Getting started with Angular - Study24x7
Social learning Network

Welcome Back

Get a free Account today !

or

Getting started with Angular

Updated on 21 October 2021
study24x7
virender kumar
4 min read 7 views
Updated on 21 October 2021

This tutorial introduces you to the essentials of Angular by walking you through building an e-commerce site with a catalog, shopping cart, and check-out form.

To help you get started right away, this tutorial uses a ready-made application that you can examine and modify interactively on StackBlitz—without having to set up a local work environment. StackBlitz is a browser-based development environment where you can create, save, and share projects using a variety of technologies.


You build Angular applications with components. Components define areas of responsibility in the UI that let you reuse sets of UI functionality.

A component consists of three things:

  1. A component class that handles data and functionality.
  2. An HTML template that determines the UI.
  3. Component-specific styles that define the look and feel.

This guide demonstrates building an application with the following components.

  1. <app-root>—the first component to load and the container for the other components.
  2. <app-top-bar>—the store name and checkout button.
  3. <app-product-list>—the product list.
  4. <app-product-alerts>—a component that contains the application's alerts.



study24x7
Write a comment...