PředmětyPředměty(verze: 945)
Předmět, akademický rok 2023/2024
   Přihlásit přes CAS
Vývoj webových stránek - OKBI1I133B
Anglický název: Web Sites building
Zajišťuje: Katedra informačních technologií a technické výchovy (41-KITTV)
Fakulta: Pedagogická fakulta
Platnost: od 2023
Semestr: zimní
E-Kredity: 5
Způsob provedení zkoušky: zimní s.:
Rozsah, examinace: zimní s.:0/0, Z+Zk [HT]
Rozsah za akademický rok: 16 [hodiny]
Počet míst: neurčen / 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: kombinovaný
Způsob výuky: kombinovaný
Je zajišťováno předmětem: OKBI3I034A
Další informace: https://moodle.it.pedf.cuni.cz/course/view.php?id=2051
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. Josef Procházka, Ph.D.
Neslučitelnost : OKBI1I134B
Prerekvizity : OKBI1I129B
Je neslučitelnost pro: OKBI1I134B
Je prerekvizitou pro: OKBI1I120A
Anotace -
Poslední úprava: PhDr. Tomáš Jeřábek, Ph.D. (09.09.2019)
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.
Deskriptory
Poslední úprava: PaedDr. Eva Battistová (08.09.2022)

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

Literatura
Poslední úprava: PhDr. Josef Procházka, Ph.D. (07.09.2023)
  • 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

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

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í
Podmínky zakončení předmětu
Poslední úprava: PhDr. Josef Procházka, Ph.D. (07.09.2023)
    • 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ě.

Studijní opory
Poslední úprava: PhDr. Josef Procházka, Ph.D. (07.09.2023)
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.
 
Univerzita Karlova | Informační systém UK