Udělat skvělý web vyžaduje spoustu dovedností, ale ne vždy musíte vyvíjet vše úplně od začátku. Abyste mohli používat kteroukoli z knihoven JavaScriptu uvedených v tomto článku, budete muset mít alespoň některé stávající dovednosti s JavaScriptem, ale také nemusíte být nutně expert.
V čem musíte být odborníkem, je vymyslet, jak začlenit knihovny do webu, abyste z nich měli co největší užitek. Tohle opravdu není něco, co by se dalo naučit. Je to dovednost, kterou se můžete naučit pouze praxí. Jakmile si však osvojíte koncepty, vaše kreativita a to, čeho s ní můžete dosáhnout, nejsou meze.
Zde je shromážděn náš seznam nejužitečnějších knihoven JavaScriptu dostupných programátorům pro vylepšení webu. Možná zde nevidíte své oblíbené, ale to neznamená, že se nedoporučuje. Ve skutečnosti nelze odmítnout jakoukoli knihovnu JavaScript, která vám pomůže dosáhnout něčeho, co stojí za to. Ale s doslova miliony knihoven, ze kterých si můžete vybrat, musíme někde udělat čáru.
1. jQuery
Nejlepší je začít tím, co je zřejmé. Téměř jistě již tuto knihovnu nějakým způsobem používáte, i když ji ještě neznáte. jQuery vám v podstatě umožňuje dělat dynamické věci na statických webových stránkách snadněji než jiné metody a k dosažení výsledků nevyžaduje programování na straně serveru. To také znamená, že aktualizace mohou probíhat rychleji než u alternativ na straně serveru. Mnoho dalších knihoven obsahuje jQuery jako závislost, takže jej pravděpodobně budete muset začlenit do svých stránek, i když nemáte přímý přístup k jeho funkcím.
2. Prototyp
To by se svým způsobem dalo považovat za konkurenci jQuery. Není to nutně méněcenné, ale je mnohem méně rozšířené. Společné používání prototypu a jQuery může vést ke konfliktům, pokud neučiníte speciální kroky k vyřešení tohoto problému. To je důvod, proč potřebujete znát závislosti v rámci jiných knihoven JavaScriptu, které používáte.
3. Modernizovat
Tato knihovna pomáhá překonat problémy s vykreslováním stránek ve starších prohlížečích, které plně nepodporují HTML5. I když se s takovými prohlížeči setkáváme vzácněji, stále jsou součástí krajiny a Modernizr vám může pomoci vyřešit problém účinným způsobem.
4. Bootstrap
Během pouhých šesti krátkých let dosáhl Bootstrap obrovského rozšíření ve světě vývoje webových aplikací. Zabývá se výhradně rozložením uživatelského rozhraní a integrací komponent, ale dělá to velmi dobře. Budete však muset upravit výchozí nastavení téměř pro všechno, protože jsou založena na Twitter's barevné schéma, které není uživatelsky nejpřívětivější z uživatelských rozhraní.
5. PDF.js
Možná víte, že PDF format podléhá určitým zranitelnostem. Aby se tento problém vyřešil, byl vytvořen soubor PDF.js, který vykresluje obsah PDF do HTML5 Canvas. Samozřejmě to také znamená, že funguje pouze v prohlížeči, který podporuje HTML5 a Canvas.
6. JS grafy
Vynikající knihovna, která poskytuje jednoduchý, ale výkonný generátor grafů, takže můžete pro své stránky vytvářet všechny druhy profesionálně vypadajících grafů, aniž byste investovali příliš mnoho času a úsilí. Bezplatná verze je stejně výkonná ve srovnání s placenou verzí, ale obsahuje vodoznak. Zakoupením licence tento vodoznak odstraníte.
7. Chart.js
Toto je opravdu dobrá, zcela bezplatná, nevodoznakovaná alternativa k JS Charts. Je snadno použitelný, dobře zdokumentovaný a lze jej přizpůsobit nekonečnými způsoby. Použití vyžaduje trochu více dovedností JavaScriptu než JS Charts.
8. D3.js
Jedná se o většího bratra předchozích dvou příkladů, které jsou určeny pro odlehčené použití. Pokud však sbíráte data ve velké lize, D3 vám nabízí pokročilé funkce, které mohou vaši online prezentaci posunout na další úroveň. Jakýkoli druh dat lze vizualizovat a vyjádřit ohromujícím množstvím způsobů. Podívejte se na příklady na webu D3, abyste viděli, o co jste přišli.
9. bÚl
Skvělý grafický rámec, který je jako revolutIonární k HTML5 Canvas, jako byl Raphaël k HTML4. bHive vám umožňuje rychle vytvářet grafiku SVG, animace a dokonce začlenit interaktivitu, kterou lze použít mnoha různými způsoby, jako jsou jednoduché hry a vzdělávací aplikace.
10. Soví kolotoč
I když přílišné používání karuselů není podporováno, v době, kdy jej opravdu potřebujete použít, je Owl jedním z nejvíce doporučovaných kolotočových zásuvných modulů, které byly kdy vytvořeny pro jQuery. Je kompatibilní s dotykovými obrazovkami i polohovacími zařízeními. Podporuje swipe a drag-n-drop. Je plně přizpůsobitelný a je responsive ve výchozím stavu.
11. Date.js
Někdy je potřeba umět vyjádřit datumformation různými způsoby, jak dát webu kontext. Funkce Date.js vám umožňují dělat právě tuto věc pomocí velmi přímočaré syntaxe, kterou už nemůže být jednodušší se naučit.
13. Moment.js
Další rande formatknihovna pro zpracování a zpracování. Je o něco složitější než Date.js, ale umožňuje vám snadno provádět určité specifické výpočty (je po, je před, je stejný nebo po tom, je stejný nebo před tím, je mezi tím, je přestupný rok, je datum a tak dále). Pokud nepotřebujete veškerou režii spojenou s těmito funkcemi navíc, použijte místo toho Date.js.
13. dateDropper
Když potřebujete na svém webu zobrazit ovládací prvek kalendáře / datepickeru, dateDropper je nejelegantnější a nejjednodušší řešení, jaké jsme kdy viděli (a viděli jsme toho hodně). Je také více kompatibilní s mobilními rozhraními než mnoho jiných řešení.
13. Numeral.js
Dělá pro čísla to, co Date.js pro data.
14. wForms
Jednoduchá, ale užitečná knihovna spravovaná v archivu Google Code, wForms usnadňuje práci s běžnými úkoly souvisejícími s formuláři pro zadávání uživatelů. Patří mezi ně ověřování vstupu, tipy na nástroje a další užitečné funkce.
15. sortTable
Tříditelné tabulky existují téměř stejně dlouho jako tabulky (aspoň datové tabulky). Ale s touto ruční JavaScriptovou knihovnou můžete libovolnou tabulku snadno třídit pouhým přidáním třídy do tabulky, když ji vytváříte, což je tak jednoduché jako:
obrázek v záhlaví se svolením Rogie
Komentáře 0 Odpovědi