Topp 7 nyttige JavaScript-verktøy for webutviklere

Hvis du abonnerer på en tjeneste fra en lenke på denne siden, kan Reeves and Sons Limited tjene en provisjon. Se vår etisk uttalelse.

Mange utviklere prøver å unngå å bli skitne med JavaScript så mye de kan unngå det. Det er en oppfatning at JavaScript er uryddig og oppmuntrer til dårlige kodevaner, fordi det ikke håndhever regler like strengt som de fleste andre kodespråk.

Yet this is also a strength. It makes developing things in JavaScript quick and easy, provided you know what you are doing. Developing code in JavaScript is often a more efficient process simply because you don’t have to spend as much time debugging, and you can see the results of any changes you make instantly.

If there’s a downside, it’s that some coders actually are lazy, and don’t test their code sufficiently before releasing it, which is why we see so many web pages that consume memory and CPU cycles to excess.

Fortunately one of the very best things about JavaScript is there are so many pre-existing tools that you can make use of. You don’t have to reinvent the wheel on every project. Some of these may even spare you the ordeal of doing any coding at all.

In this article, we’ll take a look at some of the most useful JavaScript tools and libraries available for you to use when you are working on your own projects. In the majority of cases, these tools are free or low cost, and we only selected those that don’t require a lot of effort to learn.

1. Total11y

En av de viktigste oppgavene for enhver webutvikler er å sikre at sidene deres har god tilgjengelighet. Det kan være vanskelig å oppnå perfeksjon, men vi bør i det minste prøve å få tilgjengelighetsfaktoren til å være så god som vi kan.

De Tota11y JavaScript tool from Khan Academy does a very impressive job of analyzing your web pages for accessibility while you’re in the development phase, so you can provide real-time analysis of accessibility factors to your development team.

2. BrowserSync

Komme i gang med BrowserSync er ikke i det hele tatt rett frem, men når du har lært hvordan du bruker den, vil du finne at det er uunnværlig i testlaboratoriet. Test nettstedet ditt på flere nettlesere og enheter samtidig.

Et annet interessant trekk ved dette verktøyet er at det lar deg gasspakke tilkoblingen din, slik at du kan simulere å laste siden på en tregere forbindelse enn det du faktisk har.

There are other tools for testing on multiple browsers, but this is the only one we’ve found that also mirrors all your interactions with the page instantly across all your connected browsers and devices.

3. Chart.js

Det er så mange måter diagrammer kan være nyttige, og en av de mest elegante gratis løsningene som også er enkle å konfigurere, må være den ganske enkelt navngitte Chart.js verktøyet.

Ved hjelp av bare ett veldig enkelt skript kan du lage et fantastisk utvalg av diagrammer, og du kan til og med kombinere det med en database for å laste inn data dynamisk og generere nye diagrammer når dataene endres. Du kan blande forskjellige diagramtyper sammen der det er fornuftig å gjøre det (for eksempel en kombinert linje og søylediagram).

It works by using the HTML5 canvas, and you can create multiple canvases on the page to host multiple charts. Just make sure you give each canvas and chart a unique name so you don’t send data to the wrong target.

En annen kul funksjon i Chart.js er at diagrammene den genererer er fullstendige responsive, so they’ll have a consistent look across a range of different screen sizes.

4. SamsaraJS

The unusual name choice for this tool (“samsara” in Buddhist tradition refers to the eternal cycle of suffering from which one is supposed to break free) may be an indication of how much work you’ll have to put in to master it, but it is capable of making your web page do amazing things.

The concept here is “layout animation”, and it’s extremely versatile. SamsaraJS gir deg full kontroll over oppsettet, slik at du kan "flytte" det og endre det, enten i henhold til en forhåndsbestemt sekvens eller som svar på brukerinteraksjon.

5. Kartograf

Hvis websiden din vil dra nytte av å vise geografiske data i grafisk form, da Kartograf er det perfekte JavaScript-verktøyet du trenger for dette formålet.

Alle data kan modelleres med nøkkelpunktnøyaktighet og knyttes til bestemte steder på et kart, med alt generert i sanntid SVG-grafikk. Det betyr at til og med animasjon er mulig.

The best thing about this is how professional the end result looks. It’s certainly an interesting alternative to using more popular mapping solutions such as GoogleMaps, and doesn’t come with any unwanted extras.

En ting til som gjør Kartograph skiller seg ut er at den har skript for Python og JavaScript.

6. Raphael

This is an SVG engine that simplifies the task of drawing real-time SVG graphics (this is different from pre-complied SVG graphics). There are numerous advantages to drawing your vector graphics as they’re needed instead of using pre-compiled graphics.

Dette er teknologien på høyt nivå nettapplikasjonsprosjekter som Kartograph (se over) og MCDU-emulator ble bygget med.

Mens Raphael biblioteket er ikke i aktiv utvikling på nåværende tidspunkt, det har allerede omtrent alt du trenger for å lage omtrent hva du vil, og det er ingen tvil om at det gjør SVG-koding mye enklere enn å bruke vanlig SVG-syntaks.

7. Knockout.js

It’s not easy being a UI framework these days with so much competition around, but Knockout.js has something a little extra special. The learning curve has been flattened out with interactive tutorials. Beyond that, it’s a powerful and flexible framework compacted down to under 60KB in size.

Despite it’s small size, it gives you a lot of control over your DOM elements and lets you build fully interactive responsive nettsteder raskt og enkelt.

JavaScript isn’t bad

Much of the scorn that has been directed at JavaScript is a legacy from its earliest days, when it definitely wasn’t perfect, and unfortunately decided to incorrectly marry its name forever with Java.

Get to grips properly with JavaScript and you will discover it is a robust object oriented language that is ideal for developing online and offline applications very easily. This isn’t something that can be said about most languages out there.

Selv Java krever mye mer krefter, selv om det gir deg mange forhåndsdefinerte verktøy for kryssplattformer å jobbe med.

The tools listed above are just seven very useful ones out of a palette of millions you could choose from. It’s certainly a language that is useful to know, and may well be the best language to master, since it provides the most opportunities.

header image med tillatelse fra

Bogdan Rancea

Bogdan er et grunnleggende medlem av Inspired Mag, etter å ha opparbeidet seg nesten 6 års erfaring i løpet av denne perioden. På fritiden liker han å studere klassisk musikk og utforske billedkunst. Han er ganske besatt av fixies også. Han eier 5 allerede.

Kommentar 0 Responses

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Vurdering *

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.