Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Web Jak se na něj dívám já. Michal Žůrek. Webový prohlížeč Internet Explorer • Předinstalovaný ve Windows • Nejbezpečnější • Uživatelé jsou poznamenáni.

Podobné prezentace


Prezentace na téma: "Web Jak se na něj dívám já. Michal Žůrek. Webový prohlížeč Internet Explorer • Předinstalovaný ve Windows • Nejbezpečnější • Uživatelé jsou poznamenáni."— Transkript prezentace:

1 Web Jak se na něj dívám já. Michal Žůrek

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 × současnost Historie (cca. před 20 lety)Nyní • 1 jazyk = celý web o HTML – Hyper Text Markup Language • Min. 5 jazyků = celý web o HTML – definice obsahu webu o CSS – styly webu o JavaScript – interaktivní web o PHP – dynamický web o SQL – dotazy do databáze

4 Webová revoluce HTML5, CSS3, EcmaScript 5 • Co umožnila? o Web bez doplňků (HTML5, CSS3) o Webové aplikace (JS) o Responzivní web, web se přizpůsobuje moderním zařízením (CSS3) o Menší vytížení serveru (JS a AJAX) o Vnořené jazyky (SVG a MathML) o Nové vizuální prvky, nejčastěji formuláře (HTML5) o Video a zvuk bez doplňků (HTML5) o Optimalizace stylů – nové selektory (CSS3) o Interaktivní styl – responzivní webdesign, animace, přechody a pseudo třída :target (CSS3)

5 HTML • Jazyk definující strukturu webové stránky • XML • Text přenášející se k uživateli • Pravé kliknutí myší > zobrazit zdrojový kód Hello world Hello world Klientská část

6 CSS • Styluje HTML • Definuje vzhled • Layout (nastavení pozice a velikosti) body { background-color: #0094ff; } Klientská část

7 JavaScript • = 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 o CoffeeScript o TypeScript window.onload = function () { document.write("Hello world"); } Klientská část

8 Server × klient ServerKlient • 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 • Zdrojový kód není návštěvníkovi k dispozici • Dynamický web • Generuje HTML Serverová část

10 SQL • Dotazy do databází • Snaží se podobat co nejvíce běžné angličtině • Několik databázových strojů o MSSQL o MySQL o Oracle INSERT INTO "databaze" VALUES ('Hello', 'world'); Serverová část

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 misaz.moxo.cz/web • Použité ukázky naleznete na misaz.moxo.cz/web misaz.moxo.cz/web


Stáhnout ppt "Web Jak se na něj dívám já. Michal Žůrek. Webový prohlížeč Internet Explorer • Předinstalovaný ve Windows • Nejbezpečnější • Uživatelé jsou poznamenáni."

Podobné prezentace


Reklamy Google