1 00:00:00,440 --> 00:00:01,430 Hello again, everyone. 2 00:00:02,850 --> 00:00:09,600 Now, if you remember back that far in the last lesson, we constructed the necessary environment so 3 00:00:09,600 --> 00:00:12,280 that we can prepare an angular project. 4 00:00:12,930 --> 00:00:19,980 So now in this lesson, we're going to take you through step by step and create our very first angular 5 00:00:19,980 --> 00:00:20,430 project. 6 00:00:21,890 --> 00:00:25,010 All right, so now let's have a look at the angular Seelie page. 7 00:00:26,080 --> 00:00:30,190 Remember, we installed the Angler's Seelie via NPM. 8 00:00:32,630 --> 00:00:39,740 So now we're going to create a new project by running the code here, so it gives us this information. 9 00:00:40,650 --> 00:00:49,110 And when we look the documentation section, you can see that we can confirm the explanation, the codes 10 00:00:49,110 --> 00:00:53,040 that we'll use, for example, when we say engy help. 11 00:00:54,500 --> 00:00:57,170 It gives us a list of commands that we can use. 12 00:00:58,610 --> 00:01:02,960 We can also see that you can create a new project just by saying Injinoo. 13 00:01:04,850 --> 00:01:13,490 And will write the name of our project, in fact, we can say that the documentation section is pretty 14 00:01:13,490 --> 00:01:14,000 helpful. 15 00:01:15,080 --> 00:01:21,350 So my suggestion is that if you have any trouble with commands, you can always review it here, pretty 16 00:01:21,350 --> 00:01:28,130 simple to pull up so you don't really have to rely on your memory, but you'll get them right. 17 00:01:28,160 --> 00:01:28,820 No stress. 18 00:01:30,220 --> 00:01:34,060 So we'll use these commands now for our very first project. 19 00:01:36,040 --> 00:01:39,340 So I'll open the command line and run our code. 20 00:01:40,650 --> 00:01:46,050 So here, I'll just specify where to create the project, so for this all right, QD desktop. 21 00:01:47,830 --> 00:01:51,700 So I'll switch to the desktop and now I'm running the Energy Help Command. 22 00:01:56,130 --> 00:02:03,480 Just as I showed you earlier, and we can see the commands there definition's. 23 00:02:07,860 --> 00:02:11,100 So we already know that we can create a new project with a new command. 24 00:02:13,620 --> 00:02:15,300 So I'm writing Engie New. 25 00:02:18,120 --> 00:02:21,690 And for the name of our application, just first project. 26 00:02:23,740 --> 00:02:27,640 So when we run our command, it asks some questions. 27 00:02:28,960 --> 00:02:35,340 So the question is whether we want to create a routings structure or not, you might not know. 28 00:02:35,350 --> 00:02:41,920 So it asks whether we will use more than one page structure in my project. 29 00:02:41,930 --> 00:02:43,900 So I'm just going to say no for now. 30 00:02:45,450 --> 00:02:52,890 All right, so it asks for the style template that we're going to use, like success exos. 31 00:02:55,730 --> 00:02:57,590 I'll choose access and enter. 32 00:02:59,180 --> 00:03:04,510 Now, what you're seeing here is all the required modules are loaded for us. 33 00:03:11,160 --> 00:03:12,990 All right, so this process may take a while. 34 00:03:13,020 --> 00:03:17,190 Don't worry about that, but here you can see insulation is complete. 35 00:03:18,710 --> 00:03:22,490 So now I'm just running the CD First Project Command, and. 36 00:03:23,530 --> 00:03:24,700 We can go to our project. 37 00:03:25,600 --> 00:03:27,220 If you're following along with me. 38 00:03:28,520 --> 00:03:32,060 So now we're going to start the server by saying and serve. 39 00:03:34,030 --> 00:03:39,400 But I want to continue with a code editor that we set up in the last lesson, so for this, I'm running 40 00:03:39,400 --> 00:03:41,470 the code command. 41 00:03:45,860 --> 00:03:48,500 So we'll switch to Visual Studio code editor. 42 00:03:49,540 --> 00:03:53,140 As you can see, our project was open and visual studio called. 43 00:03:55,490 --> 00:03:58,820 So look here we can see all the modules that we've created. 44 00:04:00,220 --> 00:04:07,060 But in this particular lesson, I'm not going to get into the explanation will do that in the next lesson 45 00:04:07,060 --> 00:04:09,020 anyway, I just want to show you something. 46 00:04:09,040 --> 00:04:11,590 So let's run our project now. 47 00:04:11,590 --> 00:04:14,920 We can continue by writing code through the terminal. 48 00:04:16,100 --> 00:04:19,850 So here, I'll open up a new terminal page just by saying terminal new. 49 00:04:21,620 --> 00:04:24,080 And now we can continue our code in here. 50 00:04:26,790 --> 00:04:31,140 And I can run and serve as my command to start the server. 51 00:04:35,340 --> 00:04:42,240 But look, Arco didn't work and I get there, I just wanted to show you the solution so that you can. 52 00:04:44,580 --> 00:04:48,330 You can know it as well when you make that mistake, because it'll happen. 53 00:04:49,590 --> 00:04:55,190 So see, look here, the file that we want to run cannot be compiled, right? 54 00:04:55,200 --> 00:05:01,170 So to solve it, I'll click on settings from the Manege section below and. 55 00:05:02,930 --> 00:05:05,330 And I click on Extension's and then Jason. 56 00:05:06,740 --> 00:05:09,950 Now, from here, I click exit and. 57 00:05:11,040 --> 00:05:12,120 Setting that, Jason. 58 00:05:14,300 --> 00:05:17,600 Now, I'll add this code that I shared with you and save it. 59 00:05:21,850 --> 00:05:28,780 And I'll close it, reopen Visual Studio, and now I'm running and disserve code again. 60 00:05:32,670 --> 00:05:35,910 And our code has begun to compile. 61 00:05:37,610 --> 00:05:44,210 OK, so look, finally here, our first project has been successfully compiled cool, so as you can 62 00:05:44,210 --> 00:05:44,630 see. 63 00:05:45,650 --> 00:05:49,640 How do we get to our project at localhost Port 4200? 64 00:05:50,580 --> 00:05:51,370 Just right here. 65 00:05:52,050 --> 00:05:58,740 So what I'll do is I'll copy this address and paste this into the address bar of my browser. 66 00:06:00,080 --> 00:06:00,830 How's that? 67 00:06:01,920 --> 00:06:09,870 So here is the very first project that we've created and what we did was created the default angular 68 00:06:09,870 --> 00:06:10,390 structure. 69 00:06:11,050 --> 00:06:11,460 All right. 70 00:06:12,850 --> 00:06:17,860 So, yes, my friends, you can see in this lesson that we have now seen how to create a new project 71 00:06:17,860 --> 00:06:18,490 for Agua. 72 00:06:19,500 --> 00:06:22,980 We've also run the first project that we created on this server. 73 00:06:24,080 --> 00:06:30,720 Now, we haven't done any code reviews so far or anything else, so obviously it's pretty simple. 74 00:06:31,160 --> 00:06:35,840 So in our next lesson, we're going to talk about the application structure in ANGULAR and what to do 75 00:06:35,840 --> 00:06:36,060 with it. 76 00:06:36,470 --> 00:06:37,160 I'll see you then.