WEBVTT 00:01.200 --> 00:06.960 It's time to get ready for starting decoding in order to do that, we need to set up some tools which 00:06.960 --> 00:09.110 are the Web browser and code editor. 00:09.840 --> 00:11.750 Some of you may already be ready. 00:11.760 --> 00:16.890 I mean, that you have already chosen your favorite browser and also install the code editor. 00:17.760 --> 00:21.450 Then you can simply skip this video and move on to the next lecture right now. 00:21.930 --> 00:26.010 But if not, let's do it with me throughout the course. 00:26.010 --> 00:27.600 I'm going to use Google Chrome. 00:27.900 --> 00:33.510 I believe that it's one of the best Web browser today, but you can feel free and use any browser you 00:33.510 --> 00:33.840 want. 00:34.770 --> 00:41.490 To download Google Chrome, you need to visit the following page, download and install, it's extremely 00:41.490 --> 00:44.250 easy and I'm sure that you won't have any trouble with that. 00:45.930 --> 00:50.070 As for the code editor, there are tons of them and you can use your favorite one. 00:50.400 --> 00:53.850 I'm going to use one of my favorite code editors, which is brackets. 00:54.250 --> 00:58.500 It's very simple to use lightweight and powerful editor. 00:58.830 --> 01:01.890 Just for your information, it's created with JavaScript. 01:02.430 --> 01:07.590 I would recommend to use also Visual Studio Code, which is where the great code are written nowadays. 01:08.010 --> 01:12.300 But throughout this course, I will use brackets because it's very simple to use. 01:13.830 --> 01:19.860 In order to get brackets, you need to visit brackets, dot io download its latest version, which is 01:19.860 --> 01:21.990 for now one point eleven. 01:22.590 --> 01:26.910 When you download it, you need to install, which is also very simple process. 01:29.240 --> 01:35.870 When you finish installing brackets, you will get you as a default to files indexed on HDMI and Main 01:35.870 --> 01:38.790 Maniac's, you can simply ignore them. 01:40.130 --> 01:42.920 So we have here Google Chrome brackets. 01:42.920 --> 01:46.450 And now I'm going to create our working folder. 01:47.240 --> 01:48.860 Let's call it JavaScript. 01:50.980 --> 01:52.840 And then open it in brackets. 01:54.500 --> 02:00.680 There is also another way to open folders and files from inside brackets, you just need to click open 02:00.680 --> 02:02.810 folder or open file. 02:04.130 --> 02:08.750 All right, let's create a new file, which will be the indexed HDMI. 02:11.320 --> 02:13.690 And then run it in browser. 02:14.800 --> 02:19.540 You can do it by clicking here on the icon, which is placed on the right side of the ED. 02:23.580 --> 02:30.510 And you can see here the index of extremophile, we have just created its blank page because the file 02:30.510 --> 02:31.200 is a.. 02:32.540 --> 02:39.830 OK, the next thing that I want to show you is developer tools and JavaScript console tab in which we 02:39.830 --> 02:42.260 will work very frequently throughout this course. 02:42.960 --> 02:50.390 There are different ways to open console unit to click on this menu icon than choose more tools than 02:50.390 --> 02:51.230 developer tools. 02:51.230 --> 02:53.620 And you will have our console tap. 02:53.990 --> 02:55.790 You can simply ignore this error. 02:55.820 --> 02:57.230 It's not something important. 02:57.230 --> 02:59.930 Just reload the page and it will disappear. 03:02.520 --> 03:07.740 OK, there is a short way to open consultor up by clicking inspect. 03:09.540 --> 03:14.970 And also, there was the fastest way you just need to click on afterWorld Button. 03:16.720 --> 03:24.220 All right, let's go back to Brackett's below the life preview icon, you see the station manager icon 03:24.640 --> 03:29.680 extension is the feature that you can install in order to improve the EDS functionality. 03:30.730 --> 03:37.000 Some of these extensions are really nice, I would recommend to install, for example, autosave files 03:37.000 --> 03:43.270 on Windows blower extension, which means that the codes will be automatically saved when you leave 03:43.270 --> 03:43.980 the ATM. 03:44.440 --> 03:48.040 It saves your time and also minimizes the number of errors. 03:49.430 --> 03:53.630 Also, there is another great expression called custom work. 03:55.250 --> 03:56.940 Let's install it as well. 03:59.520 --> 04:02.940 Then reload using five. 04:04.380 --> 04:11.610 And he said that on the top of the ed, we have nice blue bar and also you're able to hide sideburn 04:11.640 --> 04:13.260 just clicking on that arrow. 04:14.400 --> 04:14.820 All right. 04:16.860 --> 04:19.570 Extension manager, we have the theme section. 04:20.100 --> 04:28.590 There are tons of different and cool things I'm going to install manucci pastel theme, which I think 04:28.590 --> 04:31.830 that is one of the nice things here. 04:32.790 --> 04:39.330 In order to change the theme or font size, you can do it from view and then things. 04:41.650 --> 04:47.630 All right, so in this lecture, we have organized all the tools which we actually need to start coding. 04:48.070 --> 04:51.570 Now it's time to begin more interesting and exciting journey. 04:51.940 --> 04:53.040 So let's move on.