subtitlecat.com

All language subtitles for 15. Adding Some Styling

Afrikaans

Albanian

Amharic

Arabic Download

Armenian

Azerbaijani

Basque

Belarusian

Bengali

Bosnian

Bulgarian

Catalan

Cebuano

Chichewa

Chinese (Simplified)

Chinese (Traditional)

Corsican

Croatian

Czech

Danish

Dutch

English

Esperanto

Estonian

Filipino

Finnish

French

Frisian

Galician

Georgian

German

Greek

Gujarati

Haitian Creole

Hausa

Hawaiian

Hebrew

Hindi

Hmong

Hungarian

Icelandic

Igbo

Indonesian

Irish

Italian

Japanese

Javanese

Kannada

Kazakh

Khmer

Korean

Kurdish (Kurmanji)

Kyrgyz

Lao

Latin

Latvian

Lithuanian

Luxembourgish

Macedonian

Malagasy

Malay

Malayalam

Maltese

Maori

Marathi

Mongolian

Myanmar (Burmese)

Nepali

Norwegian

Pashto

Persian

Polish

Portuguese

Punjabi

Romanian

Russian

Samoan

Scots Gaelic

Serbian

Sesotho

Shona

Sindhi

Sinhala

Slovak

Slovenian

Somali

Spanish

Sundanese

Swahili

Swedish

Tajik

Tamil

Telugu

Thai

Turkish

Ukrainian

Urdu

Uzbek

Vietnamese

Welsh

Xhosa

Yiddish

Yoruba

Zulu

Odia (Oriya)

Kinyarwanda

Turkmen

Tatar

Uyghur

Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:01,440 --> 00:00:06,150 We've now added bonus the SS into our project and it's clear that that C Ss file is being loaded up 2 00:00:06,180 --> 00:00:07,490 inside the browser. 3 00:00:07,530 --> 00:00:10,070 Now we can go back into our component template file. 4 00:00:10,290 --> 00:00:15,510 We can adjust some the HCM inside there and add in a lot of different class names to get a form that 5 00:00:15,510 --> 00:00:17,950 looks a lot better than what we currently have. 6 00:00:18,150 --> 00:00:19,240 Now I'm gonna be honest with you. 7 00:00:19,320 --> 00:00:24,060 If we went through writing out all this additional HCM L and all these classes together right now from 8 00:00:24,060 --> 00:00:30,360 scratch it would probably take us like 10 or 15 minutes just to make all these tiny little adjustments. 9 00:00:30,390 --> 00:00:36,570 But this is really of course about angular not writing out a lot of very tedious h t amount rather than 10 00:00:36,630 --> 00:00:38,490 making all these changes together. 11 00:00:38,550 --> 00:00:45,690 Attached to this video you're going to find a little zip file called something like UW or one for each 12 00:00:45,690 --> 00:00:47,880 team l dot zip. 13 00:00:47,970 --> 00:00:51,660 I want you to go ahead and download that file and go ahead and extract it. 14 00:00:52,170 --> 00:00:59,010 And inside there you're going to see an updated app component HCM El that has some updates to our component 15 00:00:59,010 --> 00:01:03,960 template file that only adds in a couple of additional HDMI elements in a couple of different class 16 00:01:03,960 --> 00:01:05,340 names as well. 17 00:01:05,580 --> 00:01:08,300 Though no changes to the angular side of things whatsoever. 18 00:01:08,310 --> 00:01:11,770 Again I'm just giving you this file to save us a little bit of time. 19 00:01:12,000 --> 00:01:18,260 I'd like you to download that file then open it up inside of your code editor to open up very easily. 20 00:01:18,270 --> 00:01:23,220 You can just drag and drop it into your ED inside of here you're gonna see again. 21 00:01:23,270 --> 00:01:28,670 It's got all the same kind of angular stuff going on but I've just added in a lot of different elements 22 00:01:28,760 --> 00:01:30,870 and classes as well. 23 00:01:30,910 --> 00:01:36,990 I'm going to take everything inside the new file I'm going to select all of it and copy it all then 24 00:01:36,990 --> 00:01:39,720 go over to my existing component template. 25 00:01:39,750 --> 00:01:46,540 Remember that is our app component dot H2 email file and inside of here I'm going to select everything 26 00:01:47,290 --> 00:01:49,210 delete it and then paste 27 00:01:52,650 --> 00:01:58,850 the here's all the updated HCM L and then going to save this file and I'll flip back over to my browser 28 00:01:59,450 --> 00:02:01,820 and we'll see the result something looks like this right here. 29 00:02:02,800 --> 00:02:07,200 And if I'm at 100 percent zoom looks a bit a little bit closer to that. 30 00:02:07,300 --> 00:02:09,330 Again I didn't change anything on the angular side. 31 00:02:09,340 --> 00:02:13,130 I just added in a couple of additional elements in classes. 32 00:02:13,420 --> 00:02:17,290 So now that our form looks a little bit better and we didn't have to spend all that kind of useless 33 00:02:17,290 --> 00:02:22,250 time adding in some styling there's just one or two more things I want to take care of inside of application. 34 00:02:22,250 --> 00:02:23,940 So let's tackle that in just a moment. 3709