1 00:00:01,530 --> 00:00:02,550 Welcome back, my friends. 2 00:00:02,580 --> 00:00:08,040 Welcome to another lecture today, where are we going to do begin to install the Noge is right now in 3 00:00:08,040 --> 00:00:10,380 order to start the OJARS, you need to jump to this page. 4 00:00:10,390 --> 00:00:15,630 No, no, just dot org and probably will give you this. 5 00:00:15,630 --> 00:00:16,310 The first one. 6 00:00:16,740 --> 00:00:19,030 So is going to be English. 7 00:00:19,470 --> 00:00:22,680 Now, here you need to choose the version that you want to install. 8 00:00:22,980 --> 00:00:29,660 Is detecting automatically that I'm using Windows 64 and you can download that version that is being 9 00:00:29,670 --> 00:00:31,230 recommended for most of the users. 10 00:00:31,410 --> 00:00:37,200 But if you for some reason don't think this is right, you can go to other downloads and you can use 11 00:00:37,200 --> 00:00:37,630 Mac. 12 00:00:37,890 --> 00:00:42,990 So Windows thirty to beats 64 beats stuff like that right now. 13 00:00:42,990 --> 00:00:43,440 Install it. 14 00:00:43,440 --> 00:00:44,200 I'm not going to do it. 15 00:00:45,060 --> 00:00:49,640 So here it is using this latest version, it will include the MP and cool. 16 00:00:49,980 --> 00:00:53,070 No I'm going to go to now. 17 00:00:53,070 --> 00:00:55,590 You need to go to open the terminal or command. 18 00:00:55,590 --> 00:00:56,190 Prompt some. 19 00:00:56,250 --> 00:00:57,540 I'm using windows. 20 00:00:57,540 --> 00:01:01,710 I need to open the command from in after the installation of this. 21 00:01:02,940 --> 00:01:06,790 After everything is successfully, you can check the version and how we can do this again. 22 00:01:06,810 --> 00:01:08,610 But no dash be. 23 00:01:08,940 --> 00:01:15,750 So that is the flag and it will say, OK, check me the version and it will give me version eleven point 24 00:01:15,750 --> 00:01:16,530 nine point zero. 25 00:01:16,860 --> 00:01:20,040 Now people thinking why I do have older version. 26 00:01:20,610 --> 00:01:23,970 I have histologies before and I don't mind. 27 00:01:24,240 --> 00:01:26,310 I have the older version, but it will work for me. 28 00:01:26,640 --> 00:01:28,650 Now you need to install the latest version. 29 00:01:28,690 --> 00:01:34,890 OK, also we can check the NPM Dash V because it's coming together. 30 00:01:35,100 --> 00:01:38,220 So my version is sixty six point four point eight. 31 00:01:38,640 --> 00:01:42,350 Now, maybe mine is better than this one, right? 32 00:01:43,380 --> 00:01:43,860 I don't know. 33 00:01:43,950 --> 00:01:46,050 So what else we can do here now? 34 00:01:46,050 --> 00:01:53,280 If you already have the no JS installed, what you can do if you want to update it to the latest version, 35 00:01:53,280 --> 00:01:54,360 you can see NPM. 36 00:01:54,360 --> 00:01:55,740 So you don't need to do this guy. 37 00:01:55,740 --> 00:02:05,370 Just watch me install NPM at latest latest dash g g stands. 38 00:02:05,370 --> 00:02:10,500 The flag of these flex stands for globally and it will enter, it will install the latest one. 39 00:02:10,660 --> 00:02:12,140 OK, cool. 40 00:02:12,750 --> 00:02:18,000 Now what I want you to do guys, after this, after installation, if you don't see any of this, this 41 00:02:18,000 --> 00:02:19,230 means that something is wrong. 42 00:02:19,410 --> 00:02:21,720 You need to restore it and do it again. 43 00:02:21,720 --> 00:02:22,050 Right. 44 00:02:22,200 --> 00:02:23,160 You need to see this. 45 00:02:23,700 --> 00:02:30,180 OK, now what we can do here is basically we can go to the desktop, KDDI desktop and I can go straight 46 00:02:30,180 --> 00:02:32,010 to the MAPI starter. 47 00:02:32,310 --> 00:02:37,710 OK, download this file if you don't have it and put it on your desktop and I'm just going to open it 48 00:02:37,710 --> 00:02:37,890 here. 49 00:02:37,890 --> 00:02:43,530 It is mine and we can see that the two directories there, distribution and source, nothing else. 50 00:02:43,980 --> 00:02:44,970 So I'm going to go there. 51 00:02:45,120 --> 00:02:49,290 So I haven't shown you this last time when we use the terminal. 52 00:02:49,290 --> 00:02:56,070 But you can also if you know the pad, you can just type it like this and it will go to the folder that 53 00:02:56,070 --> 00:02:58,380 you put it here at the last place. 54 00:02:58,560 --> 00:03:04,950 OK, no, when you do install package that Jason file. 55 00:03:04,950 --> 00:03:05,330 Right. 56 00:03:05,550 --> 00:03:07,290 So why what is this file? 57 00:03:07,290 --> 00:03:16,410 This file is we need actually this file because this file we will contain all of the information about 58 00:03:16,530 --> 00:03:19,110 our projects, including the script. 59 00:03:19,130 --> 00:03:21,860 So how we can install the M the package that Jason. 60 00:03:21,870 --> 00:03:24,060 That's why go from the desktop. 61 00:03:24,060 --> 00:03:25,310 I went to the map you started. 62 00:03:25,320 --> 00:03:33,030 So you need to be there and you can see NPM in it and it will give you now options. 63 00:03:33,030 --> 00:03:36,840 OK, package, name say MAPI project. 64 00:03:38,130 --> 00:03:41,280 You can put any project you want he enter diversion. 65 00:03:41,520 --> 00:03:42,690 Good description. 66 00:03:42,870 --> 00:03:43,770 You can put a description. 67 00:03:43,770 --> 00:03:44,550 I'm not going to do it. 68 00:03:44,730 --> 00:03:45,510 Entry point. 69 00:03:45,840 --> 00:03:46,710 Still good. 70 00:03:47,190 --> 00:03:50,370 Enter enter keywords enter through. 71 00:03:50,370 --> 00:03:52,320 You can put your name here license. 72 00:03:52,320 --> 00:03:53,310 You don't have to worry about it. 73 00:03:53,310 --> 00:03:54,800 And is this ok then. 74 00:03:54,840 --> 00:03:55,320 Yes. 75 00:03:55,320 --> 00:03:56,250 Hit enter again. 76 00:03:56,400 --> 00:03:57,360 That's pretty much it. 77 00:03:57,630 --> 00:03:59,220 Now let's go back to the file. 78 00:03:59,340 --> 00:04:00,060 To the folder. 79 00:04:00,360 --> 00:04:00,580 Oops. 80 00:04:00,810 --> 00:04:03,120 And I do have this package that Jason right. 81 00:04:03,570 --> 00:04:05,360 So I can open my text editor. 82 00:04:05,390 --> 00:04:11,430 You can use any text Ed you want and you need make sure that you open the map you started. 83 00:04:11,430 --> 00:04:13,860 Right, which I already have. 84 00:04:13,860 --> 00:04:15,420 And this is the back of Jason file. 85 00:04:16,140 --> 00:04:17,790 Now it contains scripts here. 86 00:04:17,790 --> 00:04:20,010 You don't have to worry, contain the author. 87 00:04:20,010 --> 00:04:21,330 Everything that we did hear. 88 00:04:21,330 --> 00:04:23,550 The name is MAPI Project and stuff like that. 89 00:04:23,790 --> 00:04:25,350 Now, why are we going to need this? 90 00:04:25,510 --> 00:04:31,980 OK, now what we need to do is actually we need to install here. 91 00:04:31,980 --> 00:04:35,000 Here we are going to install the tools that we're going to use. 92 00:04:35,010 --> 00:04:38,820 So first tool that we're going to use is called [REMOVED]. 93 00:04:38,820 --> 00:04:40,230 So how are we going to install this? 94 00:04:40,230 --> 00:04:41,850 We need to go back to the terminal. 95 00:04:42,600 --> 00:04:48,060 So, ladies and gentlemen, you need to follow me with this process because this process is a little 96 00:04:48,060 --> 00:04:53,490 bit boring, but it will teach you a lot of things and it will be seen for most of the projects you're 97 00:04:53,490 --> 00:04:54,450 going to work in future. 98 00:04:54,450 --> 00:04:54,750 Right. 99 00:04:54,870 --> 00:04:55,980 So this is a workflow. 100 00:04:55,980 --> 00:04:59,600 So we need you need to do it like this and you can install. 101 00:04:59,750 --> 00:05:05,390 Later on, when you more when you're a better developer, you can start different packages and you can 102 00:05:05,390 --> 00:05:06,200 use them, right. 103 00:05:06,350 --> 00:05:09,320 But you will know how to use those packages. 104 00:05:09,770 --> 00:05:12,710 OK, now we're going to need to install the web back. 105 00:05:12,710 --> 00:05:24,530 So in the terminal type AMPM, see that everything you start with npm install web back safe def. 106 00:05:25,430 --> 00:05:30,080 So these save that flag and now it will go go it like here. 107 00:05:30,470 --> 00:05:32,990 So I probably need to pause the video. 108 00:05:33,170 --> 00:05:33,570 Right. 109 00:05:36,260 --> 00:05:37,490 OK, might it install. 110 00:05:37,500 --> 00:05:43,640 You don't have to worry about this here, at least if you don't have any errors that's a good sign. 111 00:05:43,640 --> 00:05:43,940 Right. 112 00:05:44,240 --> 00:05:48,700 So found zero vulnerabilities and that's pretty much it. 113 00:05:48,710 --> 00:05:51,700 Now we can go here and say that. 114 00:05:51,980 --> 00:05:59,960 See that in the package that Jason we do have now def dependancy call web back and this is the version, 115 00:06:00,210 --> 00:06:08,480 OK, now safe def means that we will see this web back web back as development dependency of our project. 116 00:06:09,140 --> 00:06:14,930 Now, after we installed this, we can see that there is another fooler called note. 117 00:06:14,930 --> 00:06:18,230 Modules in this note module contains a lot of things. 118 00:06:18,230 --> 00:06:19,250 You don't have to worry about it. 119 00:06:19,460 --> 00:06:20,180 It's too much. 120 00:06:20,180 --> 00:06:20,480 Right. 121 00:06:20,490 --> 00:06:29,200 I know now when we install something here, that's why these note modules folder is going to be expanded. 122 00:06:29,300 --> 00:06:30,470 A lot of things that we hear. 123 00:06:30,590 --> 00:06:36,250 So make sure to please understand that these are the dependancy from this. 124 00:06:36,260 --> 00:06:40,820 So these Klepec has its own dependencies that leaves in these note modules. 125 00:06:40,850 --> 00:06:42,740 Now, this note modules is very big. 126 00:06:42,950 --> 00:06:49,220 So if you try to say to send some this code to someone else, this project or some some someone else 127 00:06:49,220 --> 00:06:54,710 or to some other team, and if they want to work, you don't have to send these the note modules because 128 00:06:54,710 --> 00:06:56,170 it's too big, too many files. 129 00:06:56,170 --> 00:06:57,530 We're going install a lot of things here. 130 00:06:57,950 --> 00:06:59,720 It will add more things into this. 131 00:07:00,050 --> 00:07:00,920 And you don't have to. 132 00:07:00,930 --> 00:07:01,970 You need to only. 133 00:07:02,240 --> 00:07:06,040 And it will also create back Jason Lock, which I haven't mentioned. 134 00:07:06,230 --> 00:07:08,210 Don't worry about this one as well at this stage. 135 00:07:08,720 --> 00:07:14,150 Now, this package, though, Jason, you need to send it this only and I'm going to show you what I'm 136 00:07:14,150 --> 00:07:14,840 going to do. 137 00:07:15,620 --> 00:07:20,150 I'm just going to delete this one here and I'm going to move it to the recycle bin. 138 00:07:20,150 --> 00:07:21,460 It will take probably a while. 139 00:07:21,470 --> 00:07:23,160 Oh, yeah, it was quick. 140 00:07:23,660 --> 00:07:29,840 Now, how I'm going to send everything that I have, including this package that Jason file in when 141 00:07:29,840 --> 00:07:35,720 the other developer developers see what I have done and they will say, OK, he have only [REMOVED] development, 142 00:07:35,720 --> 00:07:36,580 but I don't care. 143 00:07:37,040 --> 00:07:39,640 Maybe I will have five more dependencies here. 144 00:07:40,010 --> 00:07:48,770 So the basic thing that he needs to do is just to go back and say NPM install in what it is, NPM command 145 00:07:48,770 --> 00:07:49,520 install. 146 00:07:49,730 --> 00:07:52,190 It will go through this package, Jason file. 147 00:07:52,190 --> 00:07:57,070 It will find all the dependencies and it will recreate these new modules folder. 148 00:07:57,290 --> 00:08:01,460 That's why I'm saying that you don't have to give to other people these node modules folder. 149 00:08:01,730 --> 00:08:02,110 Right. 150 00:08:02,960 --> 00:08:04,780 Press enter and see what will happen. 151 00:08:05,090 --> 00:08:05,460 Right. 152 00:08:05,490 --> 00:08:08,150 Pretty much it's going to go there. 153 00:08:08,640 --> 00:08:14,840 Here is the note modules is starting to appear with all of these dependencies for this. 154 00:08:15,320 --> 00:08:20,860 Now, as I told you this, that means that the weapon is development dependencies of our project now. 155 00:08:21,950 --> 00:08:25,190 So this is the development tool that I mentioned a couple of lectures before. 156 00:08:25,310 --> 00:08:27,460 So it's not a library now package. 157 00:08:27,470 --> 00:08:33,500 Jason will also record all of the other dependencies and tools that we are going to install in future. 158 00:08:33,890 --> 00:08:38,150 This file is also, as I told you, that you need you can hear it and you can use it. 159 00:08:38,330 --> 00:08:48,230 But any other developers here know you need to remember that no modules folder you don't have to supply 160 00:08:48,230 --> 00:08:49,240 to anyone else. 161 00:08:49,250 --> 00:08:49,400 Right. 162 00:08:49,460 --> 00:08:53,390 It's to be no one else we can do here. 163 00:08:53,420 --> 00:08:57,290 So if you want, we learn how to install dependencies. 164 00:08:57,290 --> 00:09:03,380 But if you want to uninstall it, for example, you made a mistake and you want to uninstall the web 165 00:09:03,380 --> 00:09:14,960 back, you can see NPM on uninstall and you can see Web back, dash, dash, Sèvres def. 166 00:09:14,960 --> 00:09:19,620 And if you enter, it will uninstall this one and it will not contain anything here. 167 00:09:19,910 --> 00:09:21,650 This is how you uninstall any package. 168 00:09:22,370 --> 00:09:28,310 You need to use the word NPM uninstall and then the package name that you have already installed before. 169 00:09:28,480 --> 00:09:31,700 Right now you know how to install, you know how to uninstall things. 170 00:09:32,450 --> 00:09:43,670 And what we need to do is to pretty much do you stole other dependencies that are not locally. 171 00:09:43,670 --> 00:09:48,920 So I need to tell you that all of these dependencies here, so you need to know that dependency that 172 00:09:48,920 --> 00:09:56,780 we install, regardless if you save Dev or just development or just save because we can use other Fuge 173 00:09:56,780 --> 00:09:59,460 in future, you will see that we can install all. 174 00:09:59,560 --> 00:10:06,670 Her tools here without these saved Fleck, right, so I can go up and up an error so we can install 175 00:10:06,670 --> 00:10:13,740 it only just as safe, and that will be installed as a dependency, not as development dependency. 176 00:10:14,110 --> 00:10:17,700 And we will see how to do this in future. 177 00:10:17,710 --> 00:10:18,790 You don't have to worry about it. 178 00:10:19,240 --> 00:10:25,840 But all of these dependencies, regardless if they're saved, therefore just save the elite localising 179 00:10:25,840 --> 00:10:29,100 our computer here for this project, actually. 180 00:10:29,350 --> 00:10:33,340 So if I create another project, I will not be able to use all of these here. 181 00:10:33,640 --> 00:10:40,360 These are for these project only for this one, for the MAPI project, not anything else. 182 00:10:40,360 --> 00:10:46,690 We can use them, OK, but they are dependencies that we can install that can be globally, can live 183 00:10:46,690 --> 00:10:50,440 in our machine and we can use it in different projects here. 184 00:10:50,870 --> 00:10:55,140 Now the one that we need is called a live server. 185 00:10:55,510 --> 00:10:57,140 So how we can use it, install it. 186 00:10:57,310 --> 00:10:58,600 This one, this is globally. 187 00:10:58,720 --> 00:11:06,520 So npm install live server dash dash global. 188 00:11:06,980 --> 00:11:08,770 OK, so I'm going to hit enter here. 189 00:11:09,130 --> 00:11:13,690 Now if you are using Mac and you've used some for some reason you do have a problem here. 190 00:11:14,080 --> 00:11:16,440 You need to prefix this one to Pizzuto. 191 00:11:16,450 --> 00:11:24,460 I'm going, I'm just going to tell you so I'm going to say sudo here npm install live server dash dash 192 00:11:24,460 --> 00:11:27,610 globo in this flag means it will be global. 193 00:11:27,610 --> 00:11:27,980 Not in. 194 00:11:28,000 --> 00:11:32,280 That will be for our specific project, but we can access it pretty much everywhere. 195 00:11:32,770 --> 00:11:33,010 Good. 196 00:11:33,430 --> 00:11:36,610 So this is for Mac if you do have some permission problems. 197 00:11:37,120 --> 00:11:37,510 Right. 198 00:11:38,530 --> 00:11:42,170 So how we can test this out now if you go back to the back Jason file. 199 00:11:42,190 --> 00:11:44,020 See nothing is added here. 200 00:11:44,020 --> 00:11:44,320 Why? 201 00:11:44,320 --> 00:11:49,870 Because this was global dependency that we installed for our project and we can use for this project. 202 00:11:49,870 --> 00:11:53,380 Actually, we can use for any other projects in future. 203 00:11:53,890 --> 00:11:55,680 OK, so how we can start this one. 204 00:11:56,110 --> 00:12:00,960 So these live server is something that we use before here. 205 00:12:01,330 --> 00:12:01,600 Right. 206 00:12:01,660 --> 00:12:02,920 Let me just move this one here. 207 00:12:03,130 --> 00:12:08,620 We do have go live and that is going to mimic the same same thing that we had before. 208 00:12:08,890 --> 00:12:12,310 But we're going to do it through NPM here. 209 00:12:12,310 --> 00:12:13,510 I don't need this, actually. 210 00:12:13,930 --> 00:12:17,080 You will see why now how we can test this out. 211 00:12:17,230 --> 00:12:23,980 OK, we can just run it and say live server and let's wait for a while. 212 00:12:24,220 --> 00:12:25,150 OK, here it is. 213 00:12:25,450 --> 00:12:27,040 So it's not going to open anything else. 214 00:12:27,040 --> 00:12:28,690 It's going to open our directory here. 215 00:12:28,960 --> 00:12:30,760 So it's opening actually this here. 216 00:12:30,970 --> 00:12:31,360 Right. 217 00:12:31,810 --> 00:12:40,120 But it's a hundred twenty seven point eighty eighty and if you go here, it's been serving users mapi 218 00:12:40,120 --> 00:12:43,300 stare at and it give give us that you are out. 219 00:12:43,570 --> 00:12:49,150 OK, so this is a local server that we can use and everything every time we change something here, 220 00:12:49,570 --> 00:12:50,980 this one will refresh. 221 00:12:51,550 --> 00:12:51,940 Right. 222 00:12:52,630 --> 00:12:54,310 How we can get out from the terminal. 223 00:12:54,310 --> 00:13:01,840 I need to tell you that A control C control C sometimes is taking a while here. 224 00:13:01,840 --> 00:13:08,040 It controls C terminal batch job and you say yes and that's pretty much it. 225 00:13:08,350 --> 00:13:12,720 Now this will not be able to refresh all the way. 226 00:13:12,730 --> 00:13:19,330 No, that's pretty much at least all we know is we create this package that Jason, we install the Web 227 00:13:19,330 --> 00:13:22,720 back, you know how to install any and install dependencies. 228 00:13:22,990 --> 00:13:26,080 Some of these dependency will be only for development purpose. 229 00:13:26,380 --> 00:13:32,890 Other will be developed will be different dependencies like the one that we have with the live server 230 00:13:33,130 --> 00:13:34,840 that can be served globally here. 231 00:13:35,140 --> 00:13:38,440 And these dependencies are only for this project. 232 00:13:38,920 --> 00:13:46,430 But the global dependencies that we install here like this, there will be for for other projects as 233 00:13:46,430 --> 00:13:46,570 well. 234 00:13:46,600 --> 00:13:48,580 They can be used for other projects. 235 00:13:48,580 --> 00:13:52,990 And if you have something like this warning, you don't have to worry about it. 236 00:13:52,990 --> 00:13:59,590 It will say that some of the files or the packages are depreciated, depreciated yet, and that's pretty 237 00:13:59,590 --> 00:14:00,760 much it now. 238 00:14:00,760 --> 00:14:01,360 Thanks very much. 239 00:14:01,450 --> 00:14:01,900 Thanks. 240 00:14:01,900 --> 00:14:05,200 Thank you very much for watching. 241 00:14:05,200 --> 00:14:06,850 And we'll see you in the next one.