takže dobrý den já busta převážně tady protože tu mikrofon doufám že se slyšíme i
vzadu
takže na úvod
ne že by měl něco proti programování
to určitě ne ale
v podstatě sou tady novinky s oblasti o tom opět a c z tři
které jak kdyby nejsou používány dostatečně nejde ta ani tak o to že b nefungovaly
ve starších prohlížečích
a prostě si na to zatím programátoři nějak nezvykli
ono de o to
podle mě teď jde o to
takže toto může standardní rozdělení týmu
většinou na týmu spolupracují určité osoby
samozřejmě menší firma to často dělá jeden a
byla to grafy kodér programátorka někdo se stará obsah
případně tam může být ještě někdo můj psát
který by se měla starat o rozložení a vůbec uživatelské pohody
většinou to dělá ten bitově programátor případně kodér
ale
jde o to že tady tyto novinky jakoby nepatří žádnému s těchto povolání je to
něco mezi kořeny programátorem
stejně tak graphic enkodérem
a je ten kdo se stará obsah často může požadovat
s m řekněme článků určité změny
které
vlastně nejdou dosáhnout standardním cena systém
proto se dnes ta často objevují požadavky na různé úpravy a další takovéto věci
rozhodl se už by si hodně dávno a jistě je to dobré rozhodnutí že ose
let webu se bude starat c z s tedy oddělení obsahu to celé
už dávno
můžeme scéně ze skamarádila mobilní verze webů pomocí média který s
základní animace transformace kulaté rovině kterých kontejnerových objektů
stíny našeptává ní a podobně
tady tyto věci většinou nejsou jako by nezbytné provést
pro samotný obsah že
prohlížečích řekněme když
když nějaký objekt nebude mít kovatelný které měl být nic se neděje
vlastně není to žádná závada starých prohlížeče není tolik a ten dojem se s tím
prostě musí smířit
čili tyto věci ho používat a i když nefungujou nic se nestane
nově
co se stejným způsobem na používat například modální okna
takové ty modálního na popad okna se většinou stará java skryt aktuálně a se tady
jo vy ve z něho
stránkování pokud na například nějaký dokument který mají nadpis
tak čísla stránek a podobné věci
neska může spočítat css to není potřeba zapojovat shell script nebo nějaké server ve skriptu
pro starovičky většinou potřebujeme zobrazit různé stavy tegu
a toho
ne a jde o nějaké že akce byla úspěšná chybí ve při vyplňování formulářů a
podobně
je to známe s hodně platforem můžeme tomu říkat taky to zprávičky jak to nazývá
android a je to často potřeba jako by na jednom místě upozorňovat na to neměl
c ze snahy to mohl se dá použít splňování
a na šeptání obsahu při psaní stack stále
samozřejmě tady tyto možnosti
na jisté výhody a nevýhody
vy ho může být rychlost protože načteme c celý obsah všeho co potřebuje
zatím není možné s ten css načítat jako by data
načítat jako by data postupně všechno musí být push při tom prvním kontaktu sveden
a všechno musí načteme teď jenom o to že je to skryté a můžeme sto
postupně zobrazit
zvýší se tím bezpečnost je tam mít datových přenosů není tam část i
tedy případně mohlo dělat nějaké problémy pokud s externího zdroje a určitě je to bezpečnější
pro
navštěvníky stránek kteří můžou mít části úplně
a výhodou a neviděl může být podpora starších prohlížečů tady jde o to jak se
to vezme
všechno se musí nastat dobře tak aby to v těch starších prohlížeči fungovalo
pokud se to neudělá tak je to spíš nevýhoda
datové přenosy můžou být výhoda můžou být nevýhoda
tam de o to pokud nám uživatel na stránce zůstávat
protože pro načtení dat je větší obvykle
a později když s tou stránku pracuje tak se vlastně nemusí přenášet žádná další data
navíc
což je výhoda
projeví se to tak že mu to funguje rychlej tenhle nepozná tam vůbec žádné rozdíly
oproti tomu že last jedna mnohem více možností a přesněji dosáhneme toho o co nám
vlastně té
tady se musíme spokojit s tím co nám zatím možnosti hat emanace se s umožňují
tady mám
state čas wikipedie to teda česká wikipedie a vidíme že tam dostane vystupuje hrozně moc
kterou konkrétních no osumdesát idle různé obrázky
samotné stránky c a ze styly je tam hodně takových těch malých vlaječek a tak
prohlížeče toto většinou grupo šesti toto nastavení se dá změnit ale standardně to berou po
šesti a
na ostatní se čeká to znamená řecky začít načítají šest zároveň hlavně u mobilních přenosů
s vyčerpaným fuk to může být problém prostě ztráta se bude načítat pomalu
tak taková úplně základní věc
která tomu pomůže je podmínka css
podmínku můžeme realizovat pomocí u do adresy
a nebo formulářových prvků jako je check box rádio
tady ukážu dialogové okno toto je ten základě to stejný čas bootstrap u
dole vidíte adresu pokud se chcete na to podívat máte možnost
případně kdykoliv později takže přednáška bude k dispozici slajdy
jak jsem udělal tady pomocí podobné okna b s pomocí javaskriptu
pomáhá na tomu selektor takže který přišel s c ze stroj to
v době c zezdola jedničky takové možnosti nebyly ale i tak by to tam fungovalo
protože
při zadání této adresy
s tím
hash pro se na určitou části adresy
můžeme tomu říkat například záložka jsem viděl že někteří používají toto slovo
takže ve starší prohlížečích by to pouze skočil na to dané místo
ale z možností c ze strojky my si to můžeme skrýt skate kontejner pro přihlášení
state kontejner pro přihlášení a později si ho zobrazit
právě pomocí toho pseudo selektoru ta letět
ten funguje takže pokud je adrese to slovo které před tímto aničko
tak se tento blok se s ním může něco stát tohle případy se může zobrazit
prostě
když tam bude adresa cokoliv jiného než je to aničko tak kontejner zůstane skryty
tím pádem s zase skrýt jakoby může tam být kříže který bude odkazovat na nějaký
na nějakou jo záložku čím se zase skryje
upravme okna může být nevýhoda vtom
takže když se klikne mimo toto okno
tak se vlastně samo neschoval může to být výhoda nevýhoda záleží jak jsou uživatele naučení
jak jsou zvyklí jaké očekávané chování
tato na zobrazení f zprávy check
tak vidím že není vidět adresách za pomlčkou dvojka
a de o to že chceme uživatele jak informovat o tom co se na webu
stalo
tyto zprávičky abych očekáváme že jakoby můžou přijít kdykoliv můžou se zobrazit po načtení stránky
nebo můžou být kdykoliv později řekněme ajaxem do stránky dodány
a de o to aby se z nějakým efektem zobrazili a řekněme po kliknutí aby
se schovali
protože v tomto případě je sou float čili oni tam visí na tom aby je
uživatelé přehlídl
a na kliknutí si může skrýt
tady mám nějakou praskly bych padl h ten
jde o to že jsou tam využity input i alibi
jako by celý ten objekt který ste viděli na předchozím snímku jeden bílej to
a tím se zajistí to že když se na ně vytne
příslušný
input tak třeba se zaškrtne
a na tuto událost jeho můžu například skryt
tohle příkon případě jestli se na to někdy potom podíváte jsou zapojeny css transformace i
animace
rozdíl je v tom že animace se jako b spouštějí okamžitě po načtení stránky čili
tím dosáhnu toho že ty zprávičky se zobrazí při je to zcela
a transformace čekají na nějakou událost jako je například to zaškrtnutí tady toho check boxu
takže kliknutím zaškrtnut checkbox vyvolán transformaci a ta se postará o to aby zase pro
zprávička zmizel
tady jsou nějaké c ze skla k tomu
základ je ten objekt na ty flash zprávičky
tam není jestli nic moc co komentovat a ke konci ztráty už vidíte ten plot
e s tím že je tam ten pseudo selektor čekat taky novinka c d z
s tři
čili když je zaškrtnuto
je tam plus to znamená následující label a něco se s ním stane
tady druhá část těch c z protože sem je to nevešlo na jeden slajd jako
by
tady je zapojena animace
jak vidíte sem podtrhnou to slovo a animace se definuje jako by zvlášť
něco jak se definovaný styly pro různé zařízení jako by tiskové sty a podobně tak
se definuje animace
klíčovým slovem jakej frames
napíšu si název té animace a musí rozepsat různé stavy jak se chová nula procentech
gesto procentech čili nula je začátek stoprocentně konec
a nemůžu například udělat jinou cestu a padesáti procentech můžete nově dělat odbočky a podobné
věci
potom teda to jak využít
tím podstatě tehdy jo
které má jako by nejvíc možností protože
input time region může být zaškrtnuto jedno z několika
a v tomto případě si mám něco jako by jmenné prostory může mít spoustu
spoustu těchto input tak rejdil ze kterých dycky jedno může být za škrtlé podle toho
se to může na chovat
tady k tomu se váže taková zajímavá historka
jak to tak ve škole piva když bývá nějaký úkol jmenujte nějaké programovací jazyky
někdo tam samozřejmě napíše alternace přestože samozřejmě myl
je takový příklad cesta u nás ve škole a učitel říká nic ty může člověk
třeba chce zase číst je čísla
což už dneska t
tady jsem jako ukázku udělat kalkulačku
jednoduchou samozřejmě jenom sčítá a sčítá čísla od jedné do šesti
a zajímavé na tom je to
funguje to jako by tím způsobem
že sem si definoval podle toho nevím jmenné prostory
a všechno musí být označené v déčka
právě díky tomu dědečku ja po si můžu zaškrtnout
cokoliv na kliknutí
zase je to ten klasickej lego který asi můžu formátovat například do podoby tlačítka které
potřebuju kalkulačce
a kliknutím na libo se tedy zaškrtne rádio
a může si tedy měnit můžu si zvolit jedno číslo
potom si to změnit na jiné
a stiskem trusu
zobrazím ten druhý jmenný prostor čili ten schová ten zobrazím jako by mám další čísla
ze kterých může vybrat druhé číslo které bych chtěl sčítat
nakonec samozřejmě rovná se
to případě check box jeho zaškrtnutím se pro výpočet
na výpočtu není nic složitého protože css taky není moc možností jde o to
tady je začátek zase klasicky label
zobrazí inputs chová protože to není potřeba vědět jsou vidět jenom ty lekli nastavím nějaký
blok nějaký
rámeček a další věci tady to samozřejmě není veškerý c ze skot
je to zjednodušené jenom abych mohl něco tady zobrazit
a
t m kasou standardně skryté a ta se zobrazí po stisknutí plusu
tady toto
já jsem tomu celý slajd
je to jako tilda to můžeme nazývat často nebo vlnovka se taky používá
a je to tak nový selektor
c ze strojky
není příliš známý ale je podobný jako prusko že tedy bere cokoliv zatím objektem čili
například zatím zaškrtnut in check otce
bohužel se můžu dostat dopředu a nemůže se dostat do nějakého zanořeného pět musí být
na stejné úrovni
na stejné věci pokud pracuji z element
a tady může druhá část jak probíhá ten výpočet
čili znovu není to žádná t jedna je to v podstatě všechno vypsané
že pokud je zaškrtnutá n jedna a n jedna tak čili je jedna a jedna
součet v a
n jedna n dva součet tři stejně tak jen dva a n jedna
a takhle jsem vypsal všechny čísla
čili žádná složitá kalkulačka jsou vypsané všechny možné stavy které můžou nastat a tím způsobem
to počítat ale máme k apod
tady našeptává na šeptání další příklad kde se často dělají nějaké části ty
a tady není ani potřeba žádné css stačí mezis obyčejný máte na to
protože objevila se na to novinka která se nazývá ta míst
data listuj asi vypíšu možnosti a jednak se můžu zobrazit po kliknutí s posuvník n
nebo jak známe našeptává když uživatel začne psát
tak se mu napovídají možností právě s toho ovšem
tyto věci se vždy realizovali pomocí javaskriptu a je tady trochu problém ve starších prohlížečích
protože tohle tam nebude fungovat nezobrazí se to vůbec
takže de o to jestli si můžu dovolit uživateli tento našeptává odebrat protože pokud na
starší prohlížeč nebude mu fungovat
takže jestli je na šeptáš klíčový prvek tak se vezme láskyplné obejdu pokud je to
pouze nějaký doplněk kterýmu má usnadnit práci
můžu využít tohle
není potřeba javaskriptu a samozřejmě v budoucnu
až vymizí stane prohlížeče nebude javaskriptu samozřejmě vůbec potřeba
no nebude potřeba ke všem samozřejmě
ta ještě taková zajímavost a ten pětka
udělal hodně změn například formulářích nemusím to formulářové prvky už vobalovat
opalovat nějakým form nebo podobným tak jen
v době x ten se tam ještě dál
chvilce
toto všechno tam jsou ty aby to bylo kvalitní dnes už není potřeba formulářové prvky
si murat kamkoliv na stránku
pravidly že chci použít na nějaké takovéto věci
čili tento kód by byla paritní stránka
tady toto u ste možná viděli
de o to jak využít
jak chce zisku využít
možností jak skloňovat
a taky jak dělat možné čísla
je to v případě že výpisu například kolik uživatelů je zrovna na webu ona je
toto těžko najde nějaké reálné využití ale
stát by se to mohlo například případě nějakého redakčního systému
pokud já budu mít například z it hubů zobrazení si pouze statické stránky čili ne
mužů spustit jakékoliv service skripty a tento vidět nějaké proměnné například dvacet počet uživatelů
tak jak skloňovat i slova aby to dávalo smysl
k tomu ve by nám taky mohl stačí pouze h témata c d s
tady je ukázka h ten kódu využíván tam datové atributy
to jako data pomůcka něco
při se pro ukládání takovýchto informací stavům používali například a je to nebo klás
které samozřejmě mají jiný účel tak je to často ordinovalo
tak vznikl nový atribut a ta za který asi může napsat kterékoli s jakékoliv mě
napadne a
vlastně toto můžu využít ukládání jakýkoliv stavu takže je tady je nebo jsou
a to které jsou potom se použije už i rozhodnuto tady chce z esku
mám tady ty pseudo selektory after a before
na nich je zajímavé že oni se umísťují to v nic objektu
cože častý omyl
lidé si často my si že sepnou umístí za něj nebo před něj ale oni
se umístit rovnic a teď jenom motoristy se umístí před text který už tam je
a nebo a za ten text
pokud to není žádný text tak samozřejmě není problém
naplní jako by
tento objekt naplní tím co je potřeba
v tomto případě kontent tam já můžu vložit nějaký řetězec
a nebo použít atribut jak jsem použil v tomto případě
čili ten dat ty
plural
run a
pro možné čísla
a nebo tady pronoun který rozhoduje jezdíte hojně nebo jsou
s tím že standardně to skryté a podle toho jaké je použita číslo s toho
data count
tak podle toho já si to zobrazíme bosky
potom taková zajímavost se z s přepínače
chová se to standard jako check box čili může být zaškrtnutých nebo nemusí být zaškrtnutých
ale často se například pomocí javaskriptu
zobrazovali takto aby byly vidět jakoby přepínače s tím že po kliknutí můžou přejetý znaku
animaci
o ty animace jak jsem říkal se nám může postarat se zas transformace
takže podobnou věc taky můžeme sestavit snadno
s tím že
potřebujeme k tomu tých jako obalový účet a
klasický input v tomto případě check box toho by se použít rádio
záleží jak dyby potřeba ty jmenné prostory ale bylo
s tím že playboye v tomto případě íčko
best olympu se neobejdeme protože ty pseudo selektory before a after nejdou použít na samotný
input
je buď je řádkový element a nelze ho přetypovat nebo
toto některých prohlížečích například chorobu jo a fungovalo ale v žádném jiném či fajn foxu
opeře a další s těchto velkých prohlížečů sto fungovat nebude
takže se neobejdeme bez ledu který právě slouží pro to sdělování
tady ukážu
label zobrazím si ho jako bylo a dále můžu
dávat různé barvičky a podobné věci
input jak je vidět se skrývá tomto případě pomocí opacity cože průhlednost nula znamená skryty
není vůbec viditelný
ty stejný a tak to mají na právě podle toho příkladu kdybyste se potom ani
podívali
a tady vidíte že
tolik udáván kontent a prázdné uvozovky
já to nepotřebuju psát jako by žádný obsah ale stačí mně si tam vytvořit kontejnery
objekt
který já budu různě opakovat
můžu na ty kulatého vy a další věc jak bylo vidět na obrázku
a ty konci stránky je kontent kde je napsán nějaký řetězec to sou ty on
o stavy
které slouží právě proto zobrazení aby to bylo viditelné nekazme
nekazme právě stavu jestli je zapnuto nebo vypnuto ale ve výsledku jde pouze o ten
check box
teď tady jako by na co si dát pozor
protože zjistíme se ráno dělat hrozně moc školy pokud se to udělá špatně
tady jde o to že na webu může být použito nějaké slovo které například skryto
pomocí c zase další věci když tam uživatel přines vyhledavače například googlu
zajímá ho ta konkrétní věc
stiskne kontrola f napíše dohledání to slovo kterého zajímá
a máte stránce výsledku být nemusí
jestli t takže vyhledáváním sice najde ale uživatel nevíte nevidí o nemám zvýrazněné je skryjte
a teď jedna jakým způsobem ale prostě uvidí takže sto bude z na ten
a potom
další věc
pokud používáte float často sto používal takových hlaviček které bývají na samotným obsahem stránky
tak u nich může být takový problém že
na tato hlavička může skrývat text nějaké nadpisy na které se uživatel pro klika pomocí
pomocí těchto záložek jsem tam ukazoval to je tam cache pro stanic of adrese
takže pokud je tady ta záložka
uživatel zanikne a je tam pavouci hlavička tak tato skryje ten nadpis
napišme nikdy to na tom případě znovu uživatel klikl nápis a nevidí o počet zase
se může stát že je zmatek
a to je tak asi vše
pět pokud určitě máte nějaké otázky
případně později tyto slajdy najdete ste a můžu také ukázat
nějaké příklady které sem
dělá tady pro případ této prezentace může okamžitě před stack
by vypadal if prohlížeči
a jestli to máte nějaké otázky tak určitě se můžete ptát případně ještě
no
no v tomto případě jak je
a v tomto případě ty čísla tam v napsané napevno protože
jako pro případ tady té ukázky no ale deltou kdyby ty čísla by uložené nějaké
pro mě dybych nějakou proměnnou která mě vypíše právě ten počet návštěvníků na stránce
tak tady tuto proměnnou bych tam dosadil já jestli se můžu vrátit ukážu přesně kam
tady do toho data kam tam je to číslo podle toho čísla se rozhoduje jaký
sta se má zobrazit
takže tam kde je teď nula na druhém řádku jednička tak přesně na to místo
vyšla ta proměnná
a tato proměnná vy řekněme nastavovala na to jestli se má zobrazit
je nebo jsou jak se má splňovat to sou uživatel
je to tak tam no tak tam
naší dotaz
několik let a
no
no
já jsem se tím zabýval už delší dobu
jde o to že tady tak otevři na něco co de prostě vidět
to postaví nový f a já se nemůžu podívat na zdroje
neříkám že by to nebylo možné
dneska sou některé nebývají ztratí na výtahu ale je to výmečně
a na to bude římse dá podívat
takže často se tam čili může nakouknout a teď lidí
jestli to udělali dobře jestli to neudělali dobře
co tam použili jestli mají ty tady sémantické a podobně
takže
já se na to dívám a
raz s tím pracuje a takže
jsem to
jak se to nevadí
no
ono
nejsnáze asi samotný vyzkoušeni
ale de o to že tady tyto věci sou spolehlivé to bylo proti chtělas tyto
se můžu spolehnout na to že to v těchto větší bude skutečně fungovat
je to jednodušší a
na mobilních asi jedině vyzkoušet taky to tam funguje na těch mobilních prohlížečích není problém
problém je vtom že podobně jako javaskriptu je to časování zrychlen
když je nějaká
animace která se zobrazuje na můžu prohlížeči tak je zrychlena a nebo ne všechny kroky
takový vypadá to potom takové skákal a to se stává jako animaci dělených pomocí javaskriptu
tak u animací dělaný s tady takto pomocí c z
to je neville těch mobilních prohlížečů protože oni nemaj takový výkon takže oni takle šetří
rozumím některé ty věci sem skutečně obtížně využitelné kalkulačku c zaznívá nebude dělat protože to
není potřeba
když tohoto abych zobrazil
jakým způsobem se dá využít to input gridy jo
a
rozumím určitě pochopení kovu vždycky je to problém no pokud na nějakém projektu spolupracuje více
lidí jako někdo tam používá různé složité konstrukci kterým ostatní nebudou rozumět tak přesto je
donucen používat něco jako v jednoduššího právě díky tomu aby se tam kolegové významným ta
případně noví členové týmu co čtvrt
děkuju
a
zase
musí prosím zopakovat
nerozuměl jsem
ste hlasitě
a
a
a
rozumím
takže otázka na to že jakoby logika je skrytá c ze souborech a je tam
to hodin opakování
což určitě pravda
ten proces tam opakuje mnohokrát protože říkám jediné costa můžu udělat je jednoduchá podmínka
nemůžu tam například používat číselné soustavy a sečíst čísla
z něčím takovým se počítá v budoucnu je na to se s atribut krát který
tady by se měl starat o to sčítání
ale zatím není podporován vpodstatě v žádném prohlížeči takže jsem to sem nadával tady tyto
věci už mají podporu velice dobrou
a
u kalkulačky se ten call hodně opakoval
bylo by ideálního renderovat někde na sem pravé straně pokud něco bylo takového potřeba
ale říkám nějaké využití reálné pro takovou tu kalkulačku to měl nápad
to by pouze případ ale jakým potají bejt jo ukládání těch stavu
jako je určitě použitelné
je pátá že lidé zatím nejsou zvyklí hledat logiku c lze soubor
že
že když někdo pracuje na nějakém projektu který dělá například někdo jiný vidí že s
tam něco víte
že se něco zobrazuje něco skrývá tak se podívat do kódu a tam hledá případně
nějaké části tyto jevy s tím o výklad
pokud oloví to bude chce ze zkuje to samozřejmě to z nezvyklé a
je to taková novinka no na kterou si musí z zvyknout
děkuji za dotaz
ještě dotaz
jistě tady
dotaz na přístupnost
takže t jakoby o to
že ten leví po
velikost tomto případě skutečně není moc přístupný
zobrazovat něco pomocí libuje tady problém ale s přístupností todle mnohem víc když se využije
ten pseudo selektor otáčet
a ten skočí na danou část kódu a čtečky můžu rovnou přečíst čtečka pro nevidomé
prohlížet
takže jako pokud čili my si na přístupnost tak
ten
zobrazování pomocí těch formulářových prvků určitě nebude nejlepší ale
na se využitém takže
jo takže jde o to že mám jenom jednu
adresu jedno políčko pro adresu
a ste já mám veškeré stavy čili
může mít jeden stav řekněme najednou protože
je tam pouze jedna adresách ní může být pouze jedna záložka
takže tím sem trochu omezen
dotaz prosím
preprocesor
určitě se k tomu p procesory hodí velice užitečně
rozšířené takové ty jako l s
co sem se dívat nedávné době bootstrap from port o frontend přešel nasaz
ten takovéto věci nepoužívá tento má hlavně částky ale
využijou se na to takové ty věci
jako ukládání do různých souboru
pokud si to check rozepíše do více souborů tyto si gymplu je to mnohem přehlednější
a
když se takové věci spravují
nějaká podpora která by propojoval ten na css těchto pro procesory není protože ty pracují
čistě s tím c ze sklonem takže
jako částečně pomůžou ale
všechno neudělal
děkuji za dotaz
nějaké další dotazy
ještě se můžete rozmyslet pokud nejsou dotazy abych teda ukázala některé tyto příklady
když to vezmu od začátku
tady takže mám stránku
na které je nějaký textový obsah
a v tomto případě jde o přihlášení
že váš přihlašovací formulář je na stran tak často vložen jakoby přímo kódu a jeho
zobrazení probíhá javascriptem
což není potřeba
v tomto případě is efektem může zobrazit tento formulář takto
a adrese která sice není vidět ale tady
záložka přihlášení přihlášeni jde toho kontejneru který se právě zobrazuje
když kliknu na zavřít
zase mě kontejner zmizí a záložce jakýkoliv jiný text v tomto případě úloh nebo tam
nemusí být vůbec žádný text
a p o to že když tam není to co je označené tím videa takže
tak se tento c s selektor jakobín naše a neprovádí se to co je v
něm zapsán v tomto případě zobrazení
další příklad
tady jsou ty flash zprávičky
ještě omluvím stránku
kde vidět že se zobrazí hned po načtení stránky
tady toto je zase výhoda v tom že je to psáno pouze chcete ze s
často můžete na internetu narazit na problém kde se zobrazuje taky něco takto na to
obsahem
a zobrazení zapsáno přímo ve stránce tudíž uživatel který má nemá zapnutý částky to uvidí
tento obsah se mu načte ale můžeme může skrýt protože sklidí se provádí pomocí javaskriptu
takže to je potom chyba ono pokud se tato něco zobrazuje na stránkou
kdy se to mělo zobrazit právě na základě javaskriptu a i na základě že lásky
tužky protože lepší když to uživatel nevidí
pokud to není nic klíčového co by mu bránilo používání stránky samotné
kterékoliv tyto věci potom můžu odplivnout tím flash zprávičku scarie
to je tady druhý příklad tady adrese se nic nevyužívá využívá se těch formulářových prvků
v tomto případě šlo o inputted check box
každá f zprávička měla jeden check box
třetí příklady tady ta kalkulačka
tady sou ty rádia které mě umožňují si zaškrtnout dáte číslo například ve čtyřku
ruském
se skryje jako by původní sada čísel a zobrazí se nová
vyberu si další číslo například čtyři plus tři
a stiskem rovná se to spočítat
tak na to vypadá jako skutečná kalkulačka výsledku je to jenom
za podmínek zapsaných a všechny možnosti jsou vypsána
bylo by se tam napsat cokoliv dalšího mohla vyslovit skutečná kalkulačka ale poctou stránkou by
byl obrovské množství kódu
které by určitě nemělo smysl zapisovat takže ho by musela generovaná kaiserová strana
a stran tady měla několik megabajtů což jako na kalkulačku jistě není vhodné
čtvrtý příklad tady není použito žádné c z širý textové pole jestli můžu šipkou
zobrazit našeptává
a nebo pokud nevyužiju šipku přímo při psaní
se mně tam zobrazuje naše tavený text
pokud mám
určité texty kterých je omezené množství může si je všechny napsat do stránky
pokud je to množství textu příliš veliké je třeba ho načítat nějakým řekněme javascriptem ze
serveru
dá se to využití je tam pak zapojeny java skryt ale nemusí programovatelný tu logiku
to naše ta protože takže napsaná
ve tři celé nám vytvořili
není zase potřeba program
a
ano tyto věci se určitě tady stěhovat
bývá to takové obtížnější bych se to používá že tok řeky obrázek že si uživatel
nakreslí obrázek a ten překryje to původní pole
a nebo tady ty novinky jako sou ty různé barevné přechody rámečky a tak taky
se dá přestěhovat s tím že původní věci vždycky skryje a jako by se to
nastaví na to
samotné stěhování je obtížné protože zase to nefunguje ve všech prohlížečích ale to překrytí to
je zaručena pokutu překryjí obrázkem nebo tok řeky nějakými těmito rámečkem barevným přechody fajfkou nějakým
takovýmto obsahem tak není problém a ve všech rodičích to bude fungovat
tady je příklad to splňování
de o to že těchto větách jediné co se liší právě to číslo
a to je jestli se vypíše je nebo jsou jak se skloňuje slova uživatel potom
se právě starat se zas
tady toto říkám to je obtížně použitelné
praxi těžko
zároveň je problém že když si chci tento texty kopírovat
tady tyto novinky se mně nevezmou
byli to taky problém tři
problém pro internetové boty
které jakoby vyhledávají
na internetu texty tak ty b neviděli rozčleňování samozřejmě scéně ze z nepočítat
u byl se mnou vyučí java script a aby využívat tady tyto novinky zcela zas
tak daleko ještě nejsou
tady je šestý případ
to sou tady tyto přepínače
znovu není zase potřeba žádný java skryt
všechno funguje jako by jenom nastěhování je toto vpodstatě to nastěhování těch jim budu
toto jeden způsob nejsou tady využity obrázky tady jde o to že sou tam ty
kontejnery
se různě přebarví
tím se zobrazí
tady toto je to víčko tak dělej byl a tohlencto je ten obalový element to
byl ty vtom případě
a tímto způsobem já si můžou jakoby přestěhovat check box ta video přestěhovaný checkpoint se
říct
takže to sou asi tak veškeré příklady
které by tomu měl
zdrojové kódy všeho tohoto sou prezentaci tady
na konci
samotné side jsou na této adrese
zde super zdrojové kódy
na bída ve jsem upravovat
udělat si for pokud máte nějaké nápady
tady toto se sou takové věci které napálím mě
ale s pomocí této podmínky se toho na udělat mnohem víc
tady je to spíš fantazii to kdo to používá a jak to zapojí do svého
projektu
jakým způsobem prosíka je tady to zobrazování těch pochlap nemodálních oken s tím se to
dá udělat opravdu hodně
jako biasy můžu takto zobrazovat obsah takže jakákoliv stránka se na začátku načte
a všechny odkazy a všechno problikávání nemusí sestává ze se může to být už přímo
načten jste stránce právě pomocí různých takovýchto check boxu nebo podle toho slipped u full
adrese
se tyhle věci můžou zobrazovat
měla by to taková zajímavost
jako by stránka která se při prvním obsahu načte všechno takové ty různé firemní profily
a takový takhle mohli fungovat
několik málo stránek a není potřeba žádných že lásky
mezi by nebylo problém toto by fungoval na všech prohlížečích
a ještě někdo nějaký dotaz teda
jestli ne tak už bych skončil