Web Sites building - OPBI3I034A
Title: Vývoj webových stránek
Guaranteed by: Katedra informačních technologií a technické výchovy (41-KITTV)
Faculty: Faculty of Education
Actual: from 2024
Semester: winter
E-Credits: 4
Examination process: winter s.:
Hours per week, examination: winter s.:1/2, C+Ex [HT]
Extent per academic year: 0 [hours]
Capacity: 16 / unknown (unknown)
Min. number of students: unlimited
4EU+: no
Virtual mobility / capacity: no
State of the course: taught
Language: Czech
Teaching methods: full-time
Additional information: https://moodle.it.pedf.cuni.cz/course/view.php?id=2044
Note: course can be enrolled in outside the study plan
enabled for web enrollment
priority enrollment if the course is part of the study plan
Guarantor: PhDr. Tomáš Jeřábek, Ph.D.
Teacher(s): PhDr. Josef Procházka, Ph.D.
Pre-requisite : OPBI3I015A
Opinion survey results   Examination dates   WS schedule   Noticeboard   
Annotation -
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.
Last update: Procházka Josef, PhDr., Ph.D. (08.09.2022)
Descriptors - Czech

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

Last update: Battistová Eva, PaedDr. (08.09.2022)
Course completion requirements - Czech
    • 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ě.

Last update: Procházka Josef, PhDr., Ph.D. (07.09.2023)
Literature - Czech
  • 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

Last update: Procházka Josef, PhDr., Ph.D. (07.09.2023)
Syllabus -

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
Last update: Procházka Josef, PhDr., Ph.D. (07.09.2023)
Learning resources - Czech
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.
Last update: Procházka Josef, PhDr., Ph.D. (07.09.2023)
Learning outcomes - Czech

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.

 

Last update: Procházka Josef, PhDr., Ph.D. (19.09.2024)