‫Hey, there.
‫Welcome back, Siobhan, the side now in this lecture, let us quickly set up everything that we need
‫to start our journey with HDMI lenses.
‫The first thing we need is an editor.
‫So editor is basically where we are going to write our code and do everything related to our project.
‫So there are quite a few editors in the market.
‫We have VSCO, then we have Adam.
‫Then we have sublime text and there are few others.
‫These three are pretty common among the community.
‫Now you can start with any one of them.
‫I strongly recommend VSCO.
‫It's free to use and has tons of extension, as well as team and a few other things that will help you
‫to ease your journey.
‫All you have to do is just jump onto Google and search about VSCO.
‫Get the top link, which is the official website.
‫Jump on the VSCO website and download for whatever the OS you are using.
‫If you are using Windows, Linux or maybe Mac via scored will walk on every operating system.
‫It's free to use and you'll get tons of extension, as well as theme and a few other important things.
‫So just download it.
‫And it's like any regular software.
‫You just need to accept their condition and then install wherever you want in your system and then open
‫it.
‫So this is the philosophy of the school, and from here we are going to start our journey now.
‫First thing I strongly recommend is create a folder in which you are going to keep all our files.
‫I strongly recommend to create that folder either on the stop.
‫So it's easy for you as a beginner to find that and understand about everything related to that folder.
‫You can create anywhere else, but for now, just create your next door so you don't mess with any other
‫thing.
‫Just jump on to next.
‫Stop right now and create any folder without any spaces so you can make any name like launch, Gmail
‫or maybe unwired.
‫Or maybe your name itself.
‫Big any name and just don't add spaces, just any name.
‫You can use Dash to fill up that space.
‫I'm going to call this project as unwired made or maybe learning a.m. You can keep anything that you
‫want.
‫There is no restriction.
‫Now on my next stop, I created a folder as you'll make make more centered on my learning mate.
‫You can keep it anything else.
‫And now here I have to jump on the file and click on Open Folder.
‫I jump on to your next stop.
‫And then select the folder, whatever the folder you have created.
‫So it was you made for me, and let me select this one not set.
‫That's the first view of the project.
‫And here I can just close this one, which is getting started.
‫Now this is where all my files are going to be, and this is where I need to write my code.
‫OK, I will be explaining everything.
‫And now here, if you just drag it for once, you can see this is our explorer.
‫This is Audie.
‫You will make.
‫And here we have some options to create, folder, create, file and everything else.
‫Let me drag it here.
‫So that's done.
‫R.V.S code is ready, but there are few extensions that we can utilize with VSCO to improve our journey.
‫Now, extension help us to fast forward things like if you get auto completion with this quarter, it
‫said.
‫We get information about what we are writing.
‫So there are certain things like auto information mileage.
‫If we are writing something, we will get that information if I'm using any tag.
‫We ask God will help me to inform what this tag is used for.
‫Basically, it's giving me example or description or definition, something like that to install any
‫type of extension.
‫We need to jump here with the extension.
‫Come on.
‫Or you can utilize this short command to just control Shift X or if you have any other type of setting,
‫you can jump here, which is your second command.
‫Now, this is what our explorer this is for our surge, then how we can connect without getting it up.
‫You don't need to know about this right now.
‫You don't need to know about this running debug now.
‫You just need to understand about this expansion and file explorer for now.
‫Just click on the extension part, and here we need to install the extension.
‫The first one is about life support.
‫This is the life so I want and how you will get the option to install.
‫I have already installed it, so it's done.
‫I hear you will have option to install the lifesaver what it is used for.
‫So whenever we write any type of cold, we can get access to that code directly on our browser without
‫refreshing.
‫I will be explaining in America.
‫But this is the extension that you need to install for now.
‫And the second one I recommend is prettier.
‫Yep, that's prettier code formatter.
‫Now why it is recommended, so whenever we try to write anything, even if you are making any mistake
‫of its facing or even if we are not aligning things correctly prettier will help to do this automatically,
‫strongly recommend for everyone.
‫I have already installed this one, so these are the two recommended extension.
‫For now, we'll be doing a lot more so you can search about this as female extension and then you can
‫install about this HDMI snippet and few other things.
‫As we move forward, you will get used to this.
‫You will also search about different other extension.
‫Maybe that will be important for you, not for me or not for others to ring.
‫You will learn about this as we move forward, but for now, install just these two or three.
‫The other one I recommend is icons.
‫So whenever we walk with any type of file, there will be an icon to display.
‫If you are walking with a similar file, there will be a female icon.
‫If you are walking with Byton File, there will be Byton Icon so you can search about material icons.
‫This one, and you can install this one by default, the squad has their own icons, so even if you
‫are not installing this one, it will be fine.
‫But it's recommended if you want.
‫So it totally depends on you.
‫That's done.
‫Now the next thing comes up is team, so you can search a different team.
‫By default, we escort has a decent team, but if you want to upgrade, you can search about different
‫teams and utilize it.
‫I recommend either get up team.
‫By get'em itself, you can use it pretty popular team, they have different versions, dog than them
‫than white.
‫You can use them and have your own experience of maybe building projects on maybe your visual experience.
‫Totally depend on you.
‫That's done, that's how we are going to set up everything would be a school.
‫Now I'm here with my file explorer, which is inside my you'll make this is my folder currently.
‫Now let me create my first file, right click Click on New File, and here I'm going to name it as indexed
‫dot HDMI.
‫That's it.
‫We just created our first file.
‫Now the important thing is here.
‫This is the icon for HDMI by default and we scored.
‫The other important thing is make sure you save this file with index card HDMI Yemen itself here.
‫HTML is the extension and index is the name of this particular fight.
‫If you mess with anything with the extension, it will be carried as different file.
‫For example, if I create index, start by.
‫Now this is a bike on file, and we cannot walk with it right now.
‫So this is a pipeline file.
‫You can see the laws change now.
‫And that's how you need to understand things.
‫So if you have a material like want, there will be some different style off these icons.
‫So you need to understand this point.
‫Let me lead this one.
‫OK, so now we have this in next hour, H.M. now, why index, whenever you open any website, the home
‫page is there for with index itself.
‫So if I jump onto Google right now, if I open this website that has scored Dot Visual Studio dot com
‫by default behind the scene, it opens up in next page.
‫This is the home page, which is a next page.
‫This is actually for every single website that you see online, and this is pretty important for you
‫to all this.
‫As a next start HDMI, you can practice mobile, you can name it anything.
‫But if the file is your home page, then you need to call it as a next dot HDMI.
‫Now that's our basic start.
‫So it's the first lecture.
‫Let us write some HDMI or some time.
‫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.
‫You can see everything is written by itself.
‫And if I have it over this, you can see that one element.
‫The presenter section heading is basically used to write hiding.
‫But hey, you can see this is something this is some type of syntax, some type of words, code.
‫And while we're utilizing it, will we understanding this everything in the next lecture?
‫But for now, let me write something here.
‫Maybe my name itself.
‫Now, if I save this one, make sure you see control, yes, or you can go ahead file and then you can
‫directly say it's important to save, otherwise your change will not appear.
‫Not one status.
‫Save right click here and click on Open with life.
‫So.
‫Now, this is the base that we are going to walk with.
‫This is on a next dark HTML, and here we have all our information that has all our good and that currently
‫we are Cordis with each one.
‫Here you will see some warnings that we don't have Body Dagger back because we haven't created everything
‫correctly.
‫So that's fine.
‫We need to work on it and we will be discussing about this and next lecture.
‫Then we had a message that we have started our server.
‫So remember, right click to open your life server and similarly, go stop your life.
‫So if I jump here, this is our page.
‫The other method to start your page or to access your pages, just jump onto your folder, which is
‫you will make.
‫And then you can directly open this in next fight.
‫Now here the difference is this is I mean, when I saw one, which is our local host, you don't need
‫to remember this.
‫This is running on our local host of all.
‫And this is directly opening in next fight.
‫I strongly recommend utilizing this local Holzhauer through voice code.
‫Let me close this one.
‫That's it.
‫That's how we are going to start now.
‫This is drugs and we utilize drugs to structure our HDL.
‫I will be discussing about this more than next lecture.
‫There are two things remaining.
‫That is my fault.
‫So here, if you jump, you will see certain information.
‫The first thing will be about my board that we are currently running this board, which is our life's
‫over.
‫The second thing will be about the information of this file.
‫So we are running this exchange behind the scene, which is prettier.
‫So every time we say are prepared, do all the changes.
‫Now the thing is this a so this file is referred to this HDMI extension.
‫If I click an auto configured certain file, whatever the file we are working on and I use IntelliSense
‫behind the scene, correct everything.
‫If you are doing any mistake, it will bring the issue in notice that I have did something wrong here
‫or I will have a popup mentioning that I have did something wrong.
‫So that's all.
‫That was a quick information session regarding the school and how to start our journey with this HDMI
‫lenses.
‫Now, the focus on decision was to understand about this whole vs board and fold.
‫I think from the next lecture, let us jump on to the HDMI part and then we will start the journey with
‫all the content and tricks and tips.
‫I hope this was helpful.
‫Thank you for following and I see you guys in the next one.