1
00:00:01,740 --> 00:00:08,370
In this lecture, we're going to learn about components they're a central core feature in the angular

2
00:00:08,370 --> 00:00:09,090
framework.

3
00:00:09,360 --> 00:00:14,820
I'm 100 percent positive you will be working with components the most in an angular app.

4
00:00:15,420 --> 00:00:16,680
So let's jump into it.

5
00:00:16,920 --> 00:00:20,430
We can think of components as custom HTML tags.

6
00:00:20,880 --> 00:00:22,890
The browser has dozens of tags.

7
00:00:23,190 --> 00:00:25,500
Some of them are basic for rendering text.

8
00:00:25,740 --> 00:00:30,780
For example, paragraph div and span tags will render basic text.

9
00:00:31,500 --> 00:00:34,200
There are other tags with complex behavior.

10
00:00:34,440 --> 00:00:38,220
The form button and input tags are some examples.

11
00:00:38,520 --> 00:00:42,660
We have a wide range of tags available in some cases.

12
00:00:42,780 --> 00:00:45,330
We will need to teach the browser new tags.

13
00:00:45,630 --> 00:00:51,390
We may want to create a tag for displaying products, users, models, et cetera.

14
00:00:51,720 --> 00:00:55,170
If we teach the browser new tags, we can reuse them.

15
00:00:55,770 --> 00:00:57,690
That's where components come into play.

16
00:00:58,050 --> 00:01:02,250
Angular makes it extremely easy to teach new tags to the browser.

17
00:01:02,520 --> 00:01:06,690
We have complete control over the behavior of the components we create.

18
00:01:07,050 --> 00:01:11,520
This behavior can range from rendering text to authenticating users.

19
00:01:11,790 --> 00:01:14,100
We can even render other components.

20
00:01:16,400 --> 00:01:20,720
Angular will supply us with a custom component in the default project.

21
00:01:21,050 --> 00:01:27,890
We can find a file called AMP component ducts under the source slash app directory.

22
00:01:30,480 --> 00:01:34,920
The file name for a component has the component ducts extension.

23
00:01:35,280 --> 00:01:38,310
It's not a required name, but common practice.

24
00:01:38,610 --> 00:01:41,280
We will follow this practice throughout the course.

25
00:01:41,610 --> 00:01:45,450
It helps developers identify this file as a component.

26
00:01:46,020 --> 00:01:47,910
Let's do what we did last time.

27
00:01:48,180 --> 00:01:51,060
We're going to remove everything from this file.

28
00:01:53,650 --> 00:01:57,940
We will begin the process of recreating this file in the next lecture.