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