Základy tvorby webu - NUIN019

• Anglický název: Introduction to Web Development
• Zajišťuje: Katedra softwaru a výuky informatiky (32-KSVI)
• Fakulta: Matematicko-fyzikální fakulta
• Platnost: od 2024
• Semestr: zimní
• E-Kredity: 4
• Rozsah, examinace: zimní s.:1/2, KZ [HT]
• Počet míst: neomezen
• 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í
• Garant: Mgr. Klára Pešková, Ph.D.
• Neslučitelnost : NSWI142
• Záměnnost : NSWI142
• Je záměnnost pro: NUIN020

Anotace

čeština

Kurz poskytne základní přehled technologií a postupů používaných při tvorbě webových stránek. Vybrané technologie (HTML, CSS, Bootstrap, JavaScript, server-side programovací jazyk, SQL, CMS) si posluchači vyzkouší na cvičeních. Předpokládají se znalosti programování a počítacových sítí v rozsahu předmetu NPRG031 a NSWI141. Předmět je vyučován zpravidla jednou za dva roky. Zapište si ho tedy v tom roce studia, kdy bude jeho výuka probíhat.

Poslední úprava: Holan Tomáš, RNDr., Ph.D. (27.05.2026)

angličtina

A basic course on web technologies provides an overview of workflows and technologies used in web development. Students will practice some of the topics (HTML, CSS, Bootstrap, JavaScript, server-side programming language, SQL, CMS) at tutorials.

Poslední úprava: Holan Tomáš, RNDr., Ph.D. (27.05.2026)

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

čeština

Studenti vypracují individuální projekt předem domluveného rozsahu a odprezentují ho na cvičení

Poslední úprava: Pešková Klára, Mgr., Ph.D. (27.05.2026)

angličtina

To successfully complete the course, students are required to submit an individual project within a scope approved in advance.

Poslední úprava: Pešková Klára, Mgr., Ph.D. (27.05.2026)

Sylabus

čeština

Jak funguje web

• umístění stránek na internetu, zobrazení v prohlížeči, webhosting, doména; cache, cookies;

• statické vs. dynamické stránky

• přehled tradičních webových technologií a jejich použití (HTML5, CSS3, JavaScript, AJAX, server-side jazyky, role databází, API)

• přístupnost webu; SEO optimalizace

Základní technologie

• HTTP, HTML a CSS

• responsivní layout

Ukázka programování na straně klienta

• jazyk JavaScript

Programování na straně serveru

• vytvoření jednoduché dynamické webové stránky

• zpracování webového formuláře

Základy použití databází a SQL

Frameworky pro tworbu webu

Bezpečnost webových aplikací

• certifikáty, HTTPS

• same-origin policy

Systémy pro správu obsahu (CMS, redakční systémy)

Poslední úprava: Pešková Klára, Mgr., Ph.D. (27.05.2026)

angličtina

Web basics

• publishing a website, browser, web hosting, domain; cache, cookies

• static vs. dynamic web pages

• overview of the traditional web technologies with use cases (HTML5, CSS3, JavaScript, AJAX, server-side programming languages, databases, API)

• web accessibility; SEO optimization

Basic technologies

• HTTP, HTML, CSS

• responsive layout

Example of using a client-side language

• JavaScript

Server-side programming

• creating a simple dynamic web

• handling web forms

Using databases in web development, basics of SQL

Web applications security

• certificates, HTTPS

• same-origin policy

Web frameworks

Content management systems

Poslední úprava: Pešková Klára, Mgr., Ph.D. (27.05.2026)