Å lage et flott nettsted krever mye ferdigheter, men du trenger ikke alltid å utvikle alt helt fra bunnen av. Hvis du vil bruke noen av JavaScript-bibliotekene som presenteres i denne artikkelen, må du ha minst noen eksisterende JavaScript-ferdigheter, men du trenger ikke nødvendigvis å være en ekspert.
Det du trenger å være ekspert på er å jobbe ut hvordan du kan blande bibliotekene inn på et nettsted for å få mest mulig utbytte av dem. Dette er egentlig ikke noe som kan læres. Det er en ferdighet du bare kan lære ved å gjøre. Når du først har mestret konseptene, er det imidlertid ingen grenser for kreativiteten din og hva du kan oppnå med det.
Her er en liste over de mest nyttige JavaScript-bibliotekene som er tilgjengelige for programmerere for forbedring av nettsteder. Du ser kanskje ikke din favoritt oppført her, men det betyr ikke at den ikke anbefales. Faktisk kan ikke ethvert JavaScript-bibliotek som hjelper deg med å oppnå noe som er verdt, henlegges. Men med bokstavelig talt millioner av biblioteker å velge mellom, må vi trekke streken et sted.
1. jQuery
Det beste er å starte med det åpenbare. Du bruker nesten helt sikkert allerede dette biblioteket på noen måte, selv om du ikke allerede vet det. I utgangspunktet lar jQuery deg gjøre dynamiske ting til statiske websider lettere enn andre metoder, og krever ikke programmering på serversiden for å oppnå resultatene. Dette betyr også at oppdateringer kan skje raskere enn med serversiden. Mange andre biblioteker inkluderer jQuery som en avhengighet, så du må sannsynligvis innlemme det på sidene dine, selv om du ikke får direkte tilgang til funksjonene.
2. Prototype
Dette kan på en måte betraktes som en konkurrent til jQuery. Det er ikke nødvendigvis dårligere, men det er mye mindre adoptert. Å bruke prototype og jQuery sammen kan føre til konflikter, med mindre du tar spesielle skritt for å håndtere dette problemet. Dette er grunnen til at du trenger å vite avhengighetene i de andre JavaScript-bibliotekene du bruker.
3. Modernisere
Dette biblioteket hjelper deg med å overvinne problemer med sidegjengivelse i eldre nettlesere som ikke fullt ut støtter HTML5. Mens slike nettlesere blir mer sjelden å oppstå, er de fremdeles en del av landskapet, og hvis Modernizr kan hjelpe deg med å håndtere problemet på en effektiv måte.
4. Bootstrap
På bare seks korte år har Bootstrap oppnådd enorm spredning i hele verden av webutvikling. Det er utelukkende opptatt av UI-layout og komponentintegrasjon, men det gjør dette veldig bra. Du må imidlertid endre standardinnstillingene for omtrent alt, fordi de er basert på Twitterfargevalg, som ikke er det mest brukervennlige av brukergrensesnitt.
5. PDF.js
Du vet kanskje at PDF-en format er underlagt visse sårbarheter. For å omgå dette problemet ble PDF.js laget for å gjengi PDF-innhold i HTML5 Canvas. Dette betyr selvsagt også at det bare fungerer i en nettleser som støtter HTML5 og Canvas.
6. JS-diagrammer
Et utmerket bibliotek som gir en enkel, men kraftfull grafgenerator, slik at du kan lage alle slags profesjonelle diagrammer for nettstedet ditt uten å investere for mye tid og krefter. Gratisversjonen er like kraftig sammenlignet med den betalte versjonen, men inkluderer et vannmerke. Å kjøpe en lisens fjerner dette vannmerket.
7. Chart.js
Dette er et veldig bra, helt gratis, umerket alternativ til JS Charts. Den er enkel å bruke, godt dokumentert og kan tilpasses på uendelige måter. Å bruke den krever litt mer JavaScript-ferdigheter enn JS Charts.
8. D3.js
Dette er en større bror til de to foregående eksemplene, som er ment for lett bruk. Hvis du knaster data i de store ligaene, tilbyr D3 deg imidlertid de avanserte funksjonene som kan ta onlinepresentasjonen din til neste nivå. Alle slags data kan visualiseres og uttrykkes i et svimlende antall måter. Bare sjekk eksemplene på D3-nettstedet for å se hva du har gått glipp av.
9. bHive
Et flott grafikkrammeverk som er som revolutionær til HTML5 Canvas som Raphaël var til HTML4. bHive lar deg raskt lage SVG-grafikk, animasjoner og til og med inkorporere interaktivitet som kan brukes på mange forskjellige måter, for eksempel enkle spill og utdanningsapplikasjoner.
10. Uglekarusell
Selv om overbruk av karuseller ikke er å oppmuntre, for de gangene du virkelig trenger å bruke en, er Owl en av de mest anbefalte karusell-pluginene som noen gang er laget for jQuery. Den er kompatibel med både berøringsskjermer og pekeenheter. Den støtter sveip og dra-n-slipp. Det er fullt tilpassbart og er det responsive som standard.
11. Dato.js
Noen ganger må du kunne uttrykke date iformation på forskjellige måter for å gi et nettsted kontekst. Funksjonene til Date.js lar deg gjøre akkurat dette, ved å bruke en veldig enkel syntaks som ikke kunne vært enklere å lære.
13. Moment.js
En annen date formatting og prosesseringsbibliotek. Det er litt mer komplekst enn Date.js, men lar deg enkelt gjøre visse spesifikke beregninger (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate, og så videre). Når du ikke trenger all overhead som følger med disse ekstra funksjonene, bruk Date.js i stedet.
13. dateDropper
Når du trenger å vise en kalender- / datopikerkontroll på nettstedet ditt, er dateDropper den mest elegante og enkle løsningen vi noen gang har sett (og vi har sett mye). Det er også mer kompatibelt med mobile grensesnitt enn mange av de andre løsningene der ute.
13. Numeral.js
Gjør for tall hva Date.js gjør for datoer.
14. wFormer
WForms er et enkelt, men nyttig bibliotek vedlikeholdt av i Google Code-arkivet, og gjør det enkelt å jobbe med vanlige oppgaver relatert til brukerinputskjemaer. Disse inkluderer inndatavalidering, verktøytips og andre nyttige funksjoner.
15. sorteringstabell
Sorterbare tabeller har eksistert i nesten like lang tid som tabeller har (datatabeller, uansett). Men med dette JavaScript-biblioteket kan du enkelt lage en hvilken som helst tabell bare ved å legge til en klasse i tabellen når du oppretter den, som er så enkel som:
header image med tillatelse fra Rogie
Kommentar 0 Responses