jQuery

Dva roky mi trvalo, než jsem přestal školit pod jinými a začal vést kurzy pod svým jménem, tak jako stavím weby. Velmi často jsem přitom uvažoval o spolupráci a propagaci svých kurzů na portálu Naučmese. Je to přesně rok, co jsem se do toho pustil.

Tvorba RESTových rozhraní v Drupalu nikdy nebyla snazší. Potřebujete-li export do formátu JSON, stačí vám v Drupalu 8 naklikat si potřebná data ve Views a jen jim nastavit správný výstup. V článku si to zkusíme krok za krokem.

Když se chtěl člověk učit programovat dříve, musel se prohrabávat tunami textu na webech, kupovat drahé a neohrabané knihy nebo platit předražená školení. Někteří lidé se učili metodou pokus/omyl. To dnes není potřeba.

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.

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.

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.

Sparklines jsou malé grafy vizualizující sadu hodnot buď přímo v textu, nebo třeba ve sloupečku tabulky. Vytvořit je můžete jednoduše i přímo v HTML, což si ukážeme na příkladu knihovny jQuery Sparklines.

Chart.js je stále populárnější javascriptová knihovna určená k vytváření interaktivních grafů na webové stránce pomocí HTML5. Svezu se tedy na vlně její popularity a nabízím jednoduchý návod, jak vytvořit koláčový graf na stránce, jejíž data jsou plněna pomocí PHP.

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.

V dnešním docela jednoduchém návodu si vyzkoušíme vytvoření jednoduché sekce pro často kladené dotazy na webu. Bude obsahovat otázky s odpověďmi, které budou standardně ukryté. Zobrazení odpovědi si vyzkoušíme jen s použitím čistého CSS, ale v další fázi také s pomocí jQuery. A nakonec se podíváme, jak to implementovat do Drupalu.

Dnes mám pro vás malý tip na malé vylepšení vašich webů, které souvisí s typografií. A myslím, že jej málokdo řeší. Jak jste na tom se zarovnáváním obrázků do pomyslných textových řádků a dodržováním řádkování?

Chcete na webu střídat obrázky na pozadí stránky nebo nějakého prvku? Chcete tyto obrázky pohodlně nahrát přes FTP a nezdržovat se zápisem jejich názvů do kódu? Stačí pár řádků, kde si PHP projde obsah zvolené složky a předá názvy souborů jQuery, které zařídí jejich střídání.

Běžné rozbalovací nabídky na webu jsou poněkud nudné. Pokud je v nich velké množství položek, obtížně se v nich vyhledává, zvlášť, když položky nejsou seřazeny abecedně. Rozbalovačky však velmi rychle proměníte v pěkný ovládací prvek pomocí jQuery pluginu Chosen.

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.