1 00:00:00,210 --> 00:00:05,430 In this lecture, we're going to review the last few files in the source directory. 2 00:00:05,740 --> 00:00:09,060 We've gone over the most critical topics in this section. 3 00:00:09,390 --> 00:00:14,790 The rest of the files will either be revisited or briefly discussed in this lecture. 4 00:00:15,090 --> 00:00:20,700 Let's begin in the source directory, we have a folder called assets. 5 00:00:21,000 --> 00:00:24,540 The assets folder can store static asset files. 6 00:00:24,990 --> 00:00:30,420 As we discussed before, the angular Seelye will process the files in our project. 7 00:00:30,630 --> 00:00:33,240 However, there's one exception to this rule. 8 00:00:33,570 --> 00:00:39,840 The files stored in the assets directory will be copied over to the final build during compilation. 9 00:00:40,440 --> 00:00:47,310 This directory is perfect for storing images, fonts or any other static file you want to be included 10 00:00:47,310 --> 00:00:48,390 in your project. 11 00:00:48,720 --> 00:00:51,270 It's not a victory for storing CSX. 12 00:00:51,540 --> 00:00:56,730 Instead, we should store CSX in a components respective style sheet file. 13 00:00:57,210 --> 00:01:00,990 Next, we have a file called Poly Dot and us. 14 00:01:03,450 --> 00:01:09,690 The Poly Scott T.S. File contains code for supporting features that aren't available in the browser. 15 00:01:10,050 --> 00:01:12,150 Not all browsers are considered equal. 16 00:01:12,420 --> 00:01:16,890 Some browsers don't support every feature we need for our app to work. 17 00:01:17,250 --> 00:01:23,460 The Polly Fills file will check if the current browser supports the features it needs if it doesn't. 18 00:01:23,610 --> 00:01:26,460 The feature will be recreated this way. 19 00:01:26,580 --> 00:01:30,600 Our app will work on any browser, especially the older ones. 20 00:01:31,020 --> 00:01:35,430 The following file in the list is the Styles Access file. 21 00:01:37,890 --> 00:01:40,350 Initially, this file will be empty. 22 00:01:40,590 --> 00:01:43,410 It's where we can end global styles to our app. 23 00:01:43,710 --> 00:01:47,130 Normally you should add CSIS to a component. 24 00:01:47,370 --> 00:01:52,620 However, if you need to apply styles on a global level, you should add them here. 25 00:01:53,220 --> 00:01:56,970 Up next, we have the tests file. 26 00:01:59,430 --> 00:02:03,390 This file will contain the configuration settings for running tests. 27 00:02:03,720 --> 00:02:06,990 Testing is not a topic we'll be exploring in this course. 28 00:02:07,290 --> 00:02:09,330 You can safely ignore this file. 29 00:02:09,630 --> 00:02:14,850 It will not impact the behavior of our app since we're on the topic of tests. 30 00:02:15,120 --> 00:02:24,690 Another test file in the app directory is called App Dock Component Aspects Angular will generate test 31 00:02:24,690 --> 00:02:26,450 files for your components. 32 00:02:26,760 --> 00:02:34,290 Test files how the spec extension, which is short for spec. It's common to have this extension in the 33 00:02:34,290 --> 00:02:34,710 name. 34 00:02:35,010 --> 00:02:37,170 It's not required, but recommended. 35 00:02:37,710 --> 00:02:42,480 One last thing Let's open the app module acts file. 36 00:02:44,920 --> 00:02:49,220 This file is almost an exact copy of the original module file. 37 00:02:49,510 --> 00:02:52,060 It's missing a property called providers. 38 00:02:52,420 --> 00:02:58,120 I decided not to include this property because we would need to discuss what services are. 39 00:02:58,540 --> 00:03:03,520 It's not required to have this property in a module unless we're using services. 40 00:03:03,850 --> 00:03:06,880 It's a topic we will be exploring in a future section. 41 00:03:07,240 --> 00:03:10,450 I just wanted to mention it for those of you who caught this. 42 00:03:11,020 --> 00:03:15,130 With that being said, we're finished reviewing the default project. 43 00:03:15,400 --> 00:03:22,600 There's so much going on under the hood by running the engine new command Angular generated this entire 44 00:03:22,600 --> 00:03:23,320 project. 45 00:03:23,590 --> 00:03:29,460 Thus, we have the bare minimum for starting and angular projects in the next section. 46 00:03:29,500 --> 00:03:32,140 We're going to spend some time on components. 47 00:03:32,470 --> 00:03:37,930 Writing components is mostly what you're going to be doing during the development of an angular app. 48 00:03:38,380 --> 00:03:40,870 Apps are mostly built with components. 49 00:03:41,170 --> 00:03:44,020 When you're ready, I'll see you in the next section.