tak děkuju pane se slyšíme jsem že jo já se slyším
takže ahoj já jsem o za
a momentálně dělám ve společnosti pec kde uděláme nějaký jako webový věci
a téhož tam asi mohlo dát nebudu takže buď sami líbilo to vo čem mluvím
a měli byste pro mě místo slova ze firmy tak jako určitě si nějakou třicet
tak proč by se vlastně browser jako mobilní platformu nebo takhle pro že jsme vůbec
browser jako platformu pro vývoj aplikací měli použít
odlišná penaltu tak datech po browser jako na webu dobře super že všechny ty zdrojáky
jsou otevřený
byla ste
že brzo velice webovou stránku dáte kontrolou nebo zobrazím zdrojový kód tam vidíte tam ten
zdroj a můžete se za něho jako hodně snadno hodně rychle učit
pravda často sou nějak jako za min ify kovaný nejsou jako škaredý ale slz nástroje
kterýma se to dá obrátit
takže to je určena tom super
pak taky browser vás skoro každý a skoro každý už mail mobil s tím souvisí
to že strašně jako snadnej deployment těch aplikací prostě
aplikace se nejsou lidi by se otevře panel nordistově tím zapadl zavře pro jako triviální
tak je strašně jako rychleji ten vývoj na těch budou vzorek nese jako něco upravíte
nějakým javaskriptu větev pět a natavíte se vám to úprava jako vaši chybu upravila nebo
ne
jsou dokonce i nástroje ženy ta zpěvačka nemusíte sto detekuje samo změnu vtom zraku stránka
slovo projekt se znovu načte a hnedka to vidíte
výhoda taky je to píše v jednom jazyku ti mezi těmi javaskriptu můžete si o
něm jako myslet co chcete ale tak to vypadá takže tu prostě je a dlouho
to bude
a všichni mně píšou by soud nějaký odnože jako ňáký coffee skryté pipe skripty
o výsledku dycky sto vypadl nějaký prostě jede javaskriptu
existuje taky celá řada knihoven který usnadní práci při vývoji těch aplikací pokud znáte jake
rady tak vězte že je to fakt jenom začátek je docela různě jako se frameu
roků
před rokem dostat že populární třeba modulated jsem o něm mluví jako že to není
tak úplně super a začíná se mluvit o horák tu tak možná trošku nevýhoda těch
webu je že se to strašně rychle mění že když prostě termination zasekne ten ano
pak najednou prostě duše ta komunita těch vývojářů někde úplně jinde
tak takže projdeme ty jednotlivý věci který nám nabízí začneme trávu kaskádový stylů
kde když to marrova nějakou aplikaci typicky musí nějakým jako uživatelský rozhraní dvou ty lidi
klikat a na webu nás my použiju pomáhají a kaskádový styly
dneska verzi tři ušlo jeho celou řadu
věcí který prostě usnadní tu tvorbu těch uliček mezi jako první co mu ste vůbec
nějakou chcete rozmístit ty prvky nějaký lieu ty stránky
s týmem určitě pomůže věc krásné reflex moc
což je podstatě o to dřív uměla něco takovýho bylo jako docela složitý mustanga co
nějakou opalovací prostě je debian asistoval tým jako nějaký relativní pozice já nevím co takhle
cvoci to co můžete zas javy nebo z podobných věcí jak nějaký vertikální horizontální členění
ty jsi do sebe můžete různě zanořit
a veškerý jako přepočítávání na procenta tak za vás jako řeší ten browser
jo že tady když
se podíváme třeba na zrovna temelín
tak vona nějakej displej flex co řekne že ty prvky který v něm jsou se
mají tím flek jsem jakoby použít
a těm jednotlivým elementům pak můžeme nastavit zase flex jedná se všude případě už jako
nějaká a bojíte jakoby
a
řešení jak moc se má rostou a nebo smršťovat vůči těm ostatním prvkům můžeme mu
třeba i smršťování zakázat slušná třeba tajita zajímavé
který ať s nimi bude akce také má pořád prostě fixní velikost to samý tady
tento site bar
velmi snadno se tam přes kde je to vlastně
jo ona se tam dá měnit pořadí těch prvků
já tím že ty cz tam můžeme nezpozitivněni tak když se to hodně zmenšíme tak
sem to může sama jako přeskupit nějakej úplně jako jinej je out
a ten marka co vše toho a ten jako pořád stejný
tak momentálně ve stádiu nějakýho draftu je takzvaný griddle aut
co šel je to na to se dřív používalo tabulky a pak se ptala k
tomu ty sou špatný že to vlastně nedělá jako tabulkový data ale jenom nějaký jako
jo takže můžeme do ňáký mřížky zase rozmyslela ty prvky takže se to hodí
můžeme velmi snadno udělat zaoblené ložky
nemoh nemáme tak
do modra rádius nějaký rozměr
ano že se z obilí
kdy jsem musel udělat obrázky dnes už to tak není potřeba motorem všechno co tady
říkám proměnný ne který zmíním tak funguje ve všech prohlížečích aktuálních verzích
dokonce i ježku
tak dál můžeme dělat nějaký jednoduchý animace
sadistova to nepřeháněj žádný jako má rakovinu běhající takový myslím prosím vás nedělejte
ale třeba nějaká jednoduchá změna barvy nebo i to že najde ten odkaz a moc
se třeba nějak jako decentně rozsvítí tak se level tak snadno máme nějakej ale nebo
ten má nastavené nějaké vlastnosti a málem je vlastnost transition
kde se řekne kterou vlastnost sem jako sledovat nemohli malovat můžeme napsali ale pro to
strašně požene zdroje
a nejen ona ta animace trvá ta nějaký jako průběh té animace
a pak si třeba nadefinujeme že na adrese má prostě změnit čili při najetí kurzoru
sváření ta barva na zelenou a
prázdný je se to odjedu zvýší s zase se to rýmuje zpátky
tak gympl jako základní použití ty animace se dají dát i podstatě kompres komplexnější ještě
zadává nějak jeho klíčovejch snímků na
a já nevím čeho všeho
takže už tam není potřeba žádné požadavky vám všechno se postará ten browser
navíc často uši ty browser jsou dneska mají jak sledování vykreslování takže to výsledku animuje
vaše grafická karta a je to strašně rychlí
tak můžeme dělat nějaký jednoduchý barevný přechody to že ty bys nějaký jako pozadí
takže když bych si to je to ú
jo zas na nějaký jako background vymyšlená gradient že má bejt vodorovnej nebo si myslej
ní to je nějaký jako kulatý přechody a prostě jednooký barvičky přes který ten si
nepřejí samozřejmě by se nějakými dalšími parametry tady zadat kde je přesně jako chceme mít
na tom na tom přechodu
dál to už taky umí nedělá stíny jakou celé jejich hra na tech elementů
to vše ukázané třeba tady kde se dá zaslouží nějaký směr to s tím vzdálenost
jak moc máte s tím mít rozostřený
jakou máte s tím barvou
a koumání průhlednost
a pak se taky líbil se vydal ty stíny u textů cože prezentovaný tady
na
různých jako možnostech jak ten stín asi byla jestli můžeme neděle nebo pouze stíny ale
sebe nějaký efekt jako
rozmělnil textu takže defakto dlaň takže těch stínu je tam jakoby hodně nejsou nějak rozostřený
je sou dycky posunutý jako vo jeden pixel
jiné místo
tak a tím se dostáváme i markup u nás jako nejdůležitější je volnej pěknější změna
jeho telefonech audio a video co však možná zuby letní přehrávat videa a zvuky takže
se konečně můžeme rozloučit flash
se strašně super
a je to takovej drobnej ano drobnej problém a tím jsou kodeky protože ty browser
se pořád jako nedokážu mezi sebou shodnou na tom který vlastně mají podporovat
a překvapivě není shoda třeba ani mozillou a chromem a operou
takže taková jako největší sázka na jistotu je použít pro zvuk m p trojku nebo
čko což sice nejsou jako úplně licenčně čistý věci ale když se zavede fungovalo všude
tak pro nic jinýho nezbejvá
peníze třeba nesnažte používat wav kterej by se mohl zdát jakože bude musí fungovat všude
ne chlívečku wav nefunguje
fakt jako
nechápal sem
a na video aha dvě stě šedesát čtverku taky funguje všude
todle už je věc která se tak jako běžně používá myslím že jim klubů stojí
ve výchozím stavu zapnul takže si pustíte najít rybu nějaké video tak za to nejspíš
hraje přes alt emil pětku vimeo nebo
to
pravda
a taky vimeo to umí přes nějaký přepínač a na ten zvuk třeba soundcloud většinou
tam mají flash právě na nějaký funguje pro případ tý reklamy nebudu ten browser byl
taky strašně hloupej a starej a neuměl to
tak a teď už přejdeme na
jestli které se týkají javaskriptu a přímo jako vývoje těch aplikací
první taková hezká věc jsou websockety soše prostě to co znáte z unixu nebo z
operačních systémů jako soket
takže něco co je napojené na server a v ní to komunikovat oboustranně
cože rozdíl právě oproti třeba u že byste modelu z browseru poslat něco na server
aby se to je psal třeba jakou instant messagingovou aplikaci což my sme třeba chtěli
potřeb pistol serveru dostávat ty zprávy zpátky
i s tím ajaxem jako existoval způsob jak to dělat říkalo se tomu říká se
tomu long polling vy si vlastně otevřete spojení a ten server necháte otevřený strašně dlouho
a čekáte než vám přijde nějaká odpověď a she dostanete otevře to znovu před je
to strašně hloupý řešení že jo ale fungovalo to
takže se ty websockety chtěli použít tak poručuju knihovnu socket hrajou petra pro node jazz
co však jako javascript na serveru
a letos okna joulův za vás jako vyřeší veškerou abstrakci kolem těch javascriptů
dokonce tam ale jak jako fallbackový varianty takže když by ten browser ty websockety neuměl
tak se použije flash případně tebou poli jako ukázku těch websocketů tady jo tak u
jednoduchou hříčku
obzor s
jiné
to poběží
jak ta většina těch dem tady sou jako živý tak doufám že božstva nám budou
nakloněni a že zdejší internet nějak bude fungovat
tak a ted už vidíme demo kde lze všechny ty kurzory jsou nějací jako další
hráči kteří snaží splnit nějakej společnej úkol nebo
vobčas i společnej brzo občas objeví nějaký jako dveře který někdo musí otevřít tím že
někde klikne
a všecko je to defakto jako
reálným čase
vidět
u do rozsahu manželce za strašně líbilo
doporučuju
že to skener socket a nájem myslel celkem vážně o tom že se čili to
že existuje draftu nerad bych sem p ukazuje co ke všem plemen za xmlka protokolu
se websockety dopravíš máte jaký žebra server na to si dát jak ivana pro právě
přestali ten graf
a pak se nemůžete přes websockety napojit můžete prosklený takže ber klienta browseru
tak další věc sou web workery co jsou defakto vlákna routeru super ani to že
ty vlákna ze pustí mimo tomu víčko tak když máte jaký náročný výpočet něčeho pak
si můžete prostě pustit to vlákno
a tomu uživateli to pak nevadí jo nezasekne se mu schvalování všechno pro se krásně
funguje
bohužel jako způsob jak třeba zjistit kolik jader ten dané jako uživatel na a pustit
ho jako kolik vláken kolik těch jaderná by to black on řekne nejrychlejší ten výkon
a jako takový hezký nebo na té důchodové fungovat ode mě bohužel moc dobře ne
fachčil
je pro skripta jinej tady sere
takže na
ne tak tady je na dvě nějaký časy
a ona to reaguje tak jako by prý antialiasingu
alison terezin zapnu
bez workerů akci vygenerovat tak furt na ikonku prostě ručičky a to víčko nereaguje jsem
se chvilku počkat než se to
rozmyslí
doufám že vůbec jako nastane
tak už se to stalo
a v neděli zapnul ty bilborty
a dám trenér tak prostě to umíš korán graph povidáte browser sync jako na pozadí
renderuje tady ty můžete mě pravo nahoře vytížení procesoru
zda nebo fakt něco dělo lidí že mi to všechny štyry jádra kterých notebooku mám
napadlo dev jako mohlo bejt zajímavý celá přesile workery vlak nějakej mining být kojnou někde
pozadí
ve sem jako zatim
to jako nekoukal nevím souseda ono jako jinýho nebudu první
ta věta rtcd další jako docela pěkná věc má to bejt vlastně náhrada defakto může
za přesto jako náhradu skype u routeru
todle je jediná si věcí kdy dovezu který je škole umí
proč asi protože vlastní ten skype a moc mysim tak o nelíbil chcete oni mají
nějaké jako konkurenční standard krize snaží prosadit
hrůza mysim to mozek o nepovede
existuje nějaký jako pluginy který by to devátý c měly umožnit
ale co sme to teda práci zkoušeli tak zatím bohužel žádný moc jako nefungoval
a o čem to vrací vlastně je to jako real time komunikace je tupý mezi
jde o program
po světové to v zásadě je tři apíčka a to přístup k té kameře a
mikrofonu
to je kameru se tady můžeme na takovém jednoduchém domů klidně hnedka ukázat
ja teda idem ho rovnou na procesy který tady budou mysim kolegové ukazovat zejtra nepovede
bez holek nějaká přednáška a přesto je právě přístup na kameře nějaký následný zpracování změn
vtom obrazu
další apíčka je i v konečném co šel navázání právě je tupý spojení mezi dvěma
průzory a poslední editačně nos
což umožňuje mezi kladem pro uzly kromě audia a videa posílat vy úplně libovolně data
na to abych se utkala v tom posledním odkazovat exponent
jako už napadlo implementovat tomhle no pomocí toho a ty si by to rand protokol
dokonce touž nějaký přednášce se do toho tady melete si napustil jako nějaký bitovém klient
primu stáhnul prostě s a vybleje video odešlo jako dokumentovaly liberec úplně legální
a moci tom klidně jako sítová na ten java script pozadím prostě vtom exponentu do
to stahovalo ty bloky který potřeboval
republiku bohužel mají tam nějakýho probouzela to se mi nepovedlo jako rozchody takže vás tady
můžu ukázat živé demo
cena a ty si trošku kontroverzní je že nijak nespecifikuje signalizaci jo prováděcí typické pro
humor a signalizace je to když já potřebuju na to někomu na tý druhý straně
jestliže funkci zavolat případě že za nohu zvednul nebes mu položil nebude se něco takového
stalo
to rtcd kde není jako napsaný jak se má dělat
no se trošku věnuje tak telekomunikací na podobně jak vás můžu napadnout pojmy jako jestli
neopravili jsem lépe
a ano pro obě dvě oba dva ty l protokoly už existuje implementace pane přes
devátý c
takže pokud provozujete nějaký asterisku vás na serveru můžete ke uvedl z browseru připojit a
dělat telefonní hovory přímo z browseru to funguje
jenže to tady ukázat jestli to teda bude fungovat
bohužel ne tak božstva nám nejsou nakloněny
ale o co tady vtom s tom kde je že to měl byt jakoby videokonference
z více z více lidmi
ale žádná kam místnost ale ty ve úprav a pro kodek navštíví tohle podle bral
takže tom připojit kdyby to fungovalo chtěl jsem ukázat právě z mobilní telefon to funguje
takže jako strašně pěkný a tuším že android pětka ušmudlaný ty nativní podporu ve webmin
úterý pro ty debaty c věci
ta další
apíčka o je menší jel který teda na jako nejkratší slajd ale já mám ze
všech jako nejradši
byla jsem s tím že je diplomku a já sem tak jako strašně se těším
na to váš někdo farbe to bude mít ty koule že všechny ty apíčka dá
jako dohromady do jednoho byla prostě nějakou parádní hru elementy multipliers a brzd odhad hrát
přímo z browseru
a za trošku odbočil ve frekvenční jel noc implementace úplně žije ale zdá cože to
samý opengl co máte většinou v telefonech
takže pokud máte napsáno ňákou aplikaci právě pro mobilní telefon už android nebo a jo
s tak ty úplně žil příkazy pro si můžete k jednak jedné představil javaskriptu a
bude to fungovat
sou ty projekty jako třeba mysim jak má skript se to menuje který umožní právě
céčkový zdrojáky konvertovat do javaskriptu
právě s využitím tady tyhle technologií
na to tady mám připravenej na takové pěkné démon bohužel ten můj notebook jako na
něho moc pomalej a to demo je na to jako moc hezký
takže si ukážeme jenom na youtube aspoň uvidíte i to a ten byl pět
tak potom takže doma ne na dlouho dokud nebude
tady no já nezapomenu
to znamená jako nadšenci nebo nějak vedou jestli takže věta finance jako tak
a
ne to ne nebo je právě ten pátek kdy registru jiřinách jedno window
a nebo do brna
ano na tomhle nebylo
když je to uplně že je to omezený oproti těm pádům proto že jel tak
je to rovno jako například že neumí volby textury ale
na videu že nejsou tam nějaký názor jak je teda dílo do prahy
ano
metodiky
pokud byste si tam lepší hotel něco vyzkoušet ale neuměli byste přímo u ponížil jako
takový který jako není úplně z mýho pohledu aspoň pěkný na to naučit se o
tak vám doporučuju knihovnu vostrý děs
která právě spoustu těch jakou podíl věcí abstrahuje
takže si tam jednoduše vytvořit reformu jako scénu přijaté do ní krychličky nastavíte textu vše
dáte tam nějaký světlo nastavíte kameru
a voni máte zadáváte jako hotovou hotovo vraků
přines cenu která se pak dá dále je animovat tak vlastně všechno možný kromě ve
vyšší a to se lidi jestli umí další
další jako renderovací
no prostě renderery takže to můžete tu scénu generoval třeba i do té své géčka
nebo dopadla sou co štrébr nebo pomalejší neumí to třeba některý věci ale funguje to
si že to má i asi a to waylandu error
tak jak audio
takže apíčka pro analýzu a generování zvuku
takže to ten zvuk umí jak analyzovat takže u sou jako jí musím třeba napsaný
ledničky na kytary a podobný věci přes webový prohlížeč tak to umí ty zvuky generovat
na této připravený
další dvě den
tohle budu potřebovat
zdroje zvuku
snězte sledovali tu litr tak jsem sháněl někoho s elektrickou kytarou co slovo uzlu nepovedlo
si pomůžeme
telefon
pro motoráku jako kytaru
a ten dají se to
jak ty
jo kromě která těch taktů servery různý jako vizualizace takže to má cenu to nemyslí
taky znám může to s tím nějak dál pracovat
no
a krom to že ten zvuk ten umí jako analyzovat nebo umí vytvářet jsou k
tomu připravený různý generátory jako byla sinus ojetá obdélníkových signálu
co se zase vrátíme k demo scéně kde se ta typicky používá pro generování právě
hudby
takže systém znali nějaký třeba starý a my kdy a podobně nebyl jako zvuky uložené
takzvané moduly jak vás to přestane kry tak ušli to máme implementované
jak zrovna ten modul pro ty track record mně toho že
je to je ten zvuk taky musí mít i nějaký načítání těch modulů co jsou
jako defakto binární data takže už jako s těma se dá těch browser nějakým způsobem
pracovat
tak stav h
ty data zabili můžeme taky vtom různou si nějak jako lokálně ukládat a nemusí to
bejt jenom kupí s
ale může to bejt i ušitý velmi databáze krásnou prostor h nebo přímo sqldatabase které
se říká index to líbí zas to umí už dneska všecky browser i ne na
tom univerzální jako pěkný demo protože nevím se zase ukázalo jako na tom že se
vám něco uložíme databáze
jako
také docela jako řada dalších a pí čech který ta ten od pětka poskytuje často
se tím míří třeba na mobilní telefony veš nějaký apíčka pro řízení vibrací no provokaci
ti zařízení
zrovna přenosy tejdnem vyšel nějaký graf na to push up i existuje aby pro klid
word nebo pro práci právě se soubory já binární daty a služeb nějaký školy pro
winfred krimu za taky jsem se na věc box origin p na které je to
jako míře nyní
vtom smyslu že se počítá s tím že sou tam nějaký jako počty tlačítek a
páček
který právě má ten xbox co vy
posledně takže to jsou to většinou dravci takže se připravte na jamese s tím začni
byla tak se vám třeba za pár měsíců stane tu aplikaci budete muset prostě přepsal
protože si jedou si mysleli se tam něco bude dát jinak
tak to je z mý strany všechno co sem se jako připravil co mi přišlo
jako pěkný za pěkný apíčka ty dáte na pětce
a klidně sem jako ptejte co bude jedno to vám odpovím
domě
prosím tak jako že tam ještě
pro záznam
moc někdo ne
tak mě by zajímalo jestli byste tohle artis vyzkoušeli nějakou praxi protože mi přijde že
ta teorie je to byl komunikace sice pěkná ale pořádek s tou takové věci jako
na a bez nějakého toho prostředního serveru
jako představa že pět liber komunikace mezi telefonem když než aby z nich nemá nějakou
veřejnou ip tak jak se to řeší nebo
jestli není problém
jasně problém s tím
není nebo jako nerozladili lidí procentech případů by neměl být protože tam existujou a ty
malý to nepopletou co je co
ale sou tam takzvané tam
a
turing
servery
a ten stan server
tak po to dopadne nebo pletou ty
pojmy
jeden z nich právě řeší tenkrát a to sice to že vy když se té
vtom rtcd navázat spojení
pak a ono se to nejdřív spustí na přímo a když to jako nějak neprojde
tak si to zkusím poslat nějaký jako seznam kandidátů to nebylo úplně to pravé
a ten si právě pomocí toho stát serveru pokusí jako ty dva klienti mezi sebou
jak vyměnit a domluvit na tom nejlepším jako možným pokud by se na žádným jako
nedomluvili tak jako právě poslední možnost
je použít ten první server který defakto dá prostředníka i pro ty streamy takže nebo
jako dostane jak je zpracuje a šli na to že jako strašně náročný na venkově
věřím že mobil poskytuje nějaký veřejný ty tram servery a it is tam servery
takže funguje to i když se za na ten nebo na různých sítích
děkuju
tu svítilnu změnit že ho změnili že by se dalo udělat i fedora prohlížeči
ta reportovaném i open source lidi inženýrky dvojka
přímo do webový prohlížeč že se sejdeme se tam podívat že pravdu uši doplnil a
čína
datová
jenom prostě jdi s ten projekt má za musí být jeden čili ty zapsat
jo
to je to nějaký jako právě tak jako a háčkou do které měl nějaký jako
potom na těch proste herní server je to protihráče koši hra se strašně těším
tak bych se chtěl zeptat když máme takové jako ty a pět jsou k dispozici
proč se mně často stává na mobilu že na mě vedle na webové stránce vybafne
ať si radši stáhnu mobilní aplikace používám ti
proč vlastně to tom a není zas pro ty aplikace ještě po
tady to vyskakoval in těch oken právě byla jako strašně populární dřív když ty mobily
byl jako nový tak vždy prostě zpravodajské server chtěl mít svůj aplikaci
dneska už ten trend začíná být i obrácené že si lidi vlastně uvědomili že
push nemusí mít pro své mobilní aplikaci plnohodnotnou k tomu aby se k tomu jsou
dostane že jo takže postačí ten browser
vy s nástupem jak nějaký ls podzimního roste do dyzajnu před ty webový stránky tak
nemusí lehko dvakrát
takže tenhle trend pustíš ustupuje