Sok fejlesztő igyekszik elkerülni, hogy bepiszkolja a kezét a JavaScripttel, amennyire csak el tudja kerülni. Az a felfogás, hogy a JavaScript rendezetlen, és rossz kódolási szokásokra ösztönöz, mivel nem kényszeríti ki olyan szigorúan a szabályokat, mint a legtöbb más kódolási nyelv.
De ez is egy erősség. Gyorssá és egyszerűvé teszi a JavaScriptben a fejlesztést, feltéve, hogy tudja, mit csinál. A kód fejlesztése JavaScriptben gyakran sokkal hatékonyabb folyamat egyszerűen azért, mert nem kell annyi időt töltenie a hibakereséssel, és azonnal láthatja az elvégzett változtatások eredményét.
Ha van hátránya, az az, hogy egyes kódolók valójában lusták, és nem tesztelik kellőképpen a kódjukat, mielőtt kiadnák, ezért látunk olyan sok weboldalt, amely túlzottan fogyaszt memóriát és CPU-ciklusokat.
Szerencsére az egyik legjobb dolog a JavaScriptben, hogy rengeteg már létező eszköz van, amelyeket használhat. Nem kell minden projektnél újra feltalálni a kereket. Ezek közül néhány megkíméli Önt attól a megpróbáltatástól, hogy bármiféle kódolást végezzen.
Ebben a cikkben áttekintjük a leghasznosabb JavaScript-eszközöket és -könyvtárakat, amelyeket saját projektjein való munkához használhat. Az esetek többségében ezek az eszközök ingyenesek vagy olcsók, és csak azokat választottuk ki, amelyek elsajátítása nem igényel nagy erőfeszítést.
1. Összesen11y
Minden webfejlesztő számára az egyik legfontosabb feladata, hogy oldalai jól hozzáférhetők legyenek. Nehéz lehet a tökéletességet elérni, de legalább arra kell törekednünk, hogy az akadálymentesítési tényező a lehető legjobb legyen.
A Tota11y A Khan Academy JavaScript-eszköze nagyon lenyűgöző munkát végez a weboldalak akadálymentesítésének elemzésében, miközben Ön a fejlesztési fázisban van, így valós idejű elemzést nyújthat a fejlesztőcsapat számára a hozzáférhetőségi tényezőkről.
2. BrowserSync
Első lépések BrowserSync egyáltalán nem egyszerű, de miután megtanulta a használatát, úgy találja, hogy a tesztlaborban nélkülözhetetlen. Tesztelje webhelyét több böngészőn és eszközön egyszerre.
Az eszköz másik érdekes tulajdonsága, hogy lehetővé teszi a kapcsolat szabályozását, így szimulálhatja az oldal betöltését lassabb kapcsolaton, mint amilyen valójában van.
Vannak más eszközök is a több böngészőn történő teszteléshez, de ez az egyetlen olyan eszköz, amely azonnal tükrözi az oldallal végzett interakcióit az összes csatlakoztatott böngészőben és eszközön.
3. Chart.js
A diagramok nagyon sokféleképpen lehetnek hasznosak, és az egyik legelegánsabb ingyenes megoldás, amely könnyen konfigurálható, a nagyon egyszerűen elnevezett Chart.js eszköz.
Egyetlen nagyon egyszerű szkript használatával számos diagramot hozhat létre, és akár egy adatbázissal is kombinálhatja, hogy dinamikusan betölthesse az adatokat, és bármikor friss diagramokat generáljon, amikor az adatok megváltoznak. Különböző diagramtípusokat keverhet egymással, ahol ésszerű (például kombinált vonal- és oszlopdiagram).
A HTML5 vászon használatával működik, és több vásznat is létrehozhat az oldalon több diagram tárolására. Csak győződjön meg róla, hogy minden vászonnak és diagramnak egyedi nevet ad, hogy ne küldjön adatokat rossz célpontnak.
A Chart.js másik nagyszerű tulajdonsága, hogy az általa generált diagramok teljes mértékben elkészültek responsive, így egységes megjelenésűek lesznek a különböző képernyőméreteken.
4. SamsaraJS
Ennek az eszköznek a szokatlan névválasztása (a „szamszára” a buddhista hagyományban a szenvedés örök körforgása, amelyből ki kell szabadulnia) azt jelezheti, hogy mennyi munkát kell még elsajátítania, de képes arra, hogy weboldalát csodálatos dolgokra késztesse.
A koncepció itt az „elrendezés animáció”, és rendkívül sokoldalú. SamsaraJS teljes irányítást biztosít az elrendezés felett, lehetővé téve annak „mozgatását” és módosítását, akár előre meghatározott sorrend szerint, akár a felhasználói beavatkozás hatására.
5. Kartográf
Ha weboldala számára előnyös lesz a földrajzi adatok grafikus formában történő megjelenítése, akkor Kartográf a tökéletes JavaScript eszköz, amelyre szüksége van erre a célra.
Bármely adat tűpontos pontossággal modellezhető, és meghatározott helyekhez köthető a térképen, minden valós idejű SVG grafikával generálható. Ez azt jelenti, hogy akár animáció is lehetséges.
A legjobb ebben az, hogy mennyire profi a végeredmény. Minden bizonnyal érdekes alternatíva a népszerűbb térképészeti megoldások, például a GoogleMaps használatához, és nem jár semmilyen nem kívánt extrával.
Még egy dolog, ami kiemeli a Kartographot, az az, hogy Python és JavaScript szkriptjei vannak.
6. Raphaël
Ez egy SVG-motor, amely leegyszerűsíti a valós idejű SVG-grafikák rajzolását (ez eltér az előre megfelelő SVG-grafikáktól). Számos előnye van a vektorgrafikák megrajzolásának, mivel szükség van rájuk az előre összeállított grafikák használata helyett.
Ez a technológia magas szintű webalkalmazás projektek, mint a Kartograph (lásd fent) és a MCDU emulátor -val építették.
Míg az Raphaël A könyvtár jelenleg nincs aktív fejlesztés alatt, már szinte mindent tartalmaz, ami ahhoz kell, hogy szinte bármit létrehozhasson, és kétségtelenül sokkal könnyebbé teszi az SVG kódolást, mint a normál SVG szintaxis használata.
7. Knockout.js
Nem könnyű manapság UI keretrendszernek lenni, ekkora verseny mellett, de Knockout.js van valami extra különleges. A tanulási görbe interaktív oktatóanyagokkal lett simítva. Ezen túlmenően ez egy erőteljes és rugalmas keretrendszer, amely 60 KB alá van tömörítve.
Kis mérete ellenére nagy irányítást biztosít a DOM-elemek felett, és teljesen interaktív építkezést tesz lehetővé responsive weboldalak gyorsan és egyszerűen.
A JavaScript nem rossz
A JavaScriptet ért gúny nagy része a legkorábbi idők öröksége, amikor is határozottan nem volt tökéletes, és sajnos úgy döntött, hogy a nevét helytelenül örökre összeházasítja a Java-val.
Ha jól ismeri a JavaScriptet, rájön, hogy ez egy robusztus objektumorientált nyelv, amely ideális online és offline alkalmazások nagyon egyszerű fejlesztéséhez. Ez nem mondható el a legtöbb nyelvről.
Még a Java is sokkal több erőfeszítést igényel, annak ellenére, hogy rengeteg előre definiált többplatformos eszközt kínál a munkához.
A fent felsorolt eszközök csak hét nagyon hasznos eszköz a több milliós palettából, amelyek közül választhat. Ez minden bizonnyal egy olyan nyelv, amelyet hasznos tudni, és valószínűleg ez a nyelv a legjobb elsajátításra, mivel ez kínálja a legtöbb lehetőséget.
fejléckép jóvoltából
Hozzászólások 0 válaszok