Vývoj webových stránek - OPBI3I034A

• Anglický název: Web Sites building
• Zajišťuje: Katedra informačních technologií a technické výchovy (41-KITTV)
• Fakulta: Pedagogická fakulta
• Platnost: od 2024
• Semestr: zimní
• E-Kredity: 4
• Způsob provedení zkoušky: zimní s.:
• Rozsah, examinace: zimní s.:1/2, Z+Zk [HT]
• Rozsah za akademický rok: 0 [hodiny]
• Počet míst: 16 / neurčen (neurčen)
• Minimální obsazenost: neomezen
• 4EU+: ne
• Virtuální mobilita / počet míst pro virtuální mobilitu: ne
• Stav předmětu: vyučován
• Jazyk výuky: čeština
• Způsob výuky: prezenční
• Další informace: https://moodle.it.pedf.cuni.cz/course/view.php?id=2044
• Poznámka: předmět je možno zapsat mimo plán; povolen pro zápis po webu; při zápisu přednost, je-li ve stud. plánu
• Garant: PhDr. Tomáš Jeřábek, Ph.D.
• Vyučující: PhDr. Josef Procházka, Ph.D.
• Prerekvizity : OPBI3I015A

Anotace

čeština

Cílem předmětu je zvládnutí technik vývoje webových stránek za použití soudobých technologií a standardů. Návazně pak rozvinutí praktických dovedností v oblasti vývoje dynamických stránek s použitím základního skriptování stránek na straně prohlížeče, doplněného základy práce na webovém serveru. Důraz je kladen na vývoj validních www stránek a jejich rozšíření ve spojitosti s objektovou strukturou www komponent. Součástí výuky je rovněž poskytnutí odpovídajících teoretických poznatků z oblasti tvorby, aktuálních designových trendů a způsobů programování www spolu s deklarací nejdůležitějších kritérií pro hodnocení www stránek z hlediska jejich technického zpracování, vzhledu a obsahu. Předmět využívá znalostí nabytých v předchozích předmětech zaměřených zejména do oblasti programování 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 Tvorba www aplikací a dalších.

Poslední úprava: Jeřábek Tomáš, PhDr., Ph.D. (09.09.2019)

angličtina

The aim of the course Web sites building 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.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (08.09.2022)

Deskriptory

Příprava na výuku

Doba očekávané přípravy na 1 hodinu přednášky – 30 minut

Doba očekávané přípravy na 1 cvičení – 30 minut

Doba očekávané přípravy na 1 hodinu praxe – 0 hodin

Samostudium literatury (za semestr) – 5 hodin

Práce se studijními materiály (za semestr) – 5 hodin

Plnění průběžných úkolů (za semestr) – 12 hodin

 

Plnění předmětu

Seminární práce – 20 hodin

Příprava na zápočet – 20 hodin

Příprava na zkoušku a zkouška – 10 hodin

Poslední úprava: Battistová Eva, PaedDr. (08.09.2022)

Podmínky zakončení předmětu

• 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ů.
• Prokázání příslušné úrovně vědomostí z oblasti zaměření předmětu formou testu doplněného ústními dotazy ověřujícími orientaci v problematice tvorby www stránek
• Prokázání způsobilosti v tvorbě www stránek a klientských skriptů dle zadání.

Zápočet i zkouška bude realizována v aplikačním prostředí korespondujícím s výukou. Zápočet nemusí být udělen, jestliže úkoly nejsou zpracovávány průběžně.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)

Literatura

• 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.
• GOODMAN, Danny. JavaScript bible: comprehensive. 7th ed. Indianapolis, IN: Wiley. ISBN 04-705-2691-2.
• KADLEC, Tim. Responzivní design profesionálně. Vyd. 1. Brno: Zoner Press, 2014. ISBN 978-80-7413-280-3.
• 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
• 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
• http://www.w3.org/
• http://www.w3schools.com/
• Další materiály pro podporu výuky na http://moodle.it.pedf.cuni.cz/

Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)

Sylabus

čeština

VLASTNOSTI A METODY VÝVOJE V PROTŘEDÍ WWW

• Struktura technologií, protokolů a služeb využívaných na webu
• Historie a vývoj jednotlivých webových technologií
• W3C standardy pro tvorbu webu, validita, verze
• Specifika programování na straně serveru a prohlížeče

JAZYK HTML JAKO PODKLAD PRO TVORBU WWW STRÁNEK

• Struktura a syntaxe HTML a XHTML kódu, zápis parametrů
• Struktura www dokumentu - strukturální značky
• Formátování obsahu www stránek - seznamy, tabulky
• Komponenty pro vkládání multimediálních prvků do HTML
• Interaktivní komponenty HTML jazyka, metody přenosu dat
• Multimediální prvky webových stránek

DESIGN WWW STRÁNEK

• Kaskádové definice stylu (CSS)
• Globální stylování značek HTML
• Deklarace a využití selektorů CSS
• Kaskádová struktura CSS a možnosti jejího využití
• CSS pozicování, změny stylu na základě událostí ve stránce
• Pokročilé způsoby práce s grafikou, možnosti formátu SVG
• Responzivní web design, specifika přenosných zařízení

PROGRAMOVÁNÍ NA STRANĚ PROHLÍŽEČE

• JavaScript jako příklad jazyka na straně prohlížeče
• Syntaxe jazyka, způsoby zápisu do HTML stránek
• Objektová struktura JavaScriptu, použití vestavěných a vlastních objektů
• Příkazy cyklů a podmínek a funkcí, ukázky praktického využití
• Neobtruzivní JavaScript, zpracování událostí, deklarace  handlerů
• JS knihovny, způsob a možnosti využití vzdálených rozhraní
• Obsluha lokálního úložiště dat na straně klienta

PROGRAMOVÁNÍ NA STRANĚ SERVERU

• Principy a specifika serverových programovacích jazyků
• Generování obsahu www stránky serverovou aplikací
• Možnosti serverového, souborového úložiště dat (XML, JSON...)
• Asynchronní metody přenosu dat (AJAX)
• Základní princip RESP, možnosti distribuce HTTP volání

Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)

angličtina

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

Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)

Studijní opory

Pro podporu studia bude využit LMS Moodle dostupný na https://moodle.it.pedf.cuni.cz/. Klíč k zápisu bude sdělen při prvním setkéní a paralelně zaslán účastníkům kurzu prostřednictvím SIS.

Poslední úprava: Procházka Josef, PhDr., Ph.D. (07.09.2023)

Výsledky učení

Studenti:

• Popíší princip fungování www a základní technologie a standardy používané ve vývoji webových stránek a s nimi související pojmy z oblasti počítačových sítí.
• Popíší strukturu www dokumentů a vysvětlí použití jednotlivých technologií pro tvorbu dynamických a responzivních www stránek.
• Vytvoří webovou stránku pomocí HTML a CSS, která splňuje požadavky na validitu,  přístupnost a použitelnost. Implementují JavaScript pro základní interakce na straně klienta.
• Analyzují webové stránky z hlediska použitelnosti a designových trendů. Posoudí výhody a nevýhody různých přístupů k programování na straně serveru a klienta.
• Navrhnou a implementují dynamickou webovou stránku s responzivním designem a publikují na webovém serveru.
• Posoudí technické zpracování a uživatelskou náročnost www stránek, obhájí vlastní webové stránky na zvolené téma.

 

Poslední úprava: Procházka Josef, PhDr., Ph.D. (19.09.2024)