JavaScript

Třetí ročník největšího frontendového setkání v Česku a na Slovensku proběhl v pražském O2 Universum. Původně komunitní akce, která má kořeny v pravidelným meetupech webových vývojářů zaměřených hlavně na frontend (to, co vidíte v prohlížeči), letos odmaturovala a stala se vyzrálou profesionální konferencí se vším všudy.

Co dělá řada webařů od začátku roku do poloviny ledna? Přece přemýšlí, na kterých webech ještě nemá automatické dopisování roku do copyrightu v patičce a ručně jej mění na aktuální čtyřčíslí. Pojďme začít rok odpočinkově a nastavit si automatiku jednou provždy.

Při pročítání různých příspěvků ostatních vývojářů jsem narazil na zmínku o poměrně rychlém editoru Zed. Zaujalo mě, že nabízí rozšiřitelnost, integraci s AI a možnost vzájemné spolupráce více uživatelů. Dal jsem mu tedy šanci.

V Quality Hotelu Brno proběhla ve zdánlivém stínu Mezinárodního strojírenského veletrhu podobně významná akce pro jinou oborovou skupinu. Přijelo na čtyřista webařů, specialistů na frontend, JavaScript, CSS a řadu dalších technologií. Nemohl jsem chybět a zápisky samozřejmě mám.

Kluci, kteří vyvíjejí český redakční systém Contember, pořádali u brněnských Supercoders půldenní školení svého headless CMS. Protože mě zajímá vše nové, co se okolo redakčáků děje, na workshop jsem se na poslední chvíli zaregistroval a páteční odpoledne strávil ponořen do Reactu, TypeScriptu a GraphQL.

Hledal jsem způsob, jak spustit aplikaci v Node.js, nechat ji běžet a vrátit řízení zpět do příkazové řádky. Respektive, jak něco spustit na serveru a odhlásit se z SSH, zatímco daná aplikace nebo příkaz bude běžet v režimu 24/7 do doby, než se rozhodnu jinak. Našel jsem řešení v podobě šikovného nástroje PM2.

Svoje menší webové projekty rád využívám jako jednoduché pískoviště, kde si mohu zkoušet nejrůznější nové webové technologie. Hugo, Tailwind ani Swup sice novinky nejsou, ale třeba s Tailwindem zatím začínám. Mám několik postřehů k popsané kombinaci na malém webu. Třeba se vám budou hodit.

Responzivní design stojí hlavně na CSS Media Queries, které reagují na velikost/změnu okna prohlížeče nebo třeba na změnu orientace mobilního zařízení. Co ale v případě, že potřebujete odchytit změnu velikosti nějakého prvku na webové stránce?

Je to už delší dobu, co mi jako editor slouží Visual Studio Code. Vystřídal jsem řadu jeho rozšíření, která se nakonec ustálila na několika pluginech usnadňujících mi život tvůrce webů. Ač jsem byl ze začátku vůči VS Code skeptický, dnes jej používám každodenně.

Nedávno jsem hledal možnost, jak otestovat v rámci své sítě webové stránky provozované na jednom z počítačů pomocí lokálního webového serveru. Skončil jsem u řešení, které umožní nejenom testovat web z místní sítě na iPadu, ale i kdekoli přes internet.

Pokud vám coby provozovateli webu vadí návštěvníci přicházející s blokátorem reklam, případně pokud je chcete alespoň sledovat, můžete využít jednoduchý skript adi.js, který dovede rozpoznat doplněk AdBlock.

Pokud něco v programování nesnáším, jsou to regulární výrazy. Možná nejsou tak složité, ale jejich syntaxi jsem se nikdy nebyl schopen naučit. Nějak bych je splácal v PHP, v JavaScriptu zřejmě už ne. Naštěstí nemusím. Je to povedená javascriptová knihovna RegExpBuilder.

Udělat před lety webový formulář, který bude na klientské straně ověřovat data a následně je zpracuje pomocí AJAXu, aniž by se znovu načítala celá stránka, vyžadovalo množství kódu. Dnes je situace jiná, stačí vám troška JavaScriptu a CSS pro úpravu vzhledu formuláře.

Jistě dobře víte, že Google vám na požádání převede různé měrné jednotky na jiné. To stejné umí s penězi, stačí zadat částku, zdrojovou a cílovou měnu. Možná ale nevíte, že nabízí API, které lze pro převody měn využít i ve vašich webových aplikacích.

Považujete všemi deseti dokonale ovladatelný editor VIM za výborný nástroj pro úpravu kódu? Pak vás možná překvapí jím inspirovaný nový editor Atom nabízející trošku více flexibility. A pokud VIM neznáte nebo nemáte rádi, pak editoru Atom určitě dáte alespoň jednu šanci.