Tvorba webu
Základní koncept fungování webových stránek.
Cílem kurzu Tvorba webu je poskytnout úvod do webového vývoje a seznámit studenty se základními koncepty fungování web stránek. Studenti se seznámí s hlavními prvky webu, kódem html a stylováním pomocí kaskádních CSS stylů. Kurz vysvětlí, jak se tvoří struktura webu čistě pomocí html a CSS a také pomocí framewroku Bootstrap, který poskytuje mnoho hotových funkcí.
V dnešní době marketéři velmi často úzce spolupracují s vývojáři nebo techniky, kteří spravují různé technologie. V obou oborech typicky pracují jiné typy osobností a stává se, že si nerozumí a neví, co druhá strana dělá. V tomto předmětu se studenti – budoucí marketéři – blíže seznámí s technologií kolem webu. Nové znalosti budou moct efektivně využít a rozšířit na různych pracovních pozicích, například marketingový analytik, správce webu nebo eshopu, SEO specialista a další.
- Co je web. Architektura klient-server. Seznámení s architekturou klient-server. Nejpoužívanější servery: Apache, Nginx, IIS, PHP, SQL, Redis. Vysvětlení komunikace mezi službami, oddělení odpovědnosti, mikroslužby.
- Webové služby na serveru. Funkce serveru a služby důležité pro web.
- Prohlížeč a jeho funkce, zobrazení webu. Funkce prohlížeče, zpracování a renderování html kódu a stylů.
- Editory pro web development, online nástroje, WYSIWYG. Výhody a nevýhody vizuálních editorů. Ukázka nástroje Elementor pro Worpdress.
- Html kód a jeho struktura. Základní prvky html – bloky, odkazy, tabulky, seznamy. Struktura webu obecně.
- CSS a stylování, SCSS. Základní použití stylů, funkce kaskády, různé identifikátory html prvků. Důležité styly – fonty, velikosti, struktura, rozložení prvků. Responsivní web a responsivita.
- Responsivita a mobilní zařízení. Způsoby tvorby responsivního webu. Návrhy rozložení pro různá zařízení. Problémy spojené s responsivitou a jejich řešení.
- UX a funkce webu. Souvislost mezi designem a user experience. Návrh webu pro uživatele.
- Dynamický web, Javascript a JQuery. Javascript a jeho funkce, JQuery. Dynamické prvky na webu.
- Bootstrap a knihovny. Jak tvořit web s knihovnami funkcí. Responsivita pomocí Bootstrapu.
- Nástroje pro projektový management: Pro každý projektový systém existuje řada nástrojů. Stručně představeny budou nejpopulárnější aplikace, které vývojářské i marketingové týmy používají.