1
00:00:00,920 --> 00:00:07,820
Hello, my friends, welcome to a brand new lesson, the last time we created our first project, but

2
00:00:07,850 --> 00:00:10,300
we didn't really talk about any detail.

3
00:00:10,970 --> 00:00:12,400
So let's get into it.

4
00:00:12,410 --> 00:00:15,260
We'll talk about the angular project structure.

5
00:00:16,800 --> 00:00:22,920
And if you look at the code, Ed will see the modules that were created when we built our first project.

6
00:00:24,640 --> 00:00:28,770
So these are all the files and folders that anger Seelie created for us.

7
00:00:29,740 --> 00:00:39,760
When we created that first project by default, so it can seem a little daunting at first glance, but

8
00:00:39,760 --> 00:00:46,000
most of these are used for configuration and we don't really need to even, you know, worry about it.

9
00:00:46,010 --> 00:00:47,680
We don't make any changes here.

10
00:00:48,580 --> 00:00:51,460
I just want to show you these because.

11
00:00:51,460 --> 00:00:51,820
Well.

12
00:00:52,720 --> 00:00:58,960
Here they are, we'll talk about and learn some of the details throughout the entire course, but right

13
00:00:58,960 --> 00:01:05,010
now we're just going to talk about what is necessary for us, OK?

14
00:01:07,400 --> 00:01:12,710
So now we see the end to end test or Itogi folder, and that is first.

15
00:01:13,720 --> 00:01:20,980
Unit tests and other tests, configuration section, so it's not going to make any changes in this section

16
00:01:20,980 --> 00:01:22,440
for now so we can ignore it.

17
00:01:23,480 --> 00:01:27,440
Yes, our C folder with our codes now, this is important.

18
00:01:32,010 --> 00:01:35,760
So when we open the package that Jason file under this folder.

19
00:01:38,740 --> 00:01:41,560
We see that all the dependencies over project are here.

20
00:01:43,480 --> 00:01:49,300
And these dependencies are third party packages required for the correct operation of our project.

21
00:01:51,060 --> 00:01:58,260
And it's also the place where all the dependencies in the package that Jason file are loaded and node

22
00:01:58,440 --> 00:01:59,340
modules.

23
00:02:00,230 --> 00:02:06,560
Now, here, have a look at something else, because also in this folder, there are all the packages

24
00:02:06,560 --> 00:02:08,210
that we installed with Noad.

25
00:02:11,540 --> 00:02:14,510
All the source codes that will be important to us.

26
00:02:15,860 --> 00:02:24,980
Are in this SIRC or source, all of the apps, component services or e-mail files will use while developing

27
00:02:24,980 --> 00:02:27,340
projects are all in this folder.

28
00:02:28,520 --> 00:02:31,640
Also under this folder will see the app folder.

29
00:02:32,690 --> 00:02:37,070
So, in fact, this folder contains an app module and component.

30
00:02:40,840 --> 00:02:47,650
Now, angular applications have a modular structure and we can develop our applications with components

31
00:02:47,650 --> 00:02:48,550
under modules.

32
00:02:49,730 --> 00:02:56,710
So since the applications are developed modularly, it's easier to intervene as we develop our projects,

33
00:02:56,720 --> 00:03:02,040
we don't have any difficulties even if we want to make changes in the early stages.

34
00:03:02,780 --> 00:03:10,310
So app modules actually consist of structures such as core module for module and browser module.

35
00:03:11,300 --> 00:03:17,960
And we can create some components under it as well, for example, the NAV bar, a component app component

36
00:03:17,960 --> 00:03:19,550
or course component.

37
00:03:21,040 --> 00:03:23,920
And since there are different components in the app module.

38
00:03:24,910 --> 00:03:30,160
It's necessary to know which component will be run first when the application is running.

39
00:03:33,810 --> 00:03:36,900
So we can specify this in the index e-mail file.

40
00:03:37,760 --> 00:03:45,470
For example, we call the app component on the index page, and since this component is related to others,

41
00:03:45,900 --> 00:03:49,460
the other components are also operated sequentially.

42
00:03:50,950 --> 00:03:55,090
So we can call the other components that will run in the app component.

43
00:03:56,930 --> 00:03:58,930
So you know what, let's go through the codes a little bit.

44
00:04:00,050 --> 00:04:01,430
We talked about the Amadeu.

45
00:04:02,530 --> 00:04:07,450
And we can see this module with the extension, T.S..

46
00:04:09,230 --> 00:04:11,360
So it's written in, typescript.

47
00:04:12,710 --> 00:04:17,800
In fact, these files are run by converting JavaScript.

48
00:04:18,710 --> 00:04:25,820
We'll talk about that a little bit later and much more detail, so you don't really have to think about

49
00:04:25,820 --> 00:04:26,390
it for now.

50
00:04:27,380 --> 00:04:29,910
But we'll open this now.

51
00:04:29,930 --> 00:04:35,150
Look at this so we can see the browser module and the core module that we mentioned.

52
00:04:36,550 --> 00:04:44,260
And we can define the modules that we will use from outside within the imports.

53
00:04:46,110 --> 00:04:50,540
So if we use a different module, we'd have to define it here as well.

54
00:04:50,550 --> 00:04:56,460
For example, if we use a four module, we can define it and import it.

55
00:04:58,470 --> 00:05:01,620
And here we see a map component and bootstrap.

56
00:05:02,880 --> 00:05:08,490
So in other words, we define the component that will be called first when the application runs.

57
00:05:10,040 --> 00:05:14,630
And when we look at them all here, all of them are already AB components.

58
00:05:15,660 --> 00:05:19,530
And we see the JavaScript file, HTML file and access file.

59
00:05:21,400 --> 00:05:24,880
So as you can see, the module contains components within it.

60
00:05:26,980 --> 00:05:33,490
So I think it's pretty safe to say that the most important folder for us is SIRC.

61
00:05:35,880 --> 00:05:38,250
And we had a look at the structure.

62
00:05:40,410 --> 00:05:47,310
All right, so that's it for this lesson, we briefly talked about the angular folder structure, it

63
00:05:47,640 --> 00:05:53,130
might seem a little packed and a little daunting at first glance, but we're going to get into it in

64
00:05:53,130 --> 00:05:54,450
later lesson.

65
00:05:54,470 --> 00:05:56,310
So for now, I think that's enough.

66
00:05:57,660 --> 00:06:00,310
The more you use the folders, the better you're going to understand them.

67
00:06:00,480 --> 00:06:00,920
All right.

68
00:06:00,930 --> 00:06:02,700
So I want to see in the next lesson, though.

69
00:06:03,790 --> 00:06:04,480
See you then.