1 00:00:00,330 --> 00:00:06,690 Hello, everyone, again, so in this lesson, we are going to get set up so that we can prepare some 2 00:00:06,690 --> 00:00:08,190 angular applications. 3 00:00:09,030 --> 00:00:16,050 So in order to prepare angler applications on our computers, we first need to install the angular Seelie 4 00:00:16,440 --> 00:00:19,710 or the angular command line interface on our computer. 5 00:00:20,790 --> 00:00:27,300 All right, so the angular Seelie is a tool developed by Google that allows you to quickly create. 6 00:00:28,490 --> 00:00:36,740 Angular projects, including modules and components and services within the project as possible to develop 7 00:00:36,740 --> 00:00:41,750 projects without angular CMI, but creating the directory structure one by one, right? 8 00:00:42,200 --> 00:00:47,490 It's kind of unnecessary and it's way more difficult. 9 00:00:48,560 --> 00:00:51,530 So why don't we just install angular Kellyann? 10 00:00:51,530 --> 00:00:56,330 In order to do that, we'll need to follow the steps that you see here in order. 11 00:00:57,800 --> 00:01:04,670 And of course, in order to run the codes around here, we need to first make the no JS tool installation 12 00:01:05,030 --> 00:01:06,200 so we're no jazz. 13 00:01:06,770 --> 00:01:12,950 We can briefly say that, well, it's a tool that allows JavaScript code to be executed on the server 14 00:01:12,950 --> 00:01:13,360 side. 15 00:01:14,190 --> 00:01:20,510 That's pretty much all you need to know for this, cause you can go research it on your own. 16 00:01:21,520 --> 00:01:27,490 Because what we're doing here is learning angular, not know jazz, and here we're going to be using 17 00:01:27,490 --> 00:01:29,520 Noguez to edit our code in the background. 18 00:01:30,610 --> 00:01:37,360 And we're also going to use NPM, which is a node package manager, to handle different dependencies 19 00:01:37,360 --> 00:01:40,700 and angular project tasks to use NPM. 20 00:01:40,990 --> 00:01:42,910 We need to install node J.S.. 21 00:01:43,860 --> 00:01:50,340 So let's go to the official page, no geostrategy and install no jass. 22 00:01:52,190 --> 00:01:57,710 Now, as we can see here, in my case, 14. nine is the latest version, might be different for you. 23 00:01:58,430 --> 00:02:04,670 However, I am installing the more stable version of 12. one eight three here. 24 00:02:05,360 --> 00:02:08,330 You can, of course, download what you need to or what you want. 25 00:02:09,820 --> 00:02:11,320 So just click on it, download it. 26 00:02:15,150 --> 00:02:19,770 And after that finishes downloading, I'll be able to open it and run. 27 00:02:25,880 --> 00:02:32,660 All right, doing the following steps will complete the installation just by clicking next and finally. 28 00:02:40,410 --> 00:02:45,930 Great, so after completing the installation, we can now run the commands in angular Seelie. 29 00:02:47,100 --> 00:02:52,680 So to run the commands, we can open our show or command command line and windows. 30 00:02:54,680 --> 00:03:00,620 Now, if you're using a Mac, you could open a terminal here, here you can see in Windows and I open 31 00:03:01,010 --> 00:03:01,850 ACMD. 32 00:03:05,040 --> 00:03:11,670 So now I'll just type in Noad, Dash V Press, enter, see which version we've installed. 33 00:03:12,860 --> 00:03:18,680 And yeah, we can check whether no jass is installed on the computer just by typing this command and 34 00:03:18,690 --> 00:03:22,640 yes, we can see the version that we want is installed correctly. 35 00:03:22,670 --> 00:03:28,010 So now it's time to install angular Seelie via NPM. 36 00:03:30,240 --> 00:03:38,990 So first, look at Angler Keli Page and first line here is the command NPM install Dash G. 37 00:03:39,300 --> 00:03:41,970 So global right at Angular. 38 00:03:42,230 --> 00:03:43,440 Exactly. 39 00:03:45,020 --> 00:03:50,840 So just type in the command npm, install Dashty and angular slash Seelie. 40 00:03:56,490 --> 00:04:02,700 My command line, and when we run it, the latest version of Angular CROI will be installed on our machine. 41 00:04:08,050 --> 00:04:12,320 All right, so this seems to be the final version right now, and, of course, this version may have 42 00:04:12,320 --> 00:04:14,000 changed as time goes on. 43 00:04:14,720 --> 00:04:19,220 But of course, the overall functionality, as I said before, will remain unchanged. 44 00:04:20,880 --> 00:04:27,630 Now, if you do want to use the same version as mine, you can run it just by typing the NPM, install 45 00:04:27,630 --> 00:04:32,280 that G at angular eggshell like man. 46 00:04:34,610 --> 00:04:36,680 And adding this version to the back. 47 00:04:42,500 --> 00:04:48,680 And then that way, it'll be the same version when you look up or look over wherever you are. 48 00:04:50,210 --> 00:04:51,690 It'll be the same. 49 00:04:51,710 --> 00:04:57,380 So sure enough, guys, we have now successfully installed Angular, CROI and NPM. 50 00:04:58,820 --> 00:05:06,110 Now, for the rest, we'll need a code editor to edit our code so you can use Adam Brackett's Web storm 51 00:05:06,110 --> 00:05:06,560 or. 52 00:05:08,350 --> 00:05:09,850 Visual Studio Code. 53 00:05:11,060 --> 00:05:15,470 These are editors that you may even have or be familiar with. 54 00:05:16,190 --> 00:05:26,150 I generally prefer to use Visual Studio code editor both in terms of, well, I like it and it's free. 55 00:05:27,250 --> 00:05:33,160 So if you want to use visual studio code, you can go to the site and install the appropriate one for 56 00:05:33,160 --> 00:05:34,290 your operating system. 57 00:05:36,640 --> 00:05:38,710 So because I'm using windows, I'll. 58 00:05:42,240 --> 00:05:44,490 I'll just install it on my computer with you. 59 00:05:58,750 --> 00:06:06,040 And yeah, sure enough, we have now finished the environment set up that is required to prepare our 60 00:06:06,070 --> 00:06:07,630 angular applications. 61 00:06:08,470 --> 00:06:14,990 So as you can see, we've installed no jazz loaded angular Seelie to our computer via NPM. 62 00:06:15,820 --> 00:06:18,480 And finally we install the code editor that we're going to use. 63 00:06:19,510 --> 00:06:27,260 So in our next lesson, we will make a small introduction and prepare our first angular application. 64 00:06:27,640 --> 00:06:29,920 So I want to see there see in the next lesson.