Original subtitles

In the last lecture, we have talked about a folder structure of our voters project in this lecture

will initialize to the template.

Let's start open the new tab in your browser and please input here this link.

I know it's too long, but you can find his link in the resources of this lecture.

So if you will stop the video on the right side, you should.

You should see there is a recess and there is a link included.

OK, Denny will be linked to this file and what you can do here.

You can.

You can just simply copy it or you can click here.

And maybe it is easier for you to copy it like this.

Just simply get this file.

Control everything like this.

Copy it and go to your code.

And let's based it here.

That's the initial template I have prepared for, you can see its contents, lots of.

HDMI pirates.

OK, lots of lots of HTML parts here.

There is.

No crib, there is an empty export default script and some stylings.

Guys, I need to tell you one thing this is not about HTML discourse is not about a this discourse is

about our futures and the data interactions how you can create your application.

So if you are looking course for HTML, you can look for some of my other courses.

I will be not talking much about how to write classes, how to write a specific stylings and so on.

OK, so just keep this in mind if you are looking for some detailed explanation of this topics.

I have also the other courses for for it is for this matter, here.

If you want to talk or talk only about of yoga.

So please, if it's copied here in the upload view, you can save it.

You will get a couple of errors here because as a Starling's, here I do using classical classical CSS

as I am using SPSS syntax.

OK, that's a little bit different than CIUSSS, and it has to be compiled before it seeped into the

browser.

And for a compilation of the S6's into the classical courses, you need to insert these packages.

You can see they are commented, OK, now will go to terminal.

You should see error.

You are missing says Oh there, for example.

OK?

And you go to browser and you will open your Web Web page.

You will get that same error.

So let's install packages one by one.

Go Theater, you can go to a terminal, you can open here in Utah, up in your terminals.

As I mentioned, controlled tea or coffee and tea to open the new tab.

And let's right here.

Let's back here following comments.

Actually, you can see these comments in your coding editor here, so you can just copy them and pay

me and tells us, Okay, let's press.

Enter this on Press Enter and it will installs us.

OK.

Well, it isn't something we can go back here and they can install now, see us as a loader.

These are very here.

OK, but keep in mind, you need to install this operation says as loaders press enter here it is installing

lights installed this version if you are looking for explanations of why they need to do that.

The simple explanation for this is just simply, we have to do it because to inform the villagers how

to transform S6's to the CIA says you need these three packages.

They are separate.

We will find it in every documentation of villages that that's this.

That's the steps that you want to work with the CSO syntax.

OK.

Instead of a clear hideout and the last one, I mean, star save Cecil older version 10, OK.

And after that, they should be OK.

All right, perfect.

Cleared out now, go back to my previous stuff, I will close this stop.

If you want to shut down your server, you will press Control C or a Command C key to their hideout

and lock down here again and PM serve you OK?

OK, everything is running without any issue.

That's very good news, so let's go to a brave browser or any browser, and that's how your pager looks

like without any.

Without any provided stylings because they are still missing, one starting failed to initialize it,

but if your page looks ugly like this that you have here, this image in the middle we have here, this

top here, then these links and it looks like this the only good of a.

That's how it should look like without any specific stylings.

Yeah, they'd be asking if he had already her body, but of will be they are not.

Not enough.

We will need to provide also the different stylings, but we've we will be working on this in the next

lecture.

But if you'll say this exactly page Allgood, we can continue the next lecture, initialize the other

Australians that are required to display it nicely.

If you any questions, guys, during the course related to the course topics and the stuff I'm explaining,

keep, uh, keep asking.

Guys, just one thing before we will finish the lecture.

If you are really interested into the demo part of this and you really want to understand how the starlings

are collected together, the best way to understand it is simply go to your browser, go to any page

you want.

Right click here.

Inspect.

And here in the elements section.

Here, just click here, cursor.

These cars are here, and you can select every element on the screen like this, any element on the

screen.

You can click at the element and then down here you can see the stars of the element.

OK, so I have selected this deal with a post type class and the latest post text, but I want to see

the styling.

So I'll just simply put it up here.

I can see exactly what strings are applied here.

So this style font size 34 pixels, mountain bottom 10 pixels in front of eight, but I can toggle the

styling so I can click here.

This checkmark off and on, and I can see what will happen with the latest post margins, font, weight

and so on.

And I can see exactly the styling and I can also add here styling.

If I want, I can.

I can increase font size.

The 100 pixels and I don't see what will happen.

And I guess that's the best way to learn that HTML and CSS is just inspect all the credit project and

inspected Starling's they're providing.

OK, that's just the addition.

If you really want to see what's happening here and we are not writing here this entire HTML because

it would spent maybe five hours of more porous content here, and that's not really good.

Thank you, father, sitting in this, and let's continue, guys in the next lecture.

Yes, and thank you for watching.