Nyttige JavaScript-verktøy for webutviklere

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

Likevel er dette også en styrke. Det gjør det enkelt og raskt å utvikle ting i JavaScript, forutsatt at du vet hva du gjør. Å utvikle kode i JavaScript er ofte en mer effektiv prosess ganske enkelt fordi du ikke trenger å bruke så mye tid på feilsøking, og du kan se resultatene av endringer du gjør umiddelbart.

Hvis det er en ulempe, er det at noen kodere faktisk er late, og ikke tester koden sin tilstrekkelig før de slipper den, og det er grunnen til at vi ser så mange websider som bruker minne og CPU-sykluser for mye.

Heldigvis er noe av det aller beste med JavaScript at det er så mange eksisterende verktøy som du kan benytte deg av. Du trenger ikke å finne opp hjulet på nytt på hvert prosjekt. Noen av disse kan til og med skåne deg for prøvelsen av å gjøre noen koding i det hele tatt.

I denne artikkelen tar vi en titt på noen av de mest nyttige JavaScript-verktøyene og bibliotekene som er tilgjengelige for deg å bruke når du jobber med dine egne prosjekter. I de fleste tilfeller er disse verktøyene gratis eller til lave kostnader, og vi valgte bare de som ikke krever mye innsats for å lære.

1. Tota11y

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-verktøyet fra Khan Academy gjør en veldig imponerende jobb med å analysere websidene dine for tilgjengelighet mens du er i utviklingsfasen, slik at du kan gi sanntidsanalyse av tilgjengelighetsfaktorer til ditt utviklingsteam.

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.

Det er andre verktøy for å teste på flere nettlesere, men dette er det eneste vi har funnet som også speiler alle interaksjonene dine med siden umiddelbart i alle tilkoblede nettlesere og enheter.

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).

Det fungerer ved å bruke HTML5-lerretet, og du kan lage flere lerreter på siden for å være vert for flere diagrammer. Bare sørg for at du gir hvert lerret og kart et unikt navn slik at du ikke sender data til feil mål.

En annen kul funksjon i Chart.js er at diagrammene det genererer er fullt responsive, slik at de får et jevnlig utseende over en rekke forskjellige skjermstørrelser.

4. SamsaraJS

Det uvanlige navnevalget for dette verktøyet (“samsara” i buddhistisk tradisjon refererer til den evige lidelsessyklusen man skal bryte fri fra) kan være en indikasjon på hvor mye arbeid du må legge ned for å mestre det, men det er i stand til å gjøre nettsiden din til å gjøre fantastiske ting.

Konseptet her er "layout animasjon", og det er ekstremt allsidig. 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.

Det beste med dette er hvor profesjonelt sluttresultatet ser ut. Det er absolutt et interessant alternativ å bruke mer populære kartløsninger som GoogleMaps, og kommer ikke med noen uønskede tillegg.

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

6. Raphaël

Dette er en SVG-motor som forenkler oppgaven med å tegne SVG-grafikk i sanntid (dette er forskjellig fra forhåndsoppfylt SVG-grafikk). Det er mange fordeler med å tegne vektorgrafikk da de er nødvendige i stedet for å bruke forhåndskompilert grafikk.

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

Det er ikke lett å være et UI-rammeverk i disse dager med så mye konkurranse rundt, men Knockout.js har noe litt ekstra spesielt. Læringskurven har blitt flatet ut med interaktive tutorials. Utover det er det et kraftig og fleksibelt rammeverk som er komprimert til under 60 KB i størrelse.

Til tross for at den er liten, gir den deg mye kontroll over DOM-elementene og lar deg raskt og enkelt bygge fullt interaktive responsive nettsteder.

JavaScript er ikke dårlig

Mye av hånet som har blitt rettet mot JavaScript er en arv fra de tidligste dagene, da den definitivt ikke var perfekt, og dessverre bestemte seg for å gifte seg med navnet for alltid med Java.

Få tak i JavaScript ordentlig, og du vil oppdage at det er et robust objektorientert språk som er ideelt for å utvikle applikasjoner på nettet og offline. Dette er ikke noe som kan sies om de fleste språk der ute.

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

Verktøyene ovenfor er bare syv veldig nyttige verktøy ut av en palett på millioner du kan velge mellom. Det er absolutt et språk som er nyttig å vite, og som godt kan være det beste språket å mestre, siden det gir flest muligheter.

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.