Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
Web Michal Žůrek Jak se na něj dívám já.
2
Webový prohlížeč Internet Explorer Předinstalovaný ve Windows
Nejbezpečnější Uživatelé jsou poznamenáni předchozími verzemi Google chrome Jednoduchý Rychlý Sledovaný googlem Mozilla Firefox Open Source Spousta doplňků Příliš rychlý vývoj, doplňky se nestíhají aktualizovat
3
Historie (cca. před 20 lety)
Historie × současnost Historie (cca. před 20 lety) Nyní 1 jazyk = celý web HTML – Hyper Text Markup Language Min. 5 jazyků = celý web HTML – definice obsahu webu CSS – styly webu JavaScript – interaktivní web PHP – dynamický web SQL – dotazy do databáze
4
Webová revoluce HTML5, CSS3, EcmaScript 5
Co umožnila? Web bez doplňků (HTML5, CSS3) Webové aplikace (JS) Responzivní web, web se přizpůsobuje moderním zařízením (CSS3) Menší vytížení serveru (JS a AJAX) Vnořené jazyky (SVG a MathML) Nové vizuální prvky, nejčastěji formuláře (HTML5) Video a zvuk bez doplňků (HTML5) Optimalizace stylů – nové selektory (CSS3) Interaktivní styl – responzivní webdesign, animace, přechody a pseudo třída :target (CSS3)
5
HTML Jazyk definující strukturu webové stránky XML
Klientská část Jazyk definující strukturu webové stránky XML Text přenášející se k uživateli Pravé kliknutí myší > zobrazit zdrojový kód <!DOCTYPE html> <html> <head> <title>Hello world</title> <meta charset="utf-8"/> </head> <body> <h1>Hello world</h1> </body> </html>
6
CSS Styluje HTML Definuje vzhled Layout (nastavení pozice a velikosti)
Klientská část Styluje HTML Definuje vzhled Layout (nastavení pozice a velikosti) body { background-color: #0094ff; }
7
JavaScript = EcmaScript
Klientská část = EcmaScript Umožňuje měnit obsah stránky bez aktualizace (F5) Veškeré vysoce interaktivní prvky jsou naprogramované v JavaScriptu Stojí nad ním nadstavby CoffeeScript TypeScript window.onload = function () { document.write("Hello world"); }
8
Server × klient Server Klient Zdrojový kód je skrytý Generuje obsah
Pracuje s velkým množstvím dat a databázemi PHP a SQL Zdrojový kód je veřejný Zpracovává obsah Rychle reaguje na uživatelovy akce JavaScript a jeho nadstavby
9
PHP Jazyk běžící na serveru
Serverová část Jazyk běžící na serveru Zdrojový kód není návštěvníkovi k dispozici Dynamický web Generuje HTML <?php echo("Hello world"); ?>
10
SQL Dotazy do databází Snaží se podobat co nejvíce běžné angličtině
Serverová část Dotazy do databází Snaží se podobat co nejvíce běžné angličtině Několik databázových strojů MSSQL MySQL Oracle INSERT INTO "databaze" VALUES ('Hello', 'world');
11
Mrtvé webové technologie
Webová revoluce zabíjí Flash Silverlight Pluginy
12
Aktuální trendy Web na jakémkoliv zařízení Hry bez doplňků
Načítání obsahu bez načítání stránky
13
Jak celý web dnes funguje?
Webova.stranka.cz Dotaz
14
Děkuji za pozornost Prezentaci si můžete stáhnout na misaz.moxo.cz/web
Použité ukázky naleznete na misaz.moxo.cz/web
Podobné prezentace
