Jak pracovat s AI.
Praktické návody k programování, serverům, herním serverům a práci s AI – česky a k věci.
Dev Containers ve VS Code: stejné vývojové prostředí pro celý tým
Nastavení Dev Containers – devcontainer.json, features, postCreateCommand, Docker Compose s databází a GitHub Codespaces. Nový kolega vyvíjí za pár minut.
Dataclasses vs. Pydantic: kdy použít kterou datovou třídu
Srovnání dataclasses a Pydantic v2 – validace, konverze typů, výkon, serializace do JSON a konfigurace z proměnných prostředí. S příklady.
Dark mode na webu: CSS proměnné, přepínač a žádné bliknutí
Jak udělat tmavý režim správně: CSS proměnné, prefers-color-scheme, color-scheme, light-dark(), přepínač se třemi stavy a ochrana proti bliknutí bílé.
CSS Grid a Flexbox: moderní layout bez frameworku
Kdy použít Grid a kdy Flexbox, praktické vzory pro hlavičku, karty i celou stránku a nejčastější chyby, které rozbíjejí layout.
CSS animace: transition, keyframes a plynulé efekty bez JS
Jak psát plynulé CSS animace: transition vs. keyframes, easing, výkon s transform a opacity, animace při scrollu, View Transitions a prefers-reduced-motion.
Core Web Vitals: jak zrychlit web a zlepšit LCP, INP a CLS
Co měří LCP, INP a CLS, jaké jsou hraniční hodnoty, jak je změřit na reálných uživatelích a konkrétní opravy, které mají největší efekt.
ColdHost AI API: napojení přes OpenAI kompatibilní rozhraní
Jak volat ColdHost AI API z Pythonu, Node.js i curlu přes OpenAI kompatibilní rozhraní: API klíč, modely, streamování, ošetření chyb a bezpečné uložení klíče.
Code review s AI – jak ho dělat, aby opravdu pomáhal
Jak využít AI při code review – co jí dát za kontext, jaké otázky klást, co umí dobře a kde selhává. Šablona promptu a checklist pro recenzenta.
Čistý kód v praxi – pojmenování, funkce a komentáře
Pravidla čistého kódu s příklady před a po – jak pojmenovat proměnné a funkce, jak dlouhá má být funkce, early return a kdy psát komentář.
Ladění v Chrome DevTools: breakpointy, síť, výkon a triky
Jak ladit JavaScript a CSS v Chrome DevTools: breakpointy místo console.log, záložka Network, přepisování odpovědí, Performance a příkazy konzole.
Jak napojit ColdHost AI API do vlastní aplikace
Návod krok za krokem: API klíč, první požadavek, streamování a příklady v Pythonu, JavaScriptu a PHP. API je kompatibilní s OpenAI.
Bezpečnost závislostí – npm audit, pip-audit, Dependabot
Jak hlídat zranitelnosti v knihovnách – npm audit, pip-audit, composer audit, Dependabot, lockfily a obrana proti útokům na supply chain.
Bezpečnost frontendu: XSS, CSP a další hrozby v praxi
Jak vzniká XSS a jak mu zabránit, nastavení Content-Security-Policy, bezpečné cookies, tokeny v prohlížeči, clickjacking a závislosti z npm.
Programování s AI: od zadání k funkční aplikaci
Jak používat AI při programování efektivně a bezpečně: návrh, generování kódu, ladění chyb a testy. Praktický postup krok za krokem.