DEV Community ๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป

Cover image for Get to Know A of MEAN Stack
Farhat Sharif
Farhat Sharif

Posted on

Get to Know A of MEAN Stack

Angular

Angular is a component based web application framework used to build efficient front-end solutions. Angular simplifies the ways of creating single-page client-side applications using HTML and TypeScript (a superset of JavaScript).

Overview

Angular app consists of module(s). Every module represents a particular functionality and organizes related components.

Components are the building blocks of an Angular app. Every component defines an angular view. Components use:

  • HTML templates to define the view part of the component. These templates contain Angular template syntax to alter the views dynamically according to the app logic, state and data.
  • Classes (written in TypeScript) to define componentsโ€™ logic to handle data and functionality.
  • Component-specific styles for the UI design.

Then there are Services, i.e. classes used to define the functionality that is not associated with a view. Services can be injected into components with a mechanism known as dependency injection. Services are shared across components.

The TypeScript code is translated to JavaScript instructions by the frameworkโ€™s compiler at build time. It brings all the efficiency associated with JavaScript to the Angular app.

Benefits

  • Angular supports highly scalable systems.
  • Angular produces high-performance apps.
  • Angular provides the ability to design accessible apps with Angular Material library, for people with visual or motor impairments.

Top comments (0)

Now it's your turn.

ย 
๐Ÿ—’ Share a tutorial
๐Ÿค” Reflect on your coding journey
โ“ Ask a question
ย 
Create an account to join hundreds of thousands of DEV members on their journey.