Postup, slovník a společnosti. Slovník doplňujete celý rok.
Při pojmech ve slidech se pokus odpověď odhadnout, než ji odkryju.
Do svého slovníčku piš vlastními slovy, ne opisem.
Když narazíš na pojem, který tu není, přidej ho.
Slovníček se ukládá jen v tomto prohlížeči. Před odchodem z hodiny si ho zkopíruj do Učebny.
Sedm kroků. AI pomáhá, ty rozhoduješ.
| krok | AI pomáhá | ty rozhoduješ |
|---|---|---|
| 1 Podklady | třídí a shrnuje, hledá, co chybí | co je pravda a co ještě potřebuješ od klienta |
| 2 Zpětná vazba | navrhne otázky pro klienta | s kým mluvíš a na co se ptáš |
| 3 Struktura | navrhne stránky a sekce | co z toho klient schválí |
| 4 Stavba | agent píše kód podle schváleného návrhu | co se do webu dostane a co odmítneš |
| krok | AI pomáhá | ty rozhoduješ |
|---|---|---|
| 5 Vyhledatelnost | doplní titulky, popisky, strukturovaná data | zda údaje sedí s podklady |
| 6 Kontrola a revize | jiný model projde web a najde chyby | které nálezy opravit; zkouška na mobilu |
| 7 Publikace | připraví nasazení a ověří odkazy | hesla, doména, schválení klientem, ostrý start |
Nikdy nezačínej stavět před krokem 3. Nikdy nepublikuj bez kroku 6.
AI generuje, ty ručíš. Čísla, jména a ceny nikdy nevymýšlí; fakta jsou jen od klienta.
Klikni na prázdné místo a odkryje se odpověď. Klávesa R odkryje všechny na slidu.
program, který stáhne soubory webu a zobrazí z nich stránku; například Chrome, Firefox, Safari
počítač, který odesílá soubory webu prohlížeči, když si o ně řekne
služba, která ti pronajme místo na serveru, kde tvůj web běží
čitelná adresa webu, třeba sgagy.cz; místo čísel IP adresy použijeme jméno
„telefonní seznam internetu“: překládá doménu na IP adresu serveru
úplná adresa jedné stránky; obsahuje protokol, doménu a cestu
Klikni na prázdné místo pro odpověď · R odkryje vše
pravidla komunikace prohlížeče se serverem; HTTPS je navíc šifrované (zámeček v adrese)
digitální osvědčení, že web je opravdu ten, za koho se vydává; zapíná HTTPS
front-end je to, co vidí návštěvník (HTML, CSS, JS); back-end běží na serveru (PHP, databáze)
statický jsou hotové soubory; dynamický se při každém načtení skládá na serveru z databáze
web, který se přizpůsobí velikosti obrazovky: mobil, tablet, počítač
uložená kopie stránky nebo souboru, aby se příště načetla rychleji; proto někdy vidíš starou verzi
Klikni na prázdné místo pro odpověď · R odkryje vše
jazyk, který popisuje strukturu stránky: nadpisy, odstavce, odkazy, obrázky
jazyk, který určuje vzhled: barvy, písmo, rozložení
programovací jazyk, který běží v prohlížeči a dělá stránku interaktivní
programovací jazyk, který běží na serveru a skládá stránku; je v něm napsaný WordPress
jednoduchý zápis textu se značkami (# nadpis, **tučně**), ze kterého se dělá formátovaná stránka
hotový kód od jiných lidí, který znovu používáš místo psaní od nuly; například Bootstrap
Klikni na prázdné místo pro odpověď · R odkryje vše
uspořádané úložiště dat v tabulkách; web si z ní bere články, uživatele, objednávky
jazyk pro dotazy do databáze: vyber, vlož, změň, smaž
databázové systémy, které pohánějí většinu WordPressů; oba umí SQL
textový formát pro výměnu dat mezi programy; dvojice klíč a hodnota
rozhraní, přes které jeden program volá druhý a posílá mu data nebo příkazy
kopie dat a souborů uložená jinde, aby šlo web po chybě obnovit
Klikni na prázdné místo pro odpověď · R odkryje vše
systém pro správu obsahu: web, který upravuješ v administraci bez psaní kódu
nejrozšířenější CMS; napsaný v PHP a postavený na databázi; pohání velkou část webů světa
vzhled a šablony WordPressu; mění vše, co návštěvník vidí
doplněk, který přidá funkci (formulář, SEO, zálohy); víc pluginů znamená víc rizika a pomalejší web
stavební kostka obsahu v editoru WordPressu: odstavec, obrázek, tlačítko; web se skládá z bloků
hotová skupina bloků, kterou znovu použiješ na více stránkách: hero, ceník, kontakt
Klikni na prázdné místo pro odpověď · R odkryje vše
nástroj, který z šablon a obsahu vyrobí hotové soubory webu; například Astro, Hugo, Eleventy
vizuální editor, ve kterém web skládáš myší (Elementor, Breakdance); data jsou v jeho vlastním formátu
systém, který jen spravuje obsah a posílá ho jinému webu nebo aplikaci přes API
moderní téma WordPressu postavené z bloků místo starých PHP šablon; jde zapsat jako čistý text, proto ho umí generovat AI
služba, kde z popisu slovy vznikne web nebo aplikace (Lovable, Bolt, v0); rychlé, ale často zamčené u poskytovatele
programování zadáváním úkolů AI a rychlým zkoušením výsledku bez pečlivého čtení kódu; na prototyp ano, na ostrý web nestačí
Klikni na prázdné místo pro odpověď · R odkryje vše
systém, který ukládá historii změn v souborech; kdykoli se můžeš vrátit
web a služba, kde se git repozitáře ukládají online a sdílejí; patří Microsoftu
složka projektu spolu s celou historií změn
jedno uložení změn do historie s popisem, co a proč se změnilo
samostatná linie práce: zkoušíš nové věci, aniž bys rozbil hlavní verzi
žádost: zařaďte prosím moje změny do hlavní větve; ostatní je prohlédnou
Klikni na prázdné místo pro odpověď · R odkryje vše
přenesení hotového webu na server, kde ho uvidí návštěvníci
náhled (staging) je zkušební kopie pro schválení; ostrý web (produkci) vidí všichni
pronajatý kus serveru, na kterém máš plnou kontrolu a instaluješ si, co potřebuješ
balíček s programem a vším, co potřebuje ke spuštění, izolovaný od zbytku serveru; běží všude stejně
uzavřené bezpečné prostředí, kde program běží s omezenými právy a nemůže rozbít zbytek systému; používají ho prohlížeče i agenti AI
textové okno, kde počítači píšeš příkazy; SSH je bezpečné připojení na vzdálený server
Klikni na prázdné místo pro odpověď · R odkryje vše
optimalizace webu, aby ho vyhledávače našly a dobře zařadily
výraz, který lidé zadávají do vyhledávače; na něj má stránka odpovídat
titulek a popisek stránky, které vidíš ve výsledcích hledání
soubor se seznamem stránek webu pro vyhledávače
soubor, který robotům říká, kam smějí a nesmějí
kód (JSON-LD), který vyhledávačům strojově popíše, co na stránce je: firma, adresa, otevírací doba
Klikni na prázdné místo pro odpověď · R odkryje vše
měření, jak rychle a stabilně se stránka zobrazí; ovlivňuje pořadí i spokojenost (Core Web Vitals)
web použitelný i pro lidi se zdravotním omezením; alt text popisuje obrázek čtečce
úprava webu tak, aby ho odpovědi AI (ChatGPT, Gemini, Claude) uměly přečíst a citovat: jasné nadpisy a přímé odpovědi
měření, kolik lidí web navštěvuje a co na něm dělají; například Matomo
malé soubory, které si web ukládá do prohlížeče; na reklamní a sledovací je potřeba souhlas
evropské nařízení o ochraně osobních údajů; web musí říct, co sbírá a proč
Klikni na prázdné místo pro odpověď · R odkryje vše
programy, které řeší úlohy, jež dřív vyžadovaly lidskou inteligenci; dnešní chaty fungují na strojovém učení
velký jazykový model: síť natrénovaná na obrovských textech, která předpovídá další slovo; základ ChatGPT, Claude, Gemini
zadání, které napíšeš modelu; čím přesnější a s kontextem, tím lepší výsledek
kousek textu, na který model rozdělí text; podle tokenů se měří délka i cena
kolik textu model najednou vidí: zadání, soubory, dosavadní rozhovor; moderní modely až milion tokenů
když model sebejistě vymyslí nepravdivou informaci; proto se fakta vždy ověřují
Klikni na prázdné místo pro odpověď · R odkryje vše
AI, která nejen odpovídá, ale sama provádí kroky: čte soubory, spouští příkazy, upravuje kód a vrací výsledek
standard pro připojení AI k nástrojům a službám (WordPress, Gmail, GitHub); „USB-C pro AI“
datum, do kdy model viděl data při trénování; co se stalo později, neví, pokud si to nevyhledá
model, jehož natrénovaná čísla si můžeš stáhnout a spustit u sebe (DeepSeek, Qwen, Mistral)
model, který před odpovědí přemýšlí po krocích; pomalejší, ale přesnější u složitých úloh
útok: skrytý pokyn ve stránce nebo dokumentu, který AI přečte a poslechne, ačkoli ho nedal uživatel
Klikni na prázdné místo pro odpověď · R odkryje vše
tajný řetězec, který funguje jako heslo pro službu nebo AI; nikdy ho nedávej do chatu ani do gitu
přihlášení dvěma způsoby: heslo a kód z aplikace; chrání i při úniku hesla
pravidla, co smíš s cizím kódem, obrázkem nebo písmem dělat; obrázky z internetu nejsou automaticky volné
program, jehož zdrojový kód je veřejný a smíš ho použít podle licence; například WordPress
informace, podle kterých jde poznat člověka: jméno, telefon, adresa, fotka
podvodná zpráva nebo web, který vyláká heslo nebo platbu; vypadá jako pravý
Klikni na prázdné místo pro odpověď · R odkryje vše
oblíbený editor kódu zdarma od Microsoftu; podporuje doplňky s AI
AI agent společnosti Anthropic, který pracuje přímo s tvými soubory z terminálu nebo editoru
AI agent pro programování od společnosti OpenAI
AI asistent a agent v editoru, který vyvíjí GitHub
nástroj od Anthropic, který z popisu firmy vytvoří design systém: barvy, písmo, komponenty
program pro návrh vzhledu webů a aplikací; dá se propojit s AI
Klikni na prázdné místo pro odpověď · R odkryje vše
Společnosti a jejich nejnovější modely. Mění se po týdnech.
| firma | produkty | nejnovější modely podle zdrojů | |
|---|---|---|---|
| Anthropic USA | Claude, Claude Code | Fable 5.1 · Opus 5.5 · Sonnet 5.5 · Haiku 4.5 oficiální dokumentace platform.claude.com; Opus 5.5 vyšel 22. 9., Sonnet 5.5 28. 9. 2026 | ✔ |
| OpenAI USA | ChatGPT, Codex | GPT-6: Astra (4. 9.), Sol a Luna (22. 9. 2026) Wikipedie a přehledy; oficiální stránku OpenAI se nepodařilo načíst, údaj ověř | ◦ |
| Google USA | Gemini | Gemini 3.8 Flash (2. 9.); Gemini 4 Argon (30. 9.) zatím jen pro vybrané partnery oficiální changelog ai.google.dev; Gemini 4 Argon podle TechCrunch | ✔ |
| xAI USA | Grok | Grok 4.7 (21. 9. 2026); Grok 5 se připravuje přehledy a oznámení AWS; oficiální zdroj xAI se nepodařilo načíst | ◦ |
| Meta USA | Meta AI | Muse Spark (duben 2026), uzavřený model; dřív otevřená Llama 4 VentureBeat, CNBC | ◦ |
| firma | produkty | nejnovější modely podle zdrojů | |
|---|---|---|---|
| Mistral AI Francie, EU | Le Chat | Mistral Medium 3.5, Small 4, Large 3 přehledy | ◦ |
| DeepSeek Čína | DeepSeek | řada V4 (od dubna 2026), otevřené váhy, licence MIT oficiální dokumentace api-docs.deepseek.com; pozdější verze podle přehledů | ✔ |
| Alibaba Čína | Qwen | Qwen 3.x, například Qwen3.8 (srpen 2026), otevřené váhy přehledy | ◦ |
Otevřené váhy znamenají, že model si můžeš stáhnout a spustit u sebe. Nemusí to být open source: licence mají pravidla.