1 00:00:00,570 --> 00:00:01,200 ‫Hey, there. 2 00:00:01,380 --> 00:00:07,380 ‫Welcome back, Siobhan, the side now in this lecture, let us quickly set up everything that we need 3 00:00:07,620 --> 00:00:10,480 ‫to start our journey with HDMI lenses. 4 00:00:11,220 --> 00:00:13,350 ‫The first thing we need is an editor. 5 00:00:13,800 --> 00:00:20,700 ‫So editor is basically where we are going to write our code and do everything related to our project. 6 00:00:21,570 --> 00:00:24,180 ‫So there are quite a few editors in the market. 7 00:00:24,450 --> 00:00:27,240 ‫We have VSCO, then we have Adam. 8 00:00:27,420 --> 00:00:30,150 ‫Then we have sublime text and there are few others. 9 00:00:30,600 --> 00:00:33,120 ‫These three are pretty common among the community. 10 00:00:33,630 --> 00:00:35,610 ‫Now you can start with any one of them. 11 00:00:35,640 --> 00:00:37,260 ‫I strongly recommend VSCO. 12 00:00:37,470 --> 00:00:44,040 ‫It's free to use and has tons of extension, as well as team and a few other things that will help you 13 00:00:44,040 --> 00:00:45,420 ‫to ease your journey. 14 00:00:45,960 --> 00:00:49,920 ‫All you have to do is just jump onto Google and search about VSCO. 15 00:00:50,580 --> 00:00:53,010 ‫Get the top link, which is the official website. 16 00:00:53,250 --> 00:00:57,750 ‫Jump on the VSCO website and download for whatever the OS you are using. 17 00:00:57,960 --> 00:01:04,410 ‫If you are using Windows, Linux or maybe Mac via scored will walk on every operating system. 18 00:01:04,740 --> 00:01:09,930 ‫It's free to use and you'll get tons of extension, as well as theme and a few other important things. 19 00:01:10,380 --> 00:01:11,460 ‫So just download it. 20 00:01:11,670 --> 00:01:13,710 ‫And it's like any regular software. 21 00:01:13,710 --> 00:01:19,290 ‫You just need to accept their condition and then install wherever you want in your system and then open 22 00:01:19,290 --> 00:01:19,470 ‫it. 23 00:01:20,130 --> 00:01:25,830 ‫So this is the philosophy of the school, and from here we are going to start our journey now. 24 00:01:25,860 --> 00:01:30,750 ‫First thing I strongly recommend is create a folder in which you are going to keep all our files. 25 00:01:31,170 --> 00:01:34,710 ‫I strongly recommend to create that folder either on the stop. 26 00:01:34,980 --> 00:01:41,760 ‫So it's easy for you as a beginner to find that and understand about everything related to that folder. 27 00:01:42,480 --> 00:01:49,110 ‫You can create anywhere else, but for now, just create your next door so you don't mess with any other 28 00:01:49,110 --> 00:01:49,410 ‫thing. 29 00:01:49,980 --> 00:01:51,170 ‫Just jump on to next. 30 00:01:51,170 --> 00:01:58,420 ‫Stop right now and create any folder without any spaces so you can make any name like launch, Gmail 31 00:01:58,440 --> 00:01:59,730 ‫or maybe unwired. 32 00:01:59,740 --> 00:02:01,080 ‫Or maybe your name itself. 33 00:02:01,440 --> 00:02:05,520 ‫Big any name and just don't add spaces, just any name. 34 00:02:05,730 --> 00:02:09,120 ‫You can use Dash to fill up that space. 35 00:02:09,660 --> 00:02:17,130 ‫I'm going to call this project as unwired made or maybe learning a.m. You can keep anything that you 36 00:02:17,130 --> 00:02:17,490 ‫want. 37 00:02:17,580 --> 00:02:18,810 ‫There is no restriction. 38 00:02:19,560 --> 00:02:25,800 ‫Now on my next stop, I created a folder as you'll make make more centered on my learning mate. 39 00:02:26,100 --> 00:02:27,630 ‫You can keep it anything else. 40 00:02:28,370 --> 00:02:32,580 ‫And now here I have to jump on the file and click on Open Folder. 41 00:02:33,540 --> 00:02:34,920 ‫I jump on to your next stop. 42 00:02:35,130 --> 00:02:38,580 ‫And then select the folder, whatever the folder you have created. 43 00:02:38,700 --> 00:02:43,980 ‫So it was you made for me, and let me select this one not set. 44 00:02:44,040 --> 00:02:46,410 ‫That's the first view of the project. 45 00:02:46,890 --> 00:02:49,650 ‫And here I can just close this one, which is getting started. 46 00:02:50,280 --> 00:02:55,680 ‫Now this is where all my files are going to be, and this is where I need to write my code. 47 00:02:56,040 --> 00:02:57,930 ‫OK, I will be explaining everything. 48 00:02:58,440 --> 00:03:02,970 ‫And now here, if you just drag it for once, you can see this is our explorer. 49 00:03:03,090 --> 00:03:03,870 ‫This is Audie. 50 00:03:03,870 --> 00:03:04,590 ‫You will make. 51 00:03:04,920 --> 00:03:09,240 ‫And here we have some options to create, folder, create, file and everything else. 52 00:03:10,140 --> 00:03:11,340 ‫Let me drag it here. 53 00:03:11,880 --> 00:03:12,700 ‫So that's done. 54 00:03:12,720 --> 00:03:20,460 ‫R.V.S code is ready, but there are few extensions that we can utilize with VSCO to improve our journey. 55 00:03:20,910 --> 00:03:26,550 ‫Now, extension help us to fast forward things like if you get auto completion with this quarter, it 56 00:03:26,550 --> 00:03:26,930 ‫said. 57 00:03:27,480 --> 00:03:29,850 ‫We get information about what we are writing. 58 00:03:30,090 --> 00:03:33,510 ‫So there are certain things like auto information mileage. 59 00:03:33,510 --> 00:03:37,200 ‫If we are writing something, we will get that information if I'm using any tag. 60 00:03:37,830 --> 00:03:41,140 ‫We ask God will help me to inform what this tag is used for. 61 00:03:41,430 --> 00:03:47,430 ‫Basically, it's giving me example or description or definition, something like that to install any 62 00:03:47,430 --> 00:03:48,360 ‫type of extension. 63 00:03:48,360 --> 00:03:50,070 ‫We need to jump here with the extension. 64 00:03:50,070 --> 00:03:50,490 ‫Come on. 65 00:03:50,790 --> 00:03:56,310 ‫Or you can utilize this short command to just control Shift X or if you have any other type of setting, 66 00:03:56,310 --> 00:03:58,620 ‫you can jump here, which is your second command. 67 00:03:59,790 --> 00:04:05,890 ‫Now, this is what our explorer this is for our surge, then how we can connect without getting it up. 68 00:04:05,910 --> 00:04:07,860 ‫You don't need to know about this right now. 69 00:04:08,280 --> 00:04:10,620 ‫You don't need to know about this running debug now. 70 00:04:11,040 --> 00:04:15,570 ‫You just need to understand about this expansion and file explorer for now. 71 00:04:16,420 --> 00:04:20,340 ‫Just click on the extension part, and here we need to install the extension. 72 00:04:20,820 --> 00:04:23,190 ‫The first one is about life support. 73 00:04:25,330 --> 00:04:29,350 ‫This is the life so I want and how you will get the option to install. 74 00:04:29,380 --> 00:04:31,960 ‫I have already installed it, so it's done. 75 00:04:32,510 --> 00:04:37,120 ‫I hear you will have option to install the lifesaver what it is used for. 76 00:04:37,240 --> 00:04:43,900 ‫So whenever we write any type of cold, we can get access to that code directly on our browser without 77 00:04:43,900 --> 00:04:44,620 ‫refreshing. 78 00:04:44,800 --> 00:04:46,300 ‫I will be explaining in America. 79 00:04:46,690 --> 00:04:49,630 ‫But this is the extension that you need to install for now. 80 00:04:50,050 --> 00:04:52,750 ‫And the second one I recommend is prettier. 81 00:04:55,420 --> 00:04:58,390 ‫Yep, that's prettier code formatter. 82 00:04:58,660 --> 00:05:04,930 ‫Now why it is recommended, so whenever we try to write anything, even if you are making any mistake 83 00:05:04,930 --> 00:05:11,740 ‫of its facing or even if we are not aligning things correctly prettier will help to do this automatically, 84 00:05:12,070 --> 00:05:13,530 ‫strongly recommend for everyone. 85 00:05:13,540 --> 00:05:18,280 ‫I have already installed this one, so these are the two recommended extension. 86 00:05:18,280 --> 00:05:24,730 ‫For now, we'll be doing a lot more so you can search about this as female extension and then you can 87 00:05:24,730 --> 00:05:28,390 ‫install about this HDMI snippet and few other things. 88 00:05:28,510 --> 00:05:30,960 ‫As we move forward, you will get used to this. 89 00:05:30,970 --> 00:05:34,150 ‫You will also search about different other extension. 90 00:05:34,150 --> 00:05:37,940 ‫Maybe that will be important for you, not for me or not for others to ring. 91 00:05:38,380 --> 00:05:43,810 ‫You will learn about this as we move forward, but for now, install just these two or three. 92 00:05:44,200 --> 00:05:46,650 ‫The other one I recommend is icons. 93 00:05:46,660 --> 00:05:51,430 ‫So whenever we walk with any type of file, there will be an icon to display. 94 00:05:51,430 --> 00:05:54,250 ‫If you are walking with a similar file, there will be a female icon. 95 00:05:54,260 --> 00:06:00,670 ‫If you are walking with Byton File, there will be Byton Icon so you can search about material icons. 96 00:06:02,010 --> 00:06:08,970 ‫This one, and you can install this one by default, the squad has their own icons, so even if you 97 00:06:08,970 --> 00:06:10,950 ‫are not installing this one, it will be fine. 98 00:06:11,370 --> 00:06:13,140 ‫But it's recommended if you want. 99 00:06:13,470 --> 00:06:14,980 ‫So it totally depends on you. 100 00:06:15,840 --> 00:06:16,530 ‫That's done. 101 00:06:16,710 --> 00:06:21,500 ‫Now the next thing comes up is team, so you can search a different team. 102 00:06:21,510 --> 00:06:27,240 ‫By default, we escort has a decent team, but if you want to upgrade, you can search about different 103 00:06:27,240 --> 00:06:28,470 ‫teams and utilize it. 104 00:06:28,950 --> 00:06:30,690 ‫I recommend either get up team. 105 00:06:32,870 --> 00:06:39,290 ‫By get'em itself, you can use it pretty popular team, they have different versions, dog than them 106 00:06:39,350 --> 00:06:39,980 ‫than white. 107 00:06:40,250 --> 00:06:47,750 ‫You can use them and have your own experience of maybe building projects on maybe your visual experience. 108 00:06:47,900 --> 00:06:49,040 ‫Totally depend on you. 109 00:06:50,170 --> 00:06:53,710 ‫That's done, that's how we are going to set up everything would be a school. 110 00:06:54,660 --> 00:07:00,930 ‫Now I'm here with my file explorer, which is inside my you'll make this is my folder currently. 111 00:07:01,350 --> 00:07:09,160 ‫Now let me create my first file, right click Click on New File, and here I'm going to name it as indexed 112 00:07:09,160 --> 00:07:10,080 ‫dot HDMI. 113 00:07:13,800 --> 00:07:14,460 ‫That's it. 114 00:07:14,490 --> 00:07:16,350 ‫We just created our first file. 115 00:07:16,620 --> 00:07:18,950 ‫Now the important thing is here. 116 00:07:19,140 --> 00:07:22,710 ‫This is the icon for HDMI by default and we scored. 117 00:07:23,040 --> 00:07:29,280 ‫The other important thing is make sure you save this file with index card HDMI Yemen itself here. 118 00:07:29,530 --> 00:07:34,330 ‫HTML is the extension and index is the name of this particular fight. 119 00:07:34,890 --> 00:07:39,750 ‫If you mess with anything with the extension, it will be carried as different file. 120 00:07:40,170 --> 00:07:42,840 ‫For example, if I create index, start by. 121 00:07:44,690 --> 00:07:48,740 ‫Now this is a bike on file, and we cannot walk with it right now. 122 00:07:49,070 --> 00:07:50,570 ‫So this is a pipeline file. 123 00:07:50,570 --> 00:07:52,310 ‫You can see the laws change now. 124 00:07:52,580 --> 00:07:54,450 ‫And that's how you need to understand things. 125 00:07:54,470 --> 00:07:59,430 ‫So if you have a material like want, there will be some different style off these icons. 126 00:07:59,930 --> 00:08:01,430 ‫So you need to understand this point. 127 00:08:03,350 --> 00:08:04,790 ‫Let me lead this one. 128 00:08:07,380 --> 00:08:14,670 ‫OK, so now we have this in next hour, H.M. now, why index, whenever you open any website, the home 129 00:08:14,670 --> 00:08:16,770 ‫page is there for with index itself. 130 00:08:17,190 --> 00:08:22,950 ‫So if I jump onto Google right now, if I open this website that has scored Dot Visual Studio dot com 131 00:08:23,310 --> 00:08:27,300 ‫by default behind the scene, it opens up in next page. 132 00:08:27,660 --> 00:08:29,850 ‫This is the home page, which is a next page. 133 00:08:30,240 --> 00:08:35,580 ‫This is actually for every single website that you see online, and this is pretty important for you 134 00:08:35,580 --> 00:08:36,390 ‫to all this. 135 00:08:36,390 --> 00:08:41,010 ‫As a next start HDMI, you can practice mobile, you can name it anything. 136 00:08:41,280 --> 00:08:45,480 ‫But if the file is your home page, then you need to call it as a next dot HDMI. 137 00:08:46,380 --> 00:08:48,210 ‫Now that's our basic start. 138 00:08:48,720 --> 00:08:49,740 ‫So it's the first lecture. 139 00:08:49,740 --> 00:08:52,530 ‫Let us write some HDMI or some time. 140 00:08:52,890 --> 00:08:59,040 ‫So what I'm going to do is I'm going to write each one down here if I write each one and press enter. 141 00:08:59,250 --> 00:09:01,410 ‫You can see everything is written by itself. 142 00:09:01,890 --> 00:09:05,100 ‫And if I have it over this, you can see that one element. 143 00:09:05,220 --> 00:09:09,240 ‫The presenter section heading is basically used to write hiding. 144 00:09:09,240 --> 00:09:15,480 ‫But hey, you can see this is something this is some type of syntax, some type of words, code. 145 00:09:15,960 --> 00:09:20,880 ‫And while we're utilizing it, will we understanding this everything in the next lecture? 146 00:09:20,890 --> 00:09:22,920 ‫But for now, let me write something here. 147 00:09:22,950 --> 00:09:24,210 ‫Maybe my name itself. 148 00:09:26,530 --> 00:09:32,890 ‫Now, if I save this one, make sure you see control, yes, or you can go ahead file and then you can 149 00:09:32,890 --> 00:09:37,480 ‫directly say it's important to save, otherwise your change will not appear. 150 00:09:37,950 --> 00:09:38,950 ‫Not one status. 151 00:09:38,960 --> 00:09:42,400 ‫Save right click here and click on Open with life. 152 00:09:42,400 --> 00:09:42,710 ‫So. 153 00:09:45,510 --> 00:09:48,120 ‫Now, this is the base that we are going to walk with. 154 00:09:48,450 --> 00:09:54,930 ‫This is on a next dark HTML, and here we have all our information that has all our good and that currently 155 00:09:54,930 --> 00:09:56,800 ‫we are Cordis with each one. 156 00:09:57,660 --> 00:10:04,140 ‫Here you will see some warnings that we don't have Body Dagger back because we haven't created everything 157 00:10:04,140 --> 00:10:04,680 ‫correctly. 158 00:10:05,430 --> 00:10:06,320 ‫So that's fine. 159 00:10:06,340 --> 00:10:09,870 ‫We need to work on it and we will be discussing about this and next lecture. 160 00:10:10,380 --> 00:10:13,330 ‫Then we had a message that we have started our server. 161 00:10:13,650 --> 00:10:18,180 ‫So remember, right click to open your life server and similarly, go stop your life. 162 00:10:18,210 --> 00:10:21,150 ‫So if I jump here, this is our page. 163 00:10:21,690 --> 00:10:27,930 ‫The other method to start your page or to access your pages, just jump onto your folder, which is 164 00:10:27,930 --> 00:10:28,650 ‫you will make. 165 00:10:30,040 --> 00:10:32,620 ‫And then you can directly open this in next fight. 166 00:10:33,010 --> 00:10:37,570 ‫Now here the difference is this is I mean, when I saw one, which is our local host, you don't need 167 00:10:37,570 --> 00:10:38,500 ‫to remember this. 168 00:10:39,160 --> 00:10:41,260 ‫This is running on our local host of all. 169 00:10:41,620 --> 00:10:45,280 ‫And this is directly opening in next fight. 170 00:10:45,580 --> 00:10:49,930 ‫I strongly recommend utilizing this local Holzhauer through voice code. 171 00:10:50,710 --> 00:10:51,940 ‫Let me close this one. 172 00:10:54,250 --> 00:10:54,910 ‫That's it. 173 00:10:54,970 --> 00:10:56,830 ‫That's how we are going to start now. 174 00:10:56,920 --> 00:11:01,690 ‫This is drugs and we utilize drugs to structure our HDL. 175 00:11:02,170 --> 00:11:04,930 ‫I will be discussing about this more than next lecture. 176 00:11:05,470 --> 00:11:06,800 ‫There are two things remaining. 177 00:11:06,820 --> 00:11:08,520 ‫That is my fault. 178 00:11:09,280 --> 00:11:12,190 ‫So here, if you jump, you will see certain information. 179 00:11:12,610 --> 00:11:17,770 ‫The first thing will be about my board that we are currently running this board, which is our life's 180 00:11:17,770 --> 00:11:18,160 ‫over. 181 00:11:18,550 --> 00:11:21,250 ‫The second thing will be about the information of this file. 182 00:11:21,250 --> 00:11:24,520 ‫So we are running this exchange behind the scene, which is prettier. 183 00:11:24,880 --> 00:11:28,450 ‫So every time we say are prepared, do all the changes. 184 00:11:28,900 --> 00:11:34,420 ‫Now the thing is this a so this file is referred to this HDMI extension. 185 00:11:34,480 --> 00:11:42,760 ‫If I click an auto configured certain file, whatever the file we are working on and I use IntelliSense 186 00:11:42,760 --> 00:11:44,790 ‫behind the scene, correct everything. 187 00:11:44,800 --> 00:11:50,140 ‫If you are doing any mistake, it will bring the issue in notice that I have did something wrong here 188 00:11:50,170 --> 00:11:53,350 ‫or I will have a popup mentioning that I have did something wrong. 189 00:11:54,100 --> 00:11:54,730 ‫So that's all. 190 00:11:54,730 --> 00:12:02,200 ‫That was a quick information session regarding the school and how to start our journey with this HDMI 191 00:12:02,200 --> 00:12:02,920 ‫lenses. 192 00:12:03,340 --> 00:12:08,350 ‫Now, the focus on decision was to understand about this whole vs board and fold. 193 00:12:08,350 --> 00:12:14,440 ‫I think from the next lecture, let us jump on to the HDMI part and then we will start the journey with 194 00:12:14,440 --> 00:12:16,690 ‫all the content and tricks and tips. 195 00:12:17,350 --> 00:12:18,670 ‫I hope this was helpful. 196 00:12:18,790 --> 00:12:21,850 ‫Thank you for following and I see you guys in the next one.