Programmering

6 grunner til at du bør bruke jQuery

Basert på manipuleringen av HTML DOM (Document Object Model) og designet for å forenkle klientsiden skripting av HTML, inneholder jQuery deler av HTML og CSS. Tusenvis av selskaper er på jQuery-vogna, og selskapet ditt burde også være det.

La oss se på hvorfor jQuery har en slik innvirkning på bedriftsnivået.

[Hvor mye vet du om dette solide utviklerverktøyet? Finn ut i JavaScript IQ-testen. | Lær hvordan du kan jobbe smartere, ikke vanskeligere med sin oversikt over alle tips og trender som programmerere trenger å vite i utviklerens overlevelsesguide. Last ned PDF i dag! | Hold deg oppdatert på de siste utviklernyhetene med 's Developer World-nyhetsbrev. ]

1. jQuery fremmer enkelhet

Utviklere synes jQuery er intuitivt og lett å lære - dette biblioteket er tross alt bygget på kortere, enklere kode. Med enkel syntaks og åpne kodestandarder kan utviklere forkorte tiden det tar å distribuere et program eller et nettsted.

I tillegg trenger ikke utviklere å være eksperter innen programmering eller webdesign for å lage flotte stiler for nettstedene sine. Enhver utvikler som har brukt timer på å kode og teste CSS-filer, vil sikkert sette pris på den enkle implementeringen som jQuery bringer til bordet. Det er også et sett med robuste jQuery UI-komponenter som utviklere kan plugge inn på sine nettsteder.

2. jQuery-elementer vises selv når JavaScript er deaktivert

Hvis Adobe Flash ikke er installert i en hvilken som helst nettleser, kan visse deler av siden gjengis feil, hvis de gjengis i det hele tatt. Dette er ikke bare ubehagelig for brukeren; det tvinger utviklere til å bruke ekstra tid på koding for nettlesere som mangler Flash-plugin-modulen, noe som legger til utviklingstid.

Ikke så med jQuery. Manipulering av HTML DOM har blitt den mest aksepterte fremgangsmåten for å manipulere en webside, slik at innholdet blir gjengitt selv om JavaScript er deaktivert i nettleseren. Siden HTML DOM alltid er tilstede, er det heller ikke mer å bekymre seg for nettleserinnstillinger.

Videre kan utvikling av jQuery redusere forekomster av helpdesk-billetter. Kundeservicen din vil sette pris på at utviklerne dine koder proaktivt for å unngå fryktede nettleserkrasj.

3. jQuery integreres enkelt med Visual Studio IDE

NuGet er en Visual Studio-utvidelse som gjør det enkelt å legge til, fjerne og oppdatere biblioteker og verktøy i Visual Studio-prosjekter som bruker .Net Framework. NuGet har eksistert i årevis, og det er en pålitelig kilde for utviklere å utveksle og utvikle pakker for Microsoft Visual Studio.

Visual Studio 2010 støtter integrering av jQuery-biblioteket via dialogboksen Manage NuGet Packages. Dette aktiverer Intellisense-funksjonen i Visual Studio, som gir utvikleren øyeblikkelig tilgang til jQuery-metoder og syntaks uten å måtte forlate kodevisningen for å gjøre undersøkelser. Det er ikke noe bedre verktøy for å jobbe i et Microsoft-basert .Net-miljø.

Generelt bruker de fleste .Net-utviklere Visual Studio og er kjent med NuGet. Dette er en del av grunnen til at jQuerys popularitet fortsetter å vokse med .Net-utviklere. Med tillegg av jQuery-mobiltemaet for Windows har du nå alle utviklingsfordelene til jQuery-biblioteket tilgjengelig for Windows Phone-plattformen.

Microsoft viser at det er seriøst med HTML5, som inneholder mange jQuery-elementer, ved å fremme bruken av jQuery-biblioteker som HTML5-publikummet har vedtatt. Microsoft oppfordrer til bruk av jQuery, ikke bare i mobilutvikling, men også i nye UI-apper i Metro-stil.

4. jQuery lager animerte applikasjoner akkurat som Flash

Flash-utviklere er ikke billige. Utvikling i Flash krever en enorm læringskurve; for den gjennomsnittlige utvikleren kan det ta mange års praksis å kunne lage filmlignende kreasjoner som gjorde Flash kjent. På den annen side er jQuery gratis og krever kun kunnskap om JavaScript og HTML.

La oss si at du har råd til programvaren din og Flash-utvikleren din. Han eller hun må fortsatt kode for nettlesere og plattformer som ikke støtter Flash og for publikum som ikke vil kunne se Flash-innholdet ditt. Dette er en av de største ulempene med å bygge et Flash-bare nettsted - og en av de største fordelene med å bygge i HTML5.

I mellomtiden bruker jQuery en kombinasjon av CSS, HTML, JavaScript og AJAX. Dette er alle markeringsbaserte teknologier som skal fungere godt sammen. Dette betyr at du kan bruke en optimaliseringsstrategi på nettstedet ditt uten å måtte gjøre spesielle justeringer for teknologier som Flash. Poenget: Du kan oppnå flotte effekter som vil holde publikum engasjert.

For interessante eksempler på den typen animasjon som kan oppnås ved hjelp av HTML5 og jQuery, sjekk ut boostinspiration.com-funksjonen HTML5-nettsteder: 10 eksempler på Flash-drap.

5. jQuery-sider lastes raskere inn

Google og andre søkemotorer bruker sideinnlastingstid som en av de mange faktorene som påvirker SEO. (Mer om det senere.) Av dette og mange andre grunner, bør hver utvikler forsøke å gjøre koden så lett og kortfattet som mulig.

Den beste måten å gjøre dette på er å redusere størrelsen på koden din. Hvis nettstedet ditt er kodet med en HTML- og CSS-base, kan du enkelt gjøre ensartede justeringer av koden din som vil redusere størrelsen. I likhet med CSS lagres jQuery-filer vanligvis separat fra selve websiden. Dette lar utviklere gjøre endringer på hele nettstedet gjennom ett sentralt depot i stedet for å søke gjennom mappestrukturer. Dette er en kjernefordel ved CSS-koding, og det er en bevist suksess.

I tillegg gir jQuery deg muligheten til å laste inn div-koder bare når du trenger dem. Hvis du tar tiltak for å forbedre hastigheten på nettstedet ditt, kan du vurdere å laste inn bare de nødvendige div-kodene som trengs for sidelastningshendelsen. På denne måten kan du bare vise hva en bruker trenger å se med en gang, og få resten av divisjonselementene dine lastet inn etter behov.

6. jQuery kan være SEO-vennlig

Du har kanskje det mest tiltalende nettstedet, men er det verdt det hvis du ofrer stil for SEO? Måten du koder nettstedet på, påvirker i stor grad måten det kan bli funnet på Google, Bing og andre søkemotorer.

Som nevnt kan jQuery optimaliseres for søkemotorer, og det er mange plug-ins tilgjengelig for å hjelpe utviklere i denne oppgaven. Å legge inn jQuery-elementene dine ved hjelp av uordnede lister er en SEO-vennlig praksis som fungerer bra.

For eksempel:

    Gjeng jQuery-utdataene dine her

Den uordnede listen er en klassisk HTML-tag som har eksistert i årevis - søkemotorer vil plukke opp eller gjenkjenne

    tagger mye raskere enn et tilpasset element eller tag - og vil fortsatt bli brukt i HTML5.

    En annen SEO-fordel med HTML5-jQuery-kombinasjonen som er verdt å nevne, er at animasjoner kan lastes med nøkkelord som kan leses av søkemotorer.

    Hvorfor trenger du jQuery

    La oss oppsummere noen av fordelene med å bruke jQuery i ditt neste webutviklingsprosjekt.

    • Prisen er rett. JQuery-biblioteket er gratis.
    • Det er lett. Siden jQuery skyver innhold til klienten, reduserer det derfor ventetiden for serverrespons. I tillegg er det mindre enn Flash, så det resulterer i jevnere avspillinger og mindre feil.
    • Det fungerer hvor som helst. HTML5 er kompatibel med flere nettlesere - den fungerer på hvilken som helst nettleser, mobiltelefon eller nettbrett, og til og med på Apple-enheter.
    • Det er en lav læringskurve. Siden det er basert på vanlig gammelt JavaScript, kan utviklere lære jQuery raskt.
    • Endelig er jQuery SEO-vennlig og CSS3-kompatibel.

    I fremtiden vil firmaet ditt måtte levere innhold til en rekke forskjellige plattformer, inkludert stasjonære datamaskiner, nettbrett og smarttelefoner, for ikke å nevne fremkomsten av smarte TV-er og andre tilkoblede enheter. 1-2 slag av HTML5 og jQuery er en av de beste løsningene for denne typen utvikling.

    Siden jQuery er en viktig komponent i HTML5, er det verdt tiden, pengene og innsatsen for utviklerne dine å lære jQuery nå. Dette biblioteket kan levere fantastiske effekter med lite koding, og med mer og mer HTML5-integrering vil det være en stor del av fremtiden for webutvikling. Hvis målet ditt er å bygge et nettsted eller en webapp som er engasjerende og interaktiv, så er jQuery et nødvendig verktøy for verktøykassen din.

    Richard Hein er forfatter, redaktør og webutvikler med mer enn 15 år innen nettutvikling. Du kan få kontakt med ham via LinkedIn eller e-post. Følg alt fra CIO.com på Twitter @CIOonline, på Facebook og på Google+.

    Les mer om Java i CIOs Java Drilldown.

    Denne historien, "6 grunner til at du skal bruke jQuery", ble opprinnelig utgitt av CIO.

$config[zx-auto] not found$config[zx-overlay] not found