0:00:16 | a |
---|
0:00:18 | vím třeba že nadpis je |
---|
0:00:23 | nějak |
---|
0:00:25 | oko taková na ale těch ty meta značek nej neni takový množství aby vy |
---|
0:00:34 | věděl nějak nějakou konkrétní kde se chci |
---|
0:00:38 | zjistit |
---|
0:00:39 | proc ozve tomhle třeba nemá nemůžu vyčíst je jestli nějak nějákej tak stručný nebo ne |
---|
0:00:48 | můžu tam více tak dobré nebo strong |
---|
0:00:52 | ale můžu toho taky docílit pomocí cc chcete zas |
---|
0:00:56 | nevím jestli ten nadpis je viditelný nebo ne |
---|
0:01:03 | nevim jaká je velikost toho to písma když je ten na to když je to |
---|
0:01:09 | nadpis tak velikosti písma vod bude asi kdyby větší ale drát to |
---|
0:01:16 | tom pomocí c css můžu nějak upravit |
---|
0:01:20 | a už vůbec nevím jakou máte z papa nějaký jaký má text kontrast tři |
---|
0:01:27 | o pozadí |
---|
0:01:30 | takže nevím |
---|
0:01:32 | nějak moc je vidět velmi jestli to je nějaká ne pod začíná informace patice stránky |
---|
0:01:42 | to která je ne nepodstatná mém nebo to je nadpis kde je deset minut |
---|
0:01:51 | abych no |
---|
0:01:52 | a |
---|
0:01:54 | vnímat |
---|
0:01:56 | tu webovou stránku na jiný úrovni ta potřebuju znát |
---|
0:02:04 | styly nějaký vole |
---|
0:02:07 | japonsko tři potřebuju vědět jak ten text |
---|
0:02:11 | vypadá |
---|
0:02:13 | k tomu |
---|
0:02:15 | tomu já si musím |
---|
0:02:18 | zparsovat dat pro tenhleten vzniká vznikne mi dokument o může pončo pouček model |
---|
0:02:26 | a je jenom u toho nemůžu skončete asi změny ve čtu css |
---|
0:02:32 | s prosil tak taky c s m s |
---|
0:02:36 | a |
---|
0:02:38 | z domu a vás objektový ho mu dolce css já si sice stavem tak ze |
---|
0:02:43 | tak zóny displej který kdy někdy nazývaný tak jako render který |
---|
0:02:51 | cože základ ze kterýho plot potom prohlíželi použití těch dejte měla layout a renderem |
---|
0:03:01 | chtěl ten deset disku displej který mu šuma chtěl pro |
---|
0:03:06 | každej to mohl element známý chce skrz naskrz |
---|
0:03:14 | když se podívám o odkud škodu odevšad se recese s |
---|
0:03:21 | ne tak sou čtyři hlavní zdroje je to in inline styl po to tom to |
---|
0:03:28 | je vidět styl přímo hodnotu nula a nebo nějakej externí sto sám samostatným sou souboru |
---|
0:03:36 | tam je |
---|
0:03:38 | jedna malá zrada a to že tam ještě může byt import tady vo tom to |
---|
0:03:42 | si rekurzivně načítat další den a další závislosti |
---|
0:03:50 | když se podívám na nějaký c ssl ram vedlo a tak tam mám nějaký to |
---|
0:03:56 | má nějaký částí |
---|
0:04:00 | a |
---|
0:04:01 | je tam může tam bejt je něco co jim identifikuje |
---|
0:04:07 | název elementu nebo jeho identifikátor a nebo název třídy a můžu sem odkázat na |
---|
0:04:15 | přímý potomky a ta cena puppet atributy a nebo slovy před sebou elementy |
---|
0:04:24 | kterýmu show jsou hodně specifický podpoření domů nebo ta |
---|
0:04:30 | pro zjednodušení pro zjednodušení nějakým vím inu zatím se pseudoelement já ad atributy |
---|
0:04:42 | a když se podívám na css selektory |
---|
0:04:48 | tak si můžu všem dnům že je několik typů těch |
---|
0:04:52 | selektoru |
---|
0:04:55 | je to |
---|
0:04:56 | a |
---|
0:04:57 | název třídy |
---|
0:04:59 | potom název elementů identifikátor elementů |
---|
0:05:04 | pak je univerzální selektor to je jednička to zní to zní to znamená ten platí |
---|
0:05:10 | na všechny vo tom elementy |
---|
0:05:13 | a potom jsou to potomci a při přímí potomci |
---|
0:05:19 | a tam vlastně je |
---|
0:05:21 | tedy tech tom je že potomci |
---|
0:05:26 | se zapisuje omezenou |
---|
0:05:29 | co čteš takovej ne neviditelný selektor ale praxi to |
---|
0:05:36 | selektor je |
---|
0:05:37 | a přestřihni potomci jsou |
---|
0:05:40 | větší to |
---|
0:05:42 | nikdy se tam taky ukazoval z o rozum to zobrazuje ruku zapisuje čárka |
---|
0:05:48 | a to je vpodstatě jenom logické u operátorů nebo |
---|
0:05:58 | a |
---|
0:06:02 | když jestli ta chcete teda uvědomím že ty že ty |
---|
0:06:11 | css pravidla |
---|
0:06:14 | a sebe se měj vyjádřit je že chce css error pravidlo je jen je jenom |
---|
0:06:22 | se s česká televize několika selektoru |
---|
0:06:28 | a |
---|
0:06:29 | tak |
---|
0:06:31 | tak dojdu k tomu |
---|
0:06:34 | když |
---|
0:06:35 | vlasně |
---|
0:06:38 | je to strašně podobný tomu je po když píšu do té dotaz do na do |
---|
0:06:44 | databáze ty chce css selektory jsou v jednom do parsovací jazyk do tý stromu víš |
---|
0:06:53 | struktury a znaménko vždycky to by tak vytáhne nějaký elementy |
---|
0:06:57 | a aplikuje to na ně c s m zprávu |
---|
0:07:03 | a |
---|
0:07:06 | když jsi |
---|
0:07:10 | ty |
---|
0:07:11 | selektory ne |
---|
0:07:12 | formou formálně popíšu formou forma jestli |
---|
0:07:16 | zapíšu co |
---|
0:07:18 | co je co dělaj co znamenaj tak je žije pako můžu a pojď aplikovat a |
---|
0:07:26 | spočítat si na který elementy přesně ty |
---|
0:07:31 | a pak ty pravidla mají bejt a typu |
---|
0:07:37 | a také když jsem vo tom přemejšlel tak jsem se bude uvědomil že |
---|
0:07:44 | css z celé které jsou je jenom o |
---|
0:07:47 | operace na množině tom |
---|
0:07:52 | potřebuju jenom nějaký funkce |
---|
0:07:58 | mám funkci jako která mi jenom dvě vybere elementy podle názvu a von podle názvu |
---|
0:08:07 | učil hotovo elementu nebo třídy a nebo jim i identifikátoru |
---|
0:08:13 | a potom mám dvě další funkce který my jim vy vyberou při přímý potomky a |
---|
0:08:20 | ne a |
---|
0:08:22 | nebo celej ně i apod |
---|
0:08:24 | strom |
---|
0:08:27 | a ty funkce mi úplně stačí k tomu abych si moh |
---|
0:08:34 | bych si mu o |
---|
0:08:37 | vybírat |
---|
0:08:38 | proto holt pitomá elementy na základě to toho dcerce space |
---|
0:08:45 | uvedu to na např například nula |
---|
0:08:49 | mám tak takovýdle pravdu pak pravidlo je to na moment kdy s |
---|
0:08:56 | třídu kontent tady ve kterým jsou všech všechny moc podstavce který má přijít o potomky |
---|
0:09:06 | odkaz |
---|
0:09:08 | tak když se na to podívám tak rossi |
---|
0:09:12 | nejdřív vyberu |
---|
0:09:15 | všechny elementy který se jmenuje kdy |
---|
0:09:20 | a viděl vydělám víc se všema onen tak teď l ale není tam a který |
---|
0:09:26 | máj přídu kontent |
---|
0:09:31 | o tom si vem vyberou všechny nás následníky |
---|
0:09:38 | přepíšu touž mě mezi nezajímá odtud s to co bylo předtím to co bylo |
---|
0:09:44 | řekněme je místo |
---|
0:09:47 | a za se uvidí udělam průniku |
---|
0:09:51 | se všema moc odstavcem a pak si najdu tří psů potomky |
---|
0:09:58 | a znova udělám pomník se všema element a má |
---|
0:10:02 | který mají název a |
---|
0:10:06 | když to budu chtít jim implementovat tak se mi vy platit pro ho používat příklad |
---|
0:10:14 | hašovací tabulku která má rychlý průniky |
---|
0:10:19 | a tak podle způsob způsobem to už napsal |
---|
0:10:24 | si šel |
---|
0:10:33 | ukážeme si to na |
---|
0:10:36 | je to zcela |
---|
0:11:03 | já s já jsem o |
---|
0:11:09 | po spotřebu potřeb potřebovala aplikovat c se co se s tele při řešení jednoho problémů |
---|
0:11:17 | viděl jsem se na to piny u té která je dostupná |
---|
0:11:24 | githubu jmenuje se vlajce chcete css |
---|
0:11:28 | a ta mi právě mi dělá to že se |
---|
0:11:32 | domů |
---|
0:11:35 | a s css pravdu pravidel |
---|
0:11:40 | udělá disk displej ty |
---|
0:11:44 | a toho já jsem not do talířů |
---|
0:11:49 | na tom jestli stavím a konkrétní tom daném |
---|
0:11:55 | takže tady já si vypni tu vytvoření úroveň adresou |
---|
0:12:01 | stáhnul si potom no |
---|
0:12:04 | kdo |
---|
0:12:05 | řetězce se stavím se jenom |
---|
0:12:09 | tomhle řádku se je sestaven když ste displej který |
---|
0:12:14 | dokážu se na konkrétní hned to má element tomhle při a případně na nadpis třetí |
---|
0:12:22 | úrovně |
---|
0:12:24 | a potom |
---|
0:12:25 | si vy dvě počítám je přece s styly |
---|
0:12:31 | ten moment |
---|
0:12:34 | zkontroluje jestli jsem připojený sem takže by to mělo fungovat |
---|
0:12:49 | podívám se co mi to uzel |
---|
0:12:53 | styly vidím že |
---|
0:12:57 | velikost písma je |
---|
0:13:00 | čtyrycet šest pepik se pixelů |
---|
0:13:03 | font typu úplně canc |
---|
0:13:09 | takže když se když se podívám na tu webovou stránku |
---|
0:13:36 | takže si tam nadpis |
---|
0:13:38 | tři tím úrovni a podívám se na věc že vypočteny stali tak to syntax si |
---|
0:13:47 | můžu ověřit jestli to |
---|
0:13:49 | funguje |
---|
0:13:51 | vidím že je tady velikost přísná čtyři čtyrycet šest topics pixelu a von tam ale |
---|
0:13:56 | jako open source |
---|
0:14:06 | zároveň si může můžete všimnout že třeba například příklad pár barva je |
---|
0:14:15 | černá chceš je špatně |
---|
0:14:19 | je potom ukážu a taky |
---|
0:14:23 | nevýhoda je že |
---|
0:14:26 | to není to implementovaný |
---|
0:14:30 | ty různý zkratky že třeba mám tady velím to a perlin za zvlášť |
---|
0:14:40 | je to tím že |
---|
0:14:43 | roku bílou barvou |
---|
0:14:51 | je tam pseudo selektor |
---|
0:14:54 | ale když se podíváte na toho troubu tvůj který vzal ty mary piny a |
---|
0:15:03 | tady mějte ty |
---|
0:15:05 | ty tam přítomni sou |
---|
0:15:19 | tady jenom ve zkratce je vy vypadá ta |
---|
0:15:25 | ta abstrakce |
---|
0:15:27 | selektoru třeba tento vás selektor |
---|
0:15:34 | tam to než jsou tam dvě u operace jedna z nich je co sem vám |
---|
0:15:40 | viděla to je se má dělat podnik nebo přepsání |
---|
0:15:45 | tak a vtom tomhle případě se dělá ni |
---|
0:15:51 | a proto je tam ten |
---|
0:15:53 | select se to nestane tři případě že najde |
---|
0:16:01 | nejde elementy který mají tu danou při činu ten tam je strašně důležitý to |
---|
0:16:08 | že když takže vy musíte mít i index někdo k tomu elementu o podle názvu |
---|
0:16:15 | tři třídy patří ty ženy identifikátor |
---|
0:16:19 | a protože na běžný vem webový strach stránce s tisíci pravd prvé tisíci potom elementy |
---|
0:16:31 | je ten rozdíl použití ne použití tím indexem takovej život spis tedy počítal deset sekund |
---|
0:16:38 | nebo tři sta |
---|
0:16:53 | takže ku sem řek ten bug ten balíček se menuje jak vlajce se css je |
---|
0:17:01 | opensource na |
---|
0:17:03 | githubu |
---|
0:17:06 | a po pokud máte nějaký do dotazy tak máme názor |
---|
0:17:20 | vím že je to by vůbec někdy problematické |
---|
0:17:26 | toho je to prohlížeči funguje synkovi při |
---|
0:17:30 | přímo u tý tím úplně jiný |
---|
0:17:37 | ano |
---|
0:17:45 | ano je to i je to tak na druhou stranu a |
---|
0:17:51 | ten obrázek ta ten byt bitmapa se hodně dlouho načítá je to vůbec obrázek |
---|
0:18:00 | proto se používají víš my jsme jí spíš smát souhlas s ním před předefinovány vobrázky |
---|
0:18:07 | znaků když mám ve obrázek můžu použít o c r |
---|
0:18:12 | a mám sto toho ten text a tušíme je to pravda dětí a jakou to |
---|
0:18:18 | má je jakou to má váhu to je tam dokonce při přímo takže |
---|
0:18:23 | a s obrázku se to čte snáz jako s nás |
---|
0:18:26 | nejs toho hotelu kde ta informace je jedna k tomu tohoto no a jen konce |
---|
0:18:32 | ssl musí |
---|
0:18:43 | ano to byl to byl jako by možný přístup tam je strašně problém to že |
---|
0:18:49 | vesničan stranky to je |
---|
0:18:51 | v devu nebo to se dělá několik sekund to se musíte stránka stáhnout a dá |
---|
0:18:57 | aplikovat sto posteli ale neni tam je to musí se |
---|
0:19:01 | a |
---|
0:19:03 | musí se u toho zpracovávat javaskriptu nedej bože když je tam nějaká reklama ve flash |
---|
0:19:08 | je tak se sta dvacet let |
---|
0:19:10 | ještě do toho že |
---|
0:19:13 | takže a pak ještě protože u všech že tokům komplexní musim použit prohlížeč musím se |
---|
0:19:19 | tomu nějak dost to znamená asi použít používat |
---|
0:19:23 | se lenným teďkom |
---|
0:19:24 | a |
---|
0:19:25 | já mám nějaký proces prohlížeče druhý proces musí to spolu nějak umí komunikovat a takže |
---|
0:19:31 | když já potřebu změn v mým případě já s sem vpodstatě jen indexoval staré stránky |
---|
0:19:39 | a takže já jsem to potřeboval spočítáte nebo mít hotový za do sekundy |
---|
0:19:46 | a s tím protože čem to bylo vždycky tak jako pět šest sekund |
---|
0:19:49 | takže |
---|
0:19:52 | ano můžu to můžu to můžu to |
---|
0:19:57 | vzít se s kým se postarám |
---|
0:20:00 | ale nestojí mně to |
---|
0:20:03 | stran nic |
---|
0:20:05 | a peněz |
---|
0:20:06 | a je pako otázka je jestli se mi nebo nevyplatí si a aplikovat i s |
---|
0:20:12 | tady sám a ty nemám o to pokud jedna věta |
---|
0:20:18 | to je čistě finančně plus úspora ne že by prostý webový stránky nešlo při |
---|
0:20:39 | a je to pravda jeden s předpokladů je žena a ten obsah koše takovej ten |
---|
0:20:46 | tlak na to pro slušnou ty informace sou je žije |
---|
0:20:53 | ty pro ty vyhledávače dřív za indexoval jenom to sou tomto dneska to už jako |
---|
0:20:59 | platíte vyhledávače po stáhnou |
---|
0:21:03 | a naštěstí to moc jako vývojářům ne jako nyanja nepočítá s tím tak si nula |
---|
0:21:10 | ne kdo zvolí nedovolí jako takový typ moc podstatný věci k zachycování do dotahovat přes |
---|
0:21:18 | ležet ale samozřejmě |
---|
0:21:24 | jestli ten ve bude tím s ten toho věci jenže co je do tý míry |
---|
0:21:30 | že ty podstatný informace nebudou je nedostupný tak nebude jiná cesta myš |
---|
0:21:37 | stáhnout dělá skript vykonávat ho asi osm se tam tram podívat co se po pokec |
---|
0:21:43 | a pavel tak ale je to |
---|
0:21:47 | je to hanba |
---|
0:21:49 | tedy zatím miku |
---|
0:21:51 | se nemusí řešit a do budoucna je tak velkej otazník jestli to nebude |
---|
0:22:03 | tak jestli mi že žádný do tak zimě jsou tak vám děkuji ti děkovat před |
---|
0:22:10 | přeju vám byste ho dokázali číst |
---|
0:22:14 | info formace ten lístek sto stránek u komplexně jiné jenom z na tom |
---|