Een geweldige site maken vereist veel vaardigheden, maar je hoeft niet altijd alles helemaal opnieuw te ontwikkelen. Als u een van de JavaScript-bibliotheken in dit artikel wilt gebruiken, moet u op zijn minst een aantal JavaScript-vaardigheden hebben, maar u hoeft ook niet per se een expert te zijn.
Waar u wel deskundig mee moet zijn, is hoe u de bibliotheken op een site kunt laten blenden om er het meeste profijt van te hebben. Dit is niet echt iets dat kan worden onderwezen. Het is een vaardigheid die je alleen kunt leren door te doen. Zodra je de concepten onder de knie hebt, is er echter geen limiet aan je creativiteit en wat je ermee kunt bereiken.
Hier verzameld is onze lijst met de meest bruikbare JavaScript-bibliotheken die beschikbaar zijn voor programmeurs voor siteverbetering. Mogelijk ziet u uw favoriet hier niet vermeld, maar dat betekent niet dat het niet wordt aanbevolen. In feite kan elke JavaScript-bibliotheek die u helpt iets te bereiken dat de moeite waard is, niet worden afgewezen. Maar met letterlijk miljoenen bibliotheken om uit te kiezen, moeten we ergens een grens trekken.
1. jQuery
Het is het beste om te beginnen met het voor de hand liggende. Je gebruikt deze bibliotheek vrijwel zeker al op de een of andere manier, zelfs als je het nog niet weet. In wezen laat jQuery je gemakkelijker dynamische dingen doen met statische webpagina's dan met andere methoden, en is er geen server-side programmering nodig om de resultaten te bereiken. Dit betekent ook dat updates sneller kunnen plaatsvinden dan met server-side alternatieven. Veel andere bibliotheken bevatten jQuery als een afhankelijkheid, dus u zult het waarschijnlijk in uw pagina's moeten opnemen, zelfs als u niet rechtstreeks toegang hebt tot de functies ervan.
2. Prototype
Dit kan in zekere zin worden beschouwd als een concurrent van jQuery. Het is niet per se inferieur, maar het wordt veel minder algemeen aangenomen. Het samen gebruiken van prototype en jQuery kan tot conflicten leiden, tenzij u speciale stappen onderneemt om dit probleem op te lossen. Daarom moet u de afhankelijkheden kennen binnen de andere JavaScript-bibliotheken die u gebruikt.
3. modernizr
Deze bibliotheek helpt bij het oplossen van problemen met het renderen van pagina's in oudere browsers die HTML5 niet volledig ondersteunen. Hoewel dergelijke browsers steeds zeldzamer worden, maken ze nog steeds deel uit van het landschap en met Modernizr kunt u het probleem op een efficiënte manier oplossen.
4. Bootstrap
In slechts zes korte jaren heeft Bootstrap een enorme verspreiding door de hele wereld van webontwikkeling bereikt. Het houdt zich alleen bezig met UI-lay-out en componentintegratie, maar het doet dit heel goed. U moet echter de standaardinstellingen voor vrijwel alles wijzigen, omdat ze zijn gebaseerd op Twitter's kleurenschema, dat niet de meest gebruiksvriendelijke gebruikersinterface is.
5. PDF.js
U weet misschien dat de PDF format is onderhevig aan bepaalde kwetsbaarheden. Om dit probleem te omzeilen, is PDF.js gemaakt om PDF-inhoud weer te geven in het HTML5 Canvas. Dit betekent natuurlijk ook dat het alleen werkt in een browser die HTML5 en Canvas ondersteunt.
6. JS-hitlijsten
Een uitstekende bibliotheek die een eenvoudige maar krachtige grafiekgenerator biedt, zodat u allerlei professioneel ogende grafieken voor uw site kunt maken zonder al te veel tijd en moeite te investeren. De gratis versie is even krachtig als de betaalde versie, maar bevat een watermerk. Door een licentie aan te schaffen, wordt dit watermerk verwijderd.
7. Chart.js
Dit is echt een goed, volledig gratis alternatief zonder watermerk voor JS-grafieken. Het is gebruiksvriendelijk, goed gedocumenteerd en kan op eindeloze manieren worden aangepast. Het gebruik ervan vereist iets meer JavaScript-vaardigheid dan JS-grafieken.
8. D3.js
Dit is een grotere broer van de vorige twee voorbeelden, die bedoeld zijn voor lichtgewicht gebruik. Als u echter gegevens verwerkt in de grote competities, biedt D3 u de geavanceerde functies die uw online presentatie naar een hoger niveau kunnen tillen. Alle soorten gegevens kunnen op een verbluffend aantal manieren worden gevisualiseerd en uitgedrukt. Bekijk de voorbeelden op de D3-website om te zien wat u hebt gemist.
9. bHive
Een geweldig grafisch raamwerk dat zo is revolutionair voor het HTML5 Canvas zoals Raphaël was voor HTML4. Met bHive kunt u snel SVG-afbeeldingen en animaties maken en zelfs interactiviteit opnemen die op veel verschillende manieren kan worden gebruikt, zoals eenvoudige games en educatieve toepassingen.
10. Owl Carousel
Hoewel overmatig gebruik van carrousels niet moet worden aangemoedigd, is Owl een van de meest aanbevolen carrouselplug-ins die ooit voor jQuery zijn gemaakt, voor die momenten waarop u er echt een moet gebruiken. Het is compatibel met zowel touchscreens als aanwijsapparaten. Het ondersteunt swipen en slepen en neerzetten. Het is volledig aanpasbaar en is responsive standaard.
11. Date.js
Soms moet je een datum kunnen uitdrukken information op verschillende manieren om een site context te geven. Met de functies van Date.js kun je precies dit doen, met behulp van een zeer eenvoudige syntaxis die niet eenvoudiger te leren is.
13. Moment.js
Een andere datum formatting en verwerking bibliotheek. Het is iets ingewikkelder dan Date.js, maar stelt je in staat om bepaalde specifieke berekeningen gemakkelijk uit te voeren (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate, enzovoort). Als u niet alle overhead nodig heeft die bij deze extra functies hoort, gebruikt u in plaats daarvan Date.js.
13. dateDropper
Wanneer u een kalender / datepicker-besturingselement op uw site moet weergeven, is dateDropper de elegantste en eenvoudigste oplossing die we ooit hebben gezien (en we hebben veel gezien). Het is ook meer compatibel met mobiele interfaces dan veel van de andere oplossingen die er zijn.
13. Numeral.js
Doet voor getallen wat Date.js doet voor datums.
14. wForms
Een eenvoudige maar nuttige bibliotheek onderhouden door in het Google Code-archief, wForms maakt gemakkelijk werk van algemene taken met betrekking tot gebruikersinvoerformulieren. Deze omvatten invoervalidatie, tooltips en andere handige functies.
15. sortTable
Sorteerbare tabellen bestaan al bijna net zo lang als tabellen hebben (datatabellen, hoe dan ook). Maar met deze hand-JavaScript-bibliotheek kunt u elke tabel eenvoudig sorteren door een klasse aan de tabel toe te voegen wanneer u deze maakt, wat net zo eenvoudig is als:
header afbeelding met dank aan Rogie
Comments 0 Reacties