Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,150 --> 00:00:06,360
In the last lecture, we have talked about a folder structure of our voters project in this lecture
2
00:00:06,420 --> 00:00:08,520
will initialize to the template.
3
00:00:09,480 --> 00:00:13,920
Let's start open the new tab in your browser and please input here this link.
4
00:00:13,950 --> 00:00:18,450
I know it's too long, but you can find his link in the resources of this lecture.
5
00:00:19,020 --> 00:00:21,450
So if you will stop the video on the right side, you should.
6
00:00:21,630 --> 00:00:24,570
You should see there is a recess and there is a link included.
7
00:00:25,110 --> 00:00:30,290
OK, Denny will be linked to this file and what you can do here.
8
00:00:30,300 --> 00:00:30,780
You can.
9
00:00:31,440 --> 00:00:33,840
You can just simply copy it or you can click here.
10
00:00:34,380 --> 00:00:36,960
And maybe it is easier for you to copy it like this.
11
00:00:37,740 --> 00:00:39,150
Just simply get this file.
12
00:00:39,330 --> 00:00:41,790
Control everything like this.
13
00:00:42,270 --> 00:00:45,450
Copy it and go to your code.
14
00:00:45,450 --> 00:00:47,280
And let's based it here.
15
00:00:48,620 --> 00:00:52,310
That's the initial template I have prepared for, you can see its contents, lots of.
16
00:00:53,480 --> 00:00:54,590
HDMI pirates.
17
00:00:55,800 --> 00:00:58,450
OK, lots of lots of HTML parts here.
18
00:00:58,470 --> 00:00:58,920
There is.
19
00:01:00,050 --> 00:01:05,960
No crib, there is an empty export default script and some stylings.
20
00:01:06,830 --> 00:01:14,060
Guys, I need to tell you one thing this is not about HTML discourse is not about a this discourse is
21
00:01:14,060 --> 00:01:18,440
about our futures and the data interactions how you can create your application.
22
00:01:19,130 --> 00:01:23,800
So if you are looking course for HTML, you can look for some of my other courses.
23
00:01:23,810 --> 00:01:29,480
I will be not talking much about how to write classes, how to write a specific stylings and so on.
24
00:01:30,140 --> 00:01:34,560
OK, so just keep this in mind if you are looking for some detailed explanation of this topics.
25
00:01:34,940 --> 00:01:40,590
I have also the other courses for for it is for this matter, here.
26
00:01:40,590 --> 00:01:42,810
If you want to talk or talk only about of yoga.
27
00:01:42,860 --> 00:01:47,180
So please, if it's copied here in the upload view, you can save it.
28
00:01:48,230 --> 00:01:54,950
You will get a couple of errors here because as a Starling's, here I do using classical classical CSS
29
00:01:54,950 --> 00:01:57,800
as I am using SPSS syntax.
30
00:01:58,640 --> 00:02:04,280
OK, that's a little bit different than CIUSSS, and it has to be compiled before it seeped into the
31
00:02:04,280 --> 00:02:04,790
browser.
32
00:02:04,790 --> 00:02:11,120
And for a compilation of the S6's into the classical courses, you need to insert these packages.
33
00:02:11,120 --> 00:02:17,210
You can see they are commented, OK, now will go to terminal.
34
00:02:17,210 --> 00:02:18,080
You should see error.
35
00:02:19,130 --> 00:02:21,020
You are missing says Oh there, for example.
36
00:02:21,440 --> 00:02:21,830
OK?
37
00:02:22,860 --> 00:02:25,530
And you go to browser and you will open your Web Web page.
38
00:02:26,760 --> 00:02:27,840
You will get that same error.
39
00:02:28,020 --> 00:02:29,760
So let's install packages one by one.
40
00:02:32,160 --> 00:02:36,660
Go Theater, you can go to a terminal, you can open here in Utah, up in your terminals.
41
00:02:36,810 --> 00:02:39,720
As I mentioned, controlled tea or coffee and tea to open the new tab.
42
00:02:39,720 --> 00:02:40,530
And let's right here.
43
00:02:40,710 --> 00:02:42,120
Let's back here following comments.
44
00:02:42,930 --> 00:02:47,040
Actually, you can see these comments in your coding editor here, so you can just copy them and pay
45
00:02:47,040 --> 00:02:49,590
me and tells us, Okay, let's press.
46
00:02:49,590 --> 00:02:52,830
Enter this on Press Enter and it will installs us.
47
00:02:54,420 --> 00:02:54,820
OK.
48
00:02:54,840 --> 00:02:59,160
Well, it isn't something we can go back here and they can install now, see us as a loader.
49
00:02:59,250 --> 00:03:00,180
These are very here.
50
00:03:00,840 --> 00:03:08,370
OK, but keep in mind, you need to install this operation says as loaders press enter here it is installing
51
00:03:08,370 --> 00:03:14,700
lights installed this version if you are looking for explanations of why they need to do that.
52
00:03:15,210 --> 00:03:21,720
The simple explanation for this is just simply, we have to do it because to inform the villagers how
53
00:03:21,720 --> 00:03:26,260
to transform S6's to the CIA says you need these three packages.
54
00:03:26,280 --> 00:03:26,970
They are separate.
55
00:03:27,450 --> 00:03:30,960
We will find it in every documentation of villages that that's this.
56
00:03:30,990 --> 00:03:33,960
That's the steps that you want to work with the CSO syntax.
57
00:03:36,470 --> 00:03:36,800
OK.
58
00:03:37,030 --> 00:03:43,370
Instead of a clear hideout and the last one, I mean, star save Cecil older version 10, OK.
59
00:03:43,760 --> 00:03:45,470
And after that, they should be OK.
60
00:03:46,610 --> 00:03:47,300
All right, perfect.
61
00:03:47,740 --> 00:03:52,250
Cleared out now, go back to my previous stuff, I will close this stop.
62
00:03:52,250 --> 00:03:59,390
If you want to shut down your server, you will press Control C or a Command C key to their hideout
63
00:03:59,390 --> 00:04:05,000
and lock down here again and PM serve you OK?
64
00:04:07,740 --> 00:04:09,400
OK, everything is running without any issue.
65
00:04:09,420 --> 00:04:15,450
That's very good news, so let's go to a brave browser or any browser, and that's how your pager looks
66
00:04:15,450 --> 00:04:17,190
like without any.
67
00:04:18,610 --> 00:04:23,110
Without any provided stylings because they are still missing, one starting failed to initialize it,
68
00:04:23,110 --> 00:04:28,120
but if your page looks ugly like this that you have here, this image in the middle we have here, this
69
00:04:28,450 --> 00:04:33,760
top here, then these links and it looks like this the only good of a.
70
00:04:34,700 --> 00:04:37,910
That's how it should look like without any specific stylings.
71
00:04:39,860 --> 00:04:44,500
Yeah, they'd be asking if he had already her body, but of will be they are not.
72
00:04:45,470 --> 00:04:45,980
Not enough.
73
00:04:45,980 --> 00:04:50,480
We will need to provide also the different stylings, but we've we will be working on this in the next
74
00:04:50,480 --> 00:04:50,900
lecture.
75
00:04:50,900 --> 00:04:56,720
But if you'll say this exactly page Allgood, we can continue the next lecture, initialize the other
76
00:04:56,720 --> 00:05:00,140
Australians that are required to display it nicely.
77
00:05:00,800 --> 00:05:06,430
If you any questions, guys, during the course related to the course topics and the stuff I'm explaining,
78
00:05:06,440 --> 00:05:08,210
keep, uh, keep asking.
79
00:05:09,460 --> 00:05:11,620
Guys, just one thing before we will finish the lecture.
80
00:05:12,190 --> 00:05:16,960
If you are really interested into the demo part of this and you really want to understand how the starlings
81
00:05:16,960 --> 00:05:23,560
are collected together, the best way to understand it is simply go to your browser, go to any page
82
00:05:23,560 --> 00:05:23,950
you want.
83
00:05:24,360 --> 00:05:25,810
Right click here.
84
00:05:25,900 --> 00:05:26,680
Inspect.
85
00:05:27,370 --> 00:05:29,320
And here in the elements section.
86
00:05:29,320 --> 00:05:31,990
Here, just click here, cursor.
87
00:05:33,100 --> 00:05:37,810
These cars are here, and you can select every element on the screen like this, any element on the
88
00:05:37,810 --> 00:05:38,260
screen.
89
00:05:38,950 --> 00:05:43,900
You can click at the element and then down here you can see the stars of the element.
90
00:05:44,710 --> 00:05:51,580
OK, so I have selected this deal with a post type class and the latest post text, but I want to see
91
00:05:51,580 --> 00:05:52,180
the styling.
92
00:05:52,180 --> 00:05:54,340
So I'll just simply put it up here.
93
00:05:54,970 --> 00:05:57,090
I can see exactly what strings are applied here.
94
00:05:57,100 --> 00:06:02,710
So this style font size 34 pixels, mountain bottom 10 pixels in front of eight, but I can toggle the
95
00:06:02,710 --> 00:06:03,700
styling so I can click here.
96
00:06:03,700 --> 00:06:09,940
This checkmark off and on, and I can see what will happen with the latest post margins, font, weight
97
00:06:09,940 --> 00:06:10,620
and so on.
98
00:06:10,630 --> 00:06:14,560
And I can see exactly the styling and I can also add here styling.
99
00:06:14,650 --> 00:06:15,460
If I want, I can.
100
00:06:15,580 --> 00:06:16,840
I can increase font size.
101
00:06:18,300 --> 00:06:20,310
The 100 pixels and I don't see what will happen.
102
00:06:20,850 --> 00:06:27,360
And I guess that's the best way to learn that HTML and CSS is just inspect all the credit project and
103
00:06:27,540 --> 00:06:29,640
inspected Starling's they're providing.
104
00:06:31,080 --> 00:06:32,250
OK, that's just the addition.
105
00:06:32,490 --> 00:06:38,420
If you really want to see what's happening here and we are not writing here this entire HTML because
106
00:06:38,430 --> 00:06:43,410
it would spent maybe five hours of more porous content here, and that's not really good.
107
00:06:44,880 --> 00:06:48,780
Thank you, father, sitting in this, and let's continue, guys in the next lecture.
108
00:06:49,020 --> 00:06:50,670
Yes, and thank you for watching.
10267
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Akan
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bemba
Bengali
Bihari
Bosnian
Breton
Bulgarian
Cambodian
Catalan
Cebuano
Cherokee
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
Esperanto
Estonian
Faroese
Finnish
Galician
Georgian
German
Greek
Guarani
Haitian Creole
Hausa
Hawaiian
Hebrew
Hmong
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Kinyarwanda
Kirundi
Kongo
Korean
Krio (Sierra Leone)
Kurdish
Kyrgyz
Laothian
Latin
Latvian
Lithuanian
Luganda
Luo
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mauritian Creole
Moldavian
Mongolian
Myanmar (Burmese)
Montenegrin
Nepali
Norwegian
Pashto
Persian
Polish
Portuguese (Brazil)
Portuguese (Portugal)
Quechua
Romanian
Romansh
Russian
Samoan
Scots Gaelic
Serbian
Sesotho
Setswana
Seychellois Creole
Shona
Sindhi
Sinhalese
Slovak
Slovenian
Somali
Spanish
Swedish
Tajik
Thai
Tigrinya
Tonga
Turkish
Turkmen
Ukrainian
Uzbek
Vietnamese
Welsh
Wolof