JavaScript

Máte cestovatelský web a chcete na něm zobrazovat aktuální informace o počasí? Zapomeňte na různé přeplácané widgety a pluginy do redakčních systémů. Udělejte si to čistě a podle sebe. Stačí vám pár řádků JavaScriptu a Yahoo Weather.

Modelová situace. Máte web, chcete na něj vložit mapu, ale nelíbí se vám její standardní podoba ve vygenerovaném iframe. Chtěli byste nahradit výchozí špendlík, zrušit scrollování myši a odebrat výchozí bublinu. Co s tím?

Definovatelné vlastnosti v CSS a také proměnné už mají dostatečně širokou podporu napříč webovými prohlížeči, takže je nejvyšší čas je začít používat. Respektive ten čas nastal už loni, takže pokud jste CSS proměnnými stále nepolíbeni, je nevyšší čas to změnit. Ušetříte si totiž práci.

Na jaře jsem byl na školení u Martina Michálka o optimalizaci rychlosti načítání webových stránek. Tedy optimalizaci především z hlediska frontendu. Získané vědomosti plus několik dalších věcí, na které jsem se chystal, jsem postupně vnesl na jednom webu do praxe a průběžně hodnotil, jaký měly přínos.

Už mnohokrát jsem řešil potřebu nějaké reakce webové stránky poté, co ji uživatel naroluje tak, že je vidět konkrétní prvek. S IntersectionObserver API je to hračka, a navíc vám i sdělí, jaké procento daného prvku už je v narolované stránce vidět.

Knihovny jQuery jsem se ještě před pár lety bál. Pak jsem zjistil, jaký je to neocenitelný pomocník při práci s JavaScriptem a manipulací s prvky v HTML dokumentu. Ne vždy je ale možné nebo potřeba ji použít. Co se výběru prvků v DOM týče, snadno si poradíte i s využitím HTML5 Selectors API.

Nedávno jsem stál před úkolem doplnit do jednoho z prvků na nově vytvářeném webu tzv. bublinovou nápovědu. Řešení existuje několik, já vsadil na jQuery a možnost automatického vytvoření bubliny z textu v atributu title u příslušných odkazů.

V tomto článku se podíváme na porovnání Reactu a Vue.js. Porovnáme učící křivky, code style, nástroje které máte k dispozici a komunity u Vue i Reactu. Tento článek vznikl jako takový obecný souhrn rozdílů mezi Vue a Reactem, mohli bychom také porovnat výkon nebo single file components. K tomu se můžeme dostat v dalším díle tohoto článku.

Druhý díl seriálu o jQuery pro začátečníky vám ukáže, jak používat nejrůznější způsoby pro označování prvků na stránce. Zápis ve stejné podobě jako v CSS totiž není jediný způsob, jak JavaScriptu pomocí jQuery sdělit, se kterým prvkem chcete manipulovat.

Často se setkávám s tím, že tvůrci webů na WordPressu nebo Drupalu vytvářejí složitá řešení, která lze přitom elegantně zpracovat pomocí jQuery. Jenže nevědí, jak na to. Rozhodl jsem se na Maxiorlovi začít nový seriál, který vás formou videonávodů jQuery naučí. Nebo se alespoň pokusí vám ukázat jeho základy.

Současné webové stránky se bez JavaScriptu a dalších technologií provádějících různé operace na pozadí, téměř neobejdou. Postup, kterým můžete dosáhnout zpracování dat bez toho, že by bylo nutné znovu načítat webovou stránku, je založen na sadě technologií souhrnně označovaných jako AJAX. Podívejme se na jednoduchý příklad.