WEBVTT 00:04.850 --> 00:06.290 Hey, did everyone stay here? 00:06.290 --> 00:07.320 And welcome to the video. 00:07.340 --> 00:09.890 We are finally we are going to fire up our voice code. 00:09.890 --> 00:15.650 And before we do that, couple of information, the first one, this information, this entire application 00:15.650 --> 00:17.030 is going to be a little bit buggy. 00:17.030 --> 00:22.190 I will deliberately introduce you some bugs so that I can help you to solve these bugs and tell you 00:22.190 --> 00:26.270 that sometimes it's not easy to solve them and you need to look harder on there. 00:26.270 --> 00:28.220 So bring up your water bottle or something. 00:28.220 --> 00:29.690 It's going to be a bumpy ride. 00:29.720 --> 00:33.050 We'll be using Express GPSs and we'll be working with them. 00:33.050 --> 00:37.670 A side information that sometimes, of course, if you are on the learn code online, you are watching 00:37.670 --> 00:43.220 this course there, then our team try to help you out in any places where you are stuck around and when 00:43.220 --> 00:47.480 you change all of the variable names and folder names and everything, it's a little bit difficult for 00:47.480 --> 00:49.880 us to go jump into and all of that. 00:49.880 --> 00:54.230 So make sure you try to keep things as close as possible and once you are done with the course, feel 00:54.230 --> 00:57.470 free to just modify and just rip apart everything that you like. 00:57.470 --> 00:59.570 So that's pretty sight information. 00:59.750 --> 01:04.190 Now let's go into Express G's because this is what we'll be using it up here. 01:04.190 --> 01:09.050 Now, I have zero idea how Express works, so let's go ahead and see the documentation, what they say 01:09.050 --> 01:10.400 up here installing. 01:10.400 --> 01:15.140 Let's go ahead and see that it says you can just create a directory and you can just initialize an NPM 01:15.140 --> 01:15.860 project. 01:15.860 --> 01:19.970 This is kind of a go to step always whenever you are creating an application. 01:19.970 --> 01:21.200 So I'll walk you through with that. 01:21.200 --> 01:23.240 And then there is an entry point in all of that. 01:23.240 --> 01:24.830 I'll walk you through with that as well. 01:24.830 --> 01:30.290 And then I can simply say NPM, Install Express, you don't need to pass on the save flag because that's 01:30.290 --> 01:35.060 the old documentation and simply go ahead and use starting using the express. 01:35.450 --> 01:36.110 That's great. 01:36.110 --> 01:38.420 Now there are two types of installation that you can do. 01:38.420 --> 01:43.280 The first one is the install, just like this, which is a regular installation and there are some dev 01:43.280 --> 01:44.240 dependencies also. 01:44.240 --> 01:48.050 So these are major dependencies and there is something known as dev dependencies. 01:48.050 --> 01:52.580 The dev dependencies are something which are installed to help you in the development cycle. 01:52.580 --> 01:57.920 These are pruned or you can say these are being ignored or deleted at the time when you put things into 01:57.920 --> 01:59.720 production, I will walk you through that. 01:59.720 --> 02:01.490 Yes, this is exactly being done. 02:01.640 --> 02:01.910 Okay. 02:02.000 --> 02:06.650 Now I know that how this is being done, let's go up and fire up your terminal or anything. 02:06.650 --> 02:07.910 V is code, whatever you like. 02:07.910 --> 02:09.620 I have just opened up my terminal. 02:09.620 --> 02:14.660 Yours might be having a get bash or PowerShell or on the Mac guys. 02:14.660 --> 02:16.580 You might have terminal, whatever you like to use. 02:16.580 --> 02:17.780 Just go ahead for that. 02:17.780 --> 02:23.060 I need to go ahead, move into desktop and I have created a folder which says AE backend. 02:24.440 --> 02:24.800 Okay. 02:24.920 --> 02:28.880 So now I'm into this folder and I'll be doing almost everything up here. 02:28.880 --> 02:31.460 So let me create one other folder inside this one. 02:31.460 --> 02:38.330 I will be calling this one as social because this is a social media application, not really complex, 02:38.330 --> 02:39.740 but still it's a social app. 02:39.740 --> 02:41.930 So let's call this one as social app, all lowercase. 02:41.930 --> 02:43.460 This is what I usually prefer. 02:43.580 --> 02:45.920 Let's go into this social app. 02:46.220 --> 02:47.030 There we go. 02:47.030 --> 02:51.260 Now, the very first thing that you'll be doing is making sure that the node is installed as soon as 02:51.260 --> 02:58.250 you do node dash V, this should actually give you some of the version of the node as long as you are 02:58.250 --> 02:59.660 getting some version and number back. 02:59.660 --> 03:00.860 That's all what we need. 03:00.980 --> 03:03.170 Now, let's go ahead and start with that. 03:03.170 --> 03:07.790 Any time you are going to start with the back end development, you need to say NPM in it. 03:07.790 --> 03:11.540 What this is all about it it simply is a short form for initialization. 03:11.540 --> 03:16.820 I want to initialize a project which will be governed by the NPM, the node package manager. 03:16.820 --> 03:20.990 This is going to ask you some questions as you will get more friendly with it. 03:20.990 --> 03:25.670 You can just directly pass on an option of why to say yes to all of the things and skip these questions 03:25.670 --> 03:26.060 there. 03:26.060 --> 03:27.830 But we are not that at that face. 03:27.830 --> 03:32.900 So we're going to say npm init and let it ask all the question what is the name of the package? 03:32.900 --> 03:35.600 I'm pretty happy with the social app in case you want to change it. 03:35.600 --> 03:38.000 You can write it up here or you can just hit enter. 03:38.000 --> 03:38.990 What's the version? 03:38.990 --> 03:45.530 My version is definitely 1.0.0 in case you don't know much about the same word versioning, if you'll 03:45.710 --> 03:46.880 just go to a YouTube. 03:46.880 --> 03:50.330 I have created a detailed NPM video on that. 03:50.330 --> 03:54.830 You can go ahead and refer to that, but you can also go for the same word. 03:54.860 --> 03:57.800 And this is what the semantic versioning is. 03:57.800 --> 04:02.390 Your NPM is entirely governed by the same tech versioning, and it's a little bit difficult to read 04:02.390 --> 04:06.740 up here, but if you'll watch my video on YouTube channel, it will become much more clear too that 04:06.740 --> 04:10.040 we are going to be following that exact thing and we'll be going for that. 04:10.040 --> 04:10.910 So let's go up here. 04:10.910 --> 04:12.590 I'm pretty happy with the version here. 04:12.620 --> 04:19.130 Description Basic Social Media App. 04:19.280 --> 04:21.140 That's fine entry point. 04:21.140 --> 04:24.260 You can make it as indexed or JS or you can change it as well. 04:24.260 --> 04:25.730 There is no issue at all. 04:25.760 --> 04:26.870 We're going to keep it sane. 04:26.870 --> 04:29.810 There is no test command as of now being specified. 04:29.810 --> 04:33.620 But in case you want to run some test suites, then you can mention that command here. 04:33.620 --> 04:36.290 Right now we don't have any git repository. 04:36.290 --> 04:38.270 We are not going to initialize it yet. 04:38.270 --> 04:40.610 Later on we definitely will do it. 04:40.820 --> 04:41.570 Keywords. 04:41.570 --> 04:50.270 I don't have any keywords or I'm going to just say express and rest API or just I'm going to say API. 04:50.270 --> 04:51.530 Yeah, these are two keywords. 04:51.560 --> 04:54.620 Author, you can definitely go ahead and put up your name here. 04:54.620 --> 04:55.910 That would be awesome. 04:57.080 --> 04:58.640 And license is all fine. 04:58.640 --> 05:00.380 Is this all okay looking to you? 05:00.380 --> 05:01.820 Yes, it is all looking okay. 05:01.850 --> 05:02.570 Do I need to put. 05:02.650 --> 05:03.910 All this information? 05:04.030 --> 05:04.930 Technically, no. 05:04.930 --> 05:07.720 You don't require this much of the information put up here. 05:07.720 --> 05:10.030 You can just add them later on as you like. 05:10.330 --> 05:15.100 Now, what I'm going to do is I'm going to go ahead and say, please open up my code to here by saying 05:15.100 --> 05:15.720 code dot. 05:15.730 --> 05:19.540 It opens up a Visual Studio code in case you are doesn't no need to panic. 05:19.540 --> 05:23.800 You can just open up your this ae backend. 05:23.800 --> 05:26.290 Here it is and you can just drag and drop your folder. 05:26.290 --> 05:26.680 That's it. 05:26.680 --> 05:27.370 That's pretty much it. 05:27.370 --> 05:31.230 That's you have to do and when it asks for trust, you have to trust it. 05:31.240 --> 05:33.550 Okay, now let's go ahead and expand this. 05:33.550 --> 05:37.180 I will be using in-built terminal or code from now onwards. 05:37.390 --> 05:39.250 So let's just first see the package dot. 05:39.250 --> 05:44.440 Jason, now all the information that you put it up here, this is where all it goes in. 05:44.440 --> 05:48.130 Now the first thing that we're going to do is install the express. 05:48.130 --> 05:53.320 So how we can go ahead and do that control until they open up your inbuilt terminal or via Xcode and 05:53.320 --> 05:59.650 you can simply go ahead and say NPM, Install Express or for the short, you can go ahead and say NPM, 05:59.650 --> 06:02.470 I express whatever you like, it's totally up to you. 06:02.500 --> 06:06.160 Now in some of the documentation you are going to see that you need to pass on dash, dash, save, 06:06.160 --> 06:06.610 flag. 06:06.610 --> 06:09.730 You don't need to do it right now or now onwards. 06:09.730 --> 06:12.640 It was long ago done that we will automatically save it. 06:12.640 --> 06:14.470 So you don't need to pass on the save flag. 06:14.500 --> 06:16.000 Let's go ahead and hit enter. 06:16.000 --> 06:21.370 As soon as you do this, it requests the NPM repository itself and will bring the express and or the 06:21.370 --> 06:23.260 requirement of express for you. 06:23.290 --> 06:29.430 You will also be able to see this here in the dependencies express this version and again semtech same 06:29.440 --> 06:32.140 versioning is being used here in the node modules. 06:32.140 --> 06:35.890 It not only brings the express but all the related dependency of that. 06:35.890 --> 06:41.290 And this is usually always the big file because Express is so large and is dependent on so many of the 06:41.290 --> 06:41.620 things. 06:41.620 --> 06:45.610 This is a really common thing to happen in all of the node application. 06:46.570 --> 06:52.090 So this is the very first introduction of getting started with EXPRESS and introducing you to the package 06:52.090 --> 06:52.810 JSON. 06:52.810 --> 06:54.850 So that's all what we'll be doing in this video. 06:54.850 --> 06:57.760 Let's move into the next video and talk a bit more on this.