Hello and welcome to Angular training for beginners course. This video (Learn Angular- Angular Components) teaches you about Angular components.
What is A Component?
A component in angular is class of these three things-
- Template
- Class
- Decorator/MetaData
Template defines the user interface. Contains the HTML, directives and data bindings.
Class is like the class defined in any other object oriented programming language. It contains the code required for the
template. It contains properties and methods.
Decorators adds metadata to the class and makes a normal class an Angular component.
Advantages of component based architecture?
Re-usability: It often happens that we need to expose the same functionality in multiple places in the application. If we have a component that does this, we can re-use it in all these places.
Testability: It is easier to unit test a component with well defined APIs than an unstructured application.
Readability: Well encapsulated and specialized components are much easier to understand.
Maintainability: Components are loosely coupled system can be easily replaced with alternative implementations.
Table of component
00:00 Introduction
00:08 What are components in Angular?
00:50 Advantages of component based development?
01:36 How to create a component?
05:13 Template VS template Url?
07:25 What is back tick character?
08:36 What is Template Url?
10:50 Thank you
To Get Regular Content Updates, subscribe my youtube channel-
https://www.youtube.com/c/renurawat?sub_confirmation=1
What is A Component?
A component in angular is class of these three things-
- Template
- Class
- Decorator/MetaData
Template defines the user interface. Contains the HTML, directives and data bindings.
Class is like the class defined in any other object oriented programming language. It contains the code required for the
template. It contains properties and methods.
Decorators adds metadata to the class and makes a normal class an Angular component.
Advantages of component based architecture?
Re-usability: It often happens that we need to expose the same functionality in multiple places in the application. If we have a component that does this, we can re-use it in all these places.
Testability: It is easier to unit test a component with well defined APIs than an unstructured application.
Readability: Well encapsulated and specialized components are much easier to understand.
Maintainability: Components are loosely coupled system can be easily replaced with alternative implementations.
Table of component
00:00 Introduction
00:08 What are components in Angular?
00:50 Advantages of component based development?
01:36 How to create a component?
05:13 Template VS template Url?
07:25 What is back tick character?
08:36 What is Template Url?
10:50 Thank you
To Get Regular Content Updates, subscribe my youtube channel-
https://www.youtube.com/c/renurawat?sub_confirmation=1
Comments
Post a Comment