Moderní techniky vývoje webových aplikací

ZVYŠOVÁNÍ

ODBORNÝCH KOMPETENCÍ AKADEMICKÝCH PRACOVNÍKŮ

OSTRAVSKÉ UNIVERZITY V OSTRAVĚ A SLEZSKÉ UNIVERZITY V OPAVĚ

Moderní techniky vývoje webových aplikací Bogdan Walek

ÚVOD DO PROBLEMATIKY V oblasti tvorby webových stránek existuje mnoho postupů, technik a technologií, které lze k vytváření webu použít  Kromě toho se stále vyvíjí webové prohlížeče a způsob, jakým jsou informace pomocí webu publikovány  Cílem balíčku je zmapovat a popsat současné moderní přístupy a techniky, které se při vývoji webových aplikací používají s důrazem na jejich praktické využití

Hradec nad Moravicí listopad 2013



2

POPIS SOUČASNÉHO STAVU 

V současné době existuje několik technologií, které se při vývoji moderních webových aplikací používají. Mezi ně patří zejména:  




3

 



Jazyk HTML5, Kaskádové styly CSS3, AJAX, jQuery a jiné javascriptové frameworky, API pro práci s různými webovými aplikacemi a službami (Mapy.cz, Google Maps, Facebook, apod.).

Při vývoji moderních webových aplikací je důraz kladen na jednoduchost, uživatelskou přístupnost a použitelnost, sémantický obsah a rychlost načítání webových stránek

NOVINKY A TRENDY V OBLASTI Novinkou v oblasti zobrazení webu ve webových prohlížečů je stále větší podpora jazyka HTML5 a kaskádových stylů CSS3, což by mělo vést ke sjednocení zobrazení webových stránek v různých typech prohlížečů  Aktuálním trendem je používání javascriptových frameworků pro práci s formuláři, obrázky a celkovou interaktivitu webu s uživatelem  Stále více se prosazuje používání technologie AJAX, která asynchronně načítá části webové stránky, čímž umožňuje rychlejší načítání webových stránek a snížení objemu přenesených dat




4

METODY APLIKACE DO PRAXE




5

Jazyk HTML5, který slouží k tvorbě jednotlivých částí stránky přináší nově tyto možnosti:  uživatelská přívětivost – lepší práce s formuláři, díky CSS3 lepší a propracovanější vzhled elementů,  jednodušší práce s multimédií – vlastní přehrávače audio a video souborů,  offline webové aplikace – možnost vytvoření omezené verze webové aplikace přístupné i pokud je uživatel offline,  podpora sémantického webu,  vyspělejší podpora vykreslování grafických prvků – pomocí SVG nebo Canvas.

METODY APLIKACE DO PRAXE 

Pro interakci s uživatelem, tvorbu efektů, animací, položek menu, záložek, práci s obrázky a formuláři se v současné době používá několik javascriptových frameworků:




6

    



jQuery, Dojo, ExtJS, AngularJ, GoogleWebToolkit, Mootools a další.

Frameworky usnadňují samotný vývoj webových aplikací a řeší případné odlišnosti zobrazení v různých webových prohlížečích

SHRNUTÍ V rámci balíčku byl vytvořen souhrn současných moderních technik, které se při vývoji webových aplikací používají  Praktické využití moderních technik a postupů bylo znázorněno na konkrétních příkladech  Byla vytvořena studijní opora v rozsahu 90 stran  Obsah balíčku byl lektorován v rámci 5 workshopů konaných v průběhu června 2013  Bylo vytvořeno e-learningové prostředí v systému Moodle, jehož součástí byly materiály a korespondenční úkoly




7

OVĚŘENÍ DOSAŽENÝCH OČEKÁVÁNÍ Balíček byl ověřen na skupině 11 studentů a 2 akademických pracovníků  Studenti získali teoretické i praktické vědomosti v oblasti vývoje moderních webých aplikací  Získané poznatky byly v rámci provedených workshopů prakticky aplikované na konkrétní webové aplikace vytvářené v průběhu workshopů  Získané znalosti jsou přímo využitelné v praxi při vytváření moderních webových stránek a aplikací




8

PŘÍNOS ŘEŠENÍ BALÍČKU Přínos balíčku spočívá v komplexním shrnutí současných technik a postupů pro vytváření webových stránek  Získané znalosti v oblasti jazyka HTML5, kaskádových stylů CSS3, jQuery a jiných javascriptových frameworků, použití API známých webových aplikací a služeb jsou jednoduše využitelné v praxi  Přínos balíčku a získaných vědomostí byl také pozitivně hodnocen v průběhu evaluace balíčku studenty pomocí připravených dotazníků




9

Moderní techniky vývoje webových aplikací

Recommend Documents