Cílem předmětu je rozvinutí praktických dovedností vytváření WWW stránek a zajištění jejich dynamických funkcí s použitím skriptů na straně prohlížeče i serveru. Důraz je kladen na validní sestavení struktury stránek, jejich design a programování nad objektovým modelem dokumentu. Součástí výuky je rovněž poskytnutí odpovídajících teoretických poznatků z oblasti tvorby, designu a programování www aplikací spolu s deklarací nejdůležitějších kritérií pro hodnocení www stránek z hlediska technického zpracování, vzhledu a obsahu. Předmět navazuje na předchozí Vývoj aplikací v objektovém prostředí a vytváří z pohledu osvojených kompetencí podklad pro další odborné kurzy, především pak pro výuku ve studijním předmětu Vývoj a administrace databázových aplikací.
Poslední úprava: PROCHJ/PEDF.CUNI.CZ (03.12.2014)
The aim of the course Creating web applications is to develop practical skills, procedural programming web pages, and both on browser side and on server side. Emphasis is placed on programming in conjunction with the object structure components of web pages. Part of the course is also to provide adequate theoretical knowledge of the creation, design and programming web applications with the declaration of the most important criteria for evaluating websites from the point of view of technical construction, design and of its content. The Subject builds on the previous subject Development applications in object environment and creates in terms of skills acquired an environment foundation for further training courses, especially for teaching in the learning subject Development and administration of database applications.
Deskriptory
Poslední úprava: PhDr. Tomáš Jeřábek, Ph.D. (30.09.2021)
Pro podporu studia bude využit LMS Moodle a následně jedna z platforem pro realizaci videokonferencí.
Bližší informace naleznou zapsaní studenti v Moodle kurzu
Klíč k zápisu do kurzu a odkaz na kurz bude uživatelům sdělen e-mailem.
Výuka bude probíhat dle rozvrhu, pokud nebudou studenti předem informováni jinak.
Literatura
Poslední úprava: PROCHJ/PEDF.CUNI.CZ (03.12.2014)
ASLESON, R., SCHUTTA, N. AJAX Vytváříme vysoce interaktivní webové aplikace. Brno : ComputerPress, 2006. ISBN: 80‑251-1285-3
CAREY, Patrick. New perspectives on creating Web pages with HTML, XHTML, and XML: comprehensive. 2nd ed. Boston, Mass.: Thomson/Course Technology, 2006. ISBN 06-192-6801-8.
CASTRO, Elizabeth a Bruce HYSLOP. HTML5 a CSS3: názorný průvodce tvorbou WWW stránek. 1. vyd. Překlad Lukáš Krejčí. Brno: Computer Press, 2012. ISBN 978-80-251-3733-8.
KRUG, S. Web design - nenuťte uživatele přemýšlet. Brno : Computer Press, 2003. ISBN: 80-7226-892-9
NIELSEN, J. Web.design, průvodce od Jakoba Nielsena. Praha : SoftPress, 2002.
PETRLÍK, L. Jemný úvod do systému UNIX. České Budějovice : Kopp, 1997. ISBN: 80‑85828-28-6
VIRIUS, M. Základy algoritmizace. Praha : ČVUT, 1997.
ZAKAS, Nicholas C, Jeremy PCPEAK a Joe FAWCETT. Ajax: profesionálně. Vyd. 1. Překlad Jiří Koutný. Brno: Zoner Press, 2007. ISBN 978-80-86815-77-0.
ZAKAS, Nicholas C. JavaScript pro webové vývojáře: programujeme profesionálně. Vyd. 1. Překlad Lukáš Krejčí. Brno: Computer Press, 2009. ISBN 978-80-251-2509-0.
Další zdroje
Textové materiály a soubory předávané v průběhu semestru
Poslední úprava: PhDr. Tomáš Jeřábek, Ph.D. (03.10.2017)
Zkouška má část teoretickou a praktickou. Součástí zkoušky je rovněž rozprava nad technologiemi použitými v seminární práci.
Teoretická část je realizována formou ústní rozpravy ověřující orientaci v problematice vývoje www aplikací. Může být spojena s rozpravou o řešení praktické části a seminární práce s hledáním alternativních cest k řešení zadaných problémů.
Praktická část spočívá ve vytvoření dílčí části www aplikace dle zadání a ověřuje praktické dovednosti související s analýzou, tvorbou algoritmů a programových konstrukcí v prostředí www.
Zkouška bude realizována v aplikačním prostředí korespondujícím s výukou.
Sylabus -
Poslední úprava: PhDr. Tomáš Jeřábek, Ph.D. (03.10.2017)
Témata studijního předmětu
VÝVOJ APLIKACÍ V PROTŘEDÍ WWW
Historie a vývoj jednotlivých webových technologií
Možnosti programování aplikace pro prohlížeč a server
Specifika návrhu webové aplikace
Verzovací systémy pro týmový vývoj (CVS, Subversion, GIT)
SPECIFICKÉ PRVKY JAZYKA HTML5 A JAVASCRIPTU
Vkládání a ovládání multimediálních prvků, hlasový vstup
Tvorba grafiky pomocí prvku Canvas a SVG fomátu
Jmenné prostory a zapouzdření v JavaScriptu (Closures, scope)
Pokročilý návrh objektů a metod (anonymní funkce, IIFE)
MOŽNOSTI TVORBY APLIKAČNÍHO ROZHRANÍ NA STRANĚ KLIENTA
Využití offline úložiště prohlížeče (Web Storage, Web SQL, App. Cache)
Pokročilé zachycení a zpracování událostí (Drag & Drop, Workers )
Geolokační rozhraní, práce s polohou klienta, API třetích stran
Práce se soubory na klientské straně
ARCHITEKTURA A NÁVRH WEBOVÝCH APLIKACÍ
Využití jazyka UML
Technická a funkční specifikace
Návrhové modely, architektura aplikací
APLIKAČNÍ A KOMUNIKAČNÍ ROZHRANÍ
Nástroje pro síťovou komunikaci a přenos dat (XML, JSON...)
Využití pokročilých funkcí JavaScriptu
Využití JS knihoven dle zaměření (jQuery, angularJS, Node.js, DoJo ...)
Implementace externích API
Poslední úprava: PROCHJ/PEDF.CUNI.CZ (03.12.2014)
CHARACTERISTICS AND METHODS OF PROGRAMMING IN PROTŘEDÍ WWW
Structure programs included in web pages
Possibilities of web programming technologies
W3C standards for inserting scripts into the pages
LANGUAGE HTML AS BASIS FOR CREATING WWW SITE
The structure and syntax of HTML and XHTML code, the registration parameters
The structure of web document structural tags
Format content web pages lists, tables
Components for adding multimedia elements into HTML
Interactive components of HTML language, methods of data transfer
Framework structure of web document and its alternatives
WWW SITE DESIGN
Cascading style definition web site
Global styling of HTML tags
Declaration of class and identifiers of style of document
Cascade structure of CSS and the possibility of its use
CSS positioning and change style in dependence of events in the page
PROGRAMMING ON THE SIDE OF BROWSER
JavaScript as an example of a language on the side of browser
The syntax of the language, ways of write to HTML pages
Object structure of the JavaScript, usage of embedded objels
Cycles and conditions and its features, examples of practical use
JavaScript events, declarations and use event handlers
Using of XMLHttpRequest object for dynamic content web sites
PROGRAMMING ON THE SIDE OF SERVER
Principles and specifics of server programming languages
Manage and configure a Web server
Generate content web site from the side of server application
Data transfer via HTTP and AJAX
Podmínky zakončení předmětu
Poslední úprava: PROCHJ/PEDF.CUNI.CZ (29.09.2016)
aktivní práce v seminářích včetně zpracování praktických úkolů zadávaných na seminářích či prostřednictvím LMS
vytvoření zadané zápočtové práce z oblasti zaměření předmětu (typicky www aplikace na zadané téma). Není-li specifikováno v zadání jinak, požaduje se práce původní, vytvořená samostatně na základě v práci citované literatury a dalších informačních zdrojů.
Pozn.: Zápočet nemusí být udělen, jestliže úkoly nejsou zpracovávány průběžně.