1 00:00:01,540 --> 00:00:02,350 Well, come again. 2 00:00:02,380 --> 00:00:09,760 So today I'm going to explain what we're going to do in the next 20 or 30 lectures from now. 3 00:00:09,790 --> 00:00:19,630 So this section, I will show you that in order to build a real API project, we need to have that API. 4 00:00:19,630 --> 00:00:25,630 So I'm going to use a free API here and you will be able to fetch and display the real movies right 5 00:00:25,780 --> 00:00:26,790 from that API. 6 00:00:26,980 --> 00:00:31,580 You will also use most modern JavaScript tools that every developer needs to know. 7 00:00:32,110 --> 00:00:36,850 And so we will use [REMOVED] to bundle JavaScript modules. 8 00:00:37,030 --> 00:00:42,870 We will learn about be able to convert iOS six or iOS next code back to iOS five. 9 00:00:43,030 --> 00:00:43,380 Right. 10 00:00:43,480 --> 00:00:49,840 Because we still have some of the browser that are not compatible with the new way of doing of JavaScript 11 00:00:49,840 --> 00:00:50,290 coding. 12 00:00:50,330 --> 00:00:55,630 Right now, this will help us to run the same code to all the browsers. 13 00:00:56,110 --> 00:01:03,220 You'll learn a ton of new cool features and you will also use MVC and modern workflow architecture that 14 00:01:03,220 --> 00:01:07,570 you can use later on for building other real life projects. 15 00:01:07,720 --> 00:01:10,630 So from now on, we're going to use modern JavaScript. 16 00:01:10,630 --> 00:01:15,040 Before we were not using that one, we were just messing around with the a lot. 17 00:01:15,310 --> 00:01:15,690 Right. 18 00:01:16,120 --> 00:01:18,780 But we still learn a ton of features. 19 00:01:18,940 --> 00:01:23,830 Now, when we have this knowledge, we can use it, you know, want to show you how we can use this 20 00:01:23,830 --> 00:01:24,880 modern JavaScript. 21 00:01:25,240 --> 00:01:32,920 Now, this is not connected with the way we write, so don't get angry or upset because this is nothing 22 00:01:32,920 --> 00:01:34,560 connected with the way we radical. 23 00:01:34,690 --> 00:01:36,130 We're going to still do the same thing. 24 00:01:36,400 --> 00:01:41,460 But it's connected with the way how we we do we using some tools to make our life easier. 25 00:01:41,740 --> 00:01:49,660 Now, in order to learn modern JavaScript, you will need to have knowledge about different tools. 26 00:01:50,260 --> 00:01:55,920 So we will use Noguez and NPM write these nudges. 27 00:01:55,930 --> 00:02:03,670 And NPM ecosystem is using third part libraries so we can install new packages and we use different 28 00:02:03,670 --> 00:02:08,620 frameworks that every modern JavaScript developer needs to know. 29 00:02:09,250 --> 00:02:09,600 Right. 30 00:02:09,890 --> 00:02:14,320 Famous libraries are really angular Jaquie and so on. 31 00:02:14,320 --> 00:02:20,110 There there are a lot more so and also there are different development tools like Tasco Automation, 32 00:02:20,110 --> 00:02:25,180 automatic browser reloading or we can use development tools to convert. 33 00:02:25,960 --> 00:02:29,850 Compile the JavaScript code back to your spot. 34 00:02:30,400 --> 00:02:35,230 Now, for this to be able to work, we need to have a command line interface. 35 00:02:35,230 --> 00:02:42,340 That's why NPM is a very simple command line command line interface, and that is why we we need to 36 00:02:42,340 --> 00:02:42,810 use this. 37 00:02:42,910 --> 00:02:47,290 So NPM will help us to write scripts for development tools. 38 00:02:47,470 --> 00:02:47,850 Right. 39 00:02:48,130 --> 00:02:51,550 So we going to use different development tools and we're going to write a script. 40 00:02:52,010 --> 00:02:56,120 Remember, this is something that you will learn in the following lectures. 41 00:02:56,500 --> 00:03:04,830 Now, here I have your Six Flags next, and we need to convert that back to iOS five. 42 00:03:04,840 --> 00:03:08,230 So how are we going to do this so we can use a different tool? 43 00:03:08,680 --> 00:03:12,830 But I mean, we can use one tool that is very popular. 44 00:03:12,850 --> 00:03:14,890 That's called Babel now in future. 45 00:03:14,920 --> 00:03:18,960 This might not be necessary, but at the moment it's still the developers. 46 00:03:18,970 --> 00:03:20,300 It's still something that they use. 47 00:03:20,650 --> 00:03:23,110 Also, we need to learn how to use modules. 48 00:03:23,110 --> 00:03:24,100 Remember modules? 49 00:03:24,400 --> 00:03:27,550 They were not introduced before. 50 00:03:27,550 --> 00:03:28,330 He is six. 51 00:03:29,500 --> 00:03:34,090 Now the modules make our code easier to modify and understand. 52 00:03:35,020 --> 00:03:40,990 The module will help us to separate our core code in different modules so the code will be split into 53 00:03:40,990 --> 00:03:42,100 separate files. 54 00:03:42,280 --> 00:03:45,310 But those files can communicate between each other, right? 55 00:03:45,580 --> 00:03:51,220 So this is possible only from year six onwards before was not possible. 56 00:03:51,220 --> 00:03:57,700 Now, in the past, these modules were not that much compatible with the withholder browser, but now 57 00:03:57,700 --> 00:03:58,300 it's getting there. 58 00:03:58,300 --> 00:03:58,580 Right. 59 00:03:58,870 --> 00:04:07,180 So but I would still like to show you how this is done so we can use modules to convert them into single 60 00:04:07,180 --> 00:04:15,550 file called Bundle so we can use different files and bundle up into a single file right now, bundle 61 00:04:15,550 --> 00:04:18,520 of multiple files into one using a different module bundlers. 62 00:04:18,790 --> 00:04:20,380 But here we are going to use the BEBEK. 63 00:04:20,380 --> 00:04:27,400 It's a mostly while we use this one so it can be used not just for bundling multiple files into one, 64 00:04:27,580 --> 00:04:35,080 but he also can be used for loading SAS, for loading assets like Imagists, for compressing the size 65 00:04:35,080 --> 00:04:36,310 of that bundle file. 66 00:04:36,430 --> 00:04:42,850 So compressing giving you a smaller size is right and can be used for code splitting and much, much 67 00:04:42,850 --> 00:04:43,180 more. 68 00:04:43,450 --> 00:04:50,380 So this is what we're going to do from next from this lecture and we're going to use this modern JavaScript. 69 00:04:50,470 --> 00:04:56,500 And I want you to get familiar with all of these terms, because tomorrow we could go start working 70 00:04:56,500 --> 00:04:56,950 somewhere. 71 00:04:57,070 --> 00:05:00,700 Or if you're already working somewhere, somewhere, I guarantee you're going to. 72 00:05:01,090 --> 00:05:06,940 These tools and you need to know them, so you're going to need no Jass AMPM at Ecosystem, you're going 73 00:05:06,940 --> 00:05:11,580 to deal with the libraries, you're going to use different frameworks, different packages. 74 00:05:11,600 --> 00:05:15,700 You can install them, you will need to use sometimes. 75 00:05:16,060 --> 00:05:21,070 I'm not going to say that this is something that you need to do, but sometimes you need to convert 76 00:05:21,070 --> 00:05:26,490 that code that you have for to be compatible with older browsers in order back to iOS five. 77 00:05:26,860 --> 00:05:32,680 And also we're going to learn about modules in these modules are super cool, is going to be separate 78 00:05:32,680 --> 00:05:34,630 our code into different files. 79 00:05:34,870 --> 00:05:37,260 Those files can communicate between each other. 80 00:05:37,390 --> 00:05:42,630 So this everything here will be our architecture workflow. 81 00:05:42,640 --> 00:05:45,010 We're going to build this in the first couple of lectures. 82 00:05:45,190 --> 00:05:46,930 And after that, we're going to start coding. 83 00:05:46,930 --> 00:05:49,330 Right, because this is one of the most important parts. 84 00:05:49,720 --> 00:05:53,290 OK, so I hope you are not afraid of this. 85 00:05:53,450 --> 00:05:58,810 You shouldn't be, because I'm going to explain it's much simpler is a is a can and. 86 00:05:59,140 --> 00:05:59,590 Yeah. 87 00:05:59,590 --> 00:06:04,120 So this is what you need to be modern in JavaScript developer. 88 00:06:04,150 --> 00:06:06,670 So stay safe and I will see you in the next one.