7 kule ting å gjøre med JavaScript

7 kule ting å gjøre med JavaScript

Programmeringsspråket JavaScript, først utgitt som 'LiveScript' i september 1995 og omdøpt til 'JavaScript' i desember 1995, har utviklet seg dramatisk gjennom årene.

JavaScript ble opprettet av Netscape og Sun Microsystems for å tillate webdesignere å gå utover statiske HTML/CSS -sider og legge til enkle animasjoner, brukerinteraksjoner og formfunksjoner.

Mens Netscape/Sun Microsystems 'drøm var å fremme Internett gjennom JavaScript, ønsket de også å sikre at koden var enkel å bruke, slik at designere og utviklere kunne dra fordel av JavaScripts fordeler uten å måtte gå gjennom noen bratte læringskurver.

På grunn av populariteten til Netscape/Sun Microsystems 'Javascript, begynte andre nettlesere å utvikle sitt eget JavaScript motorer med sine egne standarder. Dette gjorde det vanskeligere for webutviklere den gangen å få nettsteder til å oppføre seg konsekvent.

Sun Microsystems lanserte et brett i 1997 for å hjelpe til med å bringe nettlesere sammen og få motorer til å kjøre konsekvent. Dette tillot nettsteder å være mer konsistente på tvers av nettlesere og forbedre brukeropplevelsen.

Dette styret er fremdeles aktivt i dag og bidrar kontinuerlig til utvikling av nettet.

Javascripts evner er utrolige i 2021. I vanilje-JavaScript kan du lage en VR/AR-opplevelse, spill, kjøre JavaScript som serverside-kode, apper og selvfølgelig fantastiske nettsteder!

Internett er virkelig din østers.

 

La oss se på alle de fantastiske tingene vi kan gjøre med JavaScript:

Nettstedsanimasjon

1. Nettstedanimasjon

Har du noen gang besøkt et nettsted og blitt overrasket over antallet interaktive elementer som suser rundt på siden og react til interaksjonene dine? Eller er det bare meg som er en nerd?

For de av dere som ikke forstår hva jeg mener, her er to eksempler:

Grønn kameleon år i gjennomgang og Baunfire.

Enkle animasjoner kan gi mye til et nettsted. De engasjerer deg og får deg til å fortsette å se hva det har å tilby.

Å bruke animasjoner for å få nettsteder til å se kule og engasjerende ut, er en fin måte å bruke dem på, men de kan også ha flere praktiske fordeler, for eksempel:

Få et nettsted til å se ut til å lastes raskere

Når en nettside har mye innhold å laste, øker sidelastetiden naturlig, noe som potensielt kan frustrere en bruker til å miste et salg.

Som et resultat bruker mange innholdssider med mye volum lasting animasjoner for brukere, for eksempel spinnere. Spinnere er ofte ganske enkle, men de gir en distraksjon for brukeren fra den vanlige hvite skjermen mens nettstedet flytter innholdet på plass og føles raskere.

Gjør navigasjon i en app mer flytende og lettere å forstå

Når du bruker et webprogram med mange lenker, kan det være vanskelig å forstå hvordan du navigerte til nettsiden du er på.

Å legge til enkle animasjoner som sidesveip og elementer som fremhever overgangen fra en side til en annen, kan være nok til å forbedre brukerreisen.

Å få oppmerksomhet

Statisk innhold kan være kjedelig å se på og gjør det lett for noe i bakgrunnen å trekke en brukers oppmerksomhet bort fra det viktige innholdet.

Bare det å ha noen enkle animasjoner på siden din, vil få oppmerksomhet til informasjon om små bite -størrelser, for eksempel en oppfordring til handling, som hjelper deg med å drive brukeren gjennom virksomhetstrakten.

Telefon -apper

2. Telefonapper

Takk til selskaper som Apple og Google, apper har blitt et kjent navn. Uansett hva du gjør, er jeg sikker på at noen kunne gå forbi og si "Det er en app for det".

Med fremveksten av smarttelefoner, utviklere og bedrifter har raskt klart å utnytte suksessen til appmarkedet. Bare se på Facebook, Twitter, Tinder, Angry Birds og mange andre apper som har tjent millioner i denne bransjen.

Å utvikle to apper for hver plattform krever erfaring og krever et team med flere ferdigheter, pluss en prosjektleder for å sikre at begge appene oppfører seg konsekvent.

Noen selskaper har til og med mer enn ett team for å håndtere denne jobben. Det er her gode gamle JavaScript har funnet sitt kall i appbransjen.

Bruk av JavaScript -rammer som f.eks React Et selskap kan utvikle apper til en høy kvalitetsstandard for en rekke appoperativsystemer (inkludert Android, iOS, Apple TV, Chromecast og til og med Windows Phone).

Selskapet sparer ikke bare tid og penger, men de får også en app av høy kvalitet som fungerer på samme måte på begge plattformene, og fungerer bra på det. Bare se på Facebook-appen, uten tvil den mest brukte appen som er bygget av React Innfødt.

Dette er en stor sak. Nå kan selv små bedrifter utvikle apper og konkurrere på samme plass som de store selskapene. Nye funksjoner kan også utvikles til apper ettersom selskaper ikke trenger å dele ressurser på to forskjellige operativsystemer.

Open Source-fellesskap

Ettersom JavaScript -app -scenen har vokst og bevist at den er levedyktig, har det vært en stor innsats fra JavaScript -fellesskapet for å dele kode for å oppnå noen fantastiske ting og fremskynde utviklingstiden.

Slike eksempler på samfunnsinnsats:

Expo App/Build -verktøy

Expo lar deg kjøre koden din i sanntid mens du koder, og streamer koden til en enhet over en ledningless nettverk og reduserer derfor hodepine ved å kompilere og legge til muligheten til å teste i et innfødt miljø over en virtuell emulator.

NPM

npm er en pakkeleder bygget for JavaScript for å hjelpe utviklere med å installere og administrere pakker med åpen kildekode i prosjektet sitt.

Med tusenvis av utviklere som legger til og vedlikeholder disse pakkene over hele verden, er det nær nok alltid en pakke som du kan bruke til å legge til en funksjon i appen eller nettstedet ditt.

Nettsteder som ikke krever en server

3. Nettsteder som ikke krever en server

Serverless nettsteder, selv om de fortsatt er et relativt nytt konsept, har potensial til å være en ny retning for webhotell. Serverless nettsteder, som bruker tjenester som AWS Lambda, kan være en relativt effektiv måte å være vert for et nettsted på.

Teorien

En serverless nettstedets konsept er å tjene brukerne en statisk forhåndskompilert HTML-fil. Vi reduserer tiden til første byte (tiden det tar før serveren begynner å sende data) og tiden det tar for brukeren å få tilgang til dataene ved å servere en enkelt HTML -fil.

Etter at nettleseren har gjengitt siden for brukeren, kommer JavaScript inn i bildet for å gjengi alt det dynamiske innholdet og media via API -er og CDN -er (Content Delivery Network).

De dynamiske dataene kan animeres til siden så snart de er lastet inn, noe som gir en jevn opplevelse og lar brukerne få tilgang til data mens andre data blir behandlet.

En god applikasjon for dette konseptet er at et nettsted kan kodes for å laste inn data basert på hvor det vil vises på siden, noe som betyr at data vil være tilgjengelig for brukeren mens de ruller.

Serverless nettsteder er fortsatt i barndommen, og jeg er sikker på at vi kommer til å høre mye mer om dem i årene som kommer.

Progressive webapplikasjoner

4. Progressive webapplikasjoner

Progressive Web Apps (PWA) er en fantastisk ny teknologi takket være selskaper som Google og Mozilla.

For de av dere som ikke er kjent med PWA, er de en teknologi som lar brukerne installere et nettsted på telefonen eller den bærbare datamaskinen på samme måte som apper gjør, for å gi en rekke fordeler som:

Enkel tilgang fra app -skuffen eller startskjermen

Når PWA er installert på en enhet, legges det til et ikon i app -skuffen og/eller startskjermen. Dette lar brukerne laste PWA uten å måtte navigere gjennom en nettleser.

Lastetiden er raskere sammenlignet med nettsteder

Fordi brukeren installerte nettstedet lokalt, kan en utvikler lagre statisk innhold på en enhet og bruke JavaScript Service Workers til å hente nye data.

Dette betyr at enheten din bare trenger å laste inn data når nye data er tilgjengelige, og at nettstedet potensielt kan fungere uten en internettforbindelse (avhengig av brukstilfellet ditt).

PWA er gode for bedrifter fordi de kan dra fordeler av en rekke forskjellige funksjoner, for eksempel:

Less dyrt å bygge

Fordi PWA er basert på selskapets nettsted, kan utviklere gjenbruke mesteparten av koden fra nettstedet og bare legge til nye funksjoner etter behov. I motsetning til en app, hvor utviklere ofte må begynne på nytt.

Som du kanskje forventer, kan dette spare virksomheter en betydelig mengde tid og penger.

Redusert servertrafikk

Brukerne må trekke less data fra selskapets servere takket være PWA -hurtigbufring. Dette betyr at bedrifter kan ha mindre servere, noe som resulterer i lavere kostnader.

Økt brukermedvirkning

Fordi appen er lett tilgjengelig fra brukerens startskjerm, er den alltid synlig og krever less markedsføring for å få brukerne til å laste den ned.

Videospill

5. Videospill

Siden 1990 -tallet har spill spilt en betydelig rolle i utviklingen av nettlesere. De originale spillene i nettleseren, som ble opprettet med plugins for nettlesere som Adobe Flash eller Shockwaves, var gode tidkaster, omtrent som noen app-spill er i dag.

Nettsteder dedikert til hosting spill, for eksempel miniclip, ville ha et stort bibliotek med spill tilgjengelig.

På grunn av sikkerhetshensyn, dårlig ytelse og en rekke andre faktorer har bruken av web -plugins blitt stadig mer frynset etter hvert som nettet har utviklet seg.

JavaScript til unnsetning!

Fordi nettleser -plugins har blitt utdatert over tid, har mange utviklere vendt seg til JavaScript for å fylle tomrommet.

Rammer, tilpassede spill -IDE (Integrated Development Environments) og andre nye teknologier er nå utviklet, slik at vi kan utnytte det nettleseren fullt ut, slik at utviklere kan lage noen ganske avanserte spill.

Web Design

Nylig ble en ny teknologi kjent som Web Assembly født. Dette lar nettlesere bruke tradisjonelle programmeringsspråk som C ++ via en API -klient.

Web Assembly og JavaScript, når de kombineres, gir nå det beste innen native utvikling og utvikling av nettsteder, slik at virksomheter kan lage applikasjoner og spill som bruker datamaskinens opprinnelige maskinvare mens de kjøres i en nettleser.

Med selskaper som Google som utvikler nettleserbasert spill tjenester som Stadia, fremtiden for nettspill ser lys ut.

Droner

6. droner

Den siste tiden har det vært mye sus om droner. Hobbyister liker flygende droner, filmteam kan få unike, filmiske opptak, og utviklere kan gå vill med tilpassede "hacks".

Open source -samfunnet ekspanderer stadig med nye kule ting som kan kodes.

Når det gjelder koding av droner, foretrekker de fleste utviklere språk som C eller Python,

ozMwRq-IT2w
.

Imidlertid vil jeg ikke anbefale å bruke JavaScript for å programmere dronene dine over andre språk fordi det er det less dokumentasjon og andre språk er ofte raskere ved kjøretid.

Når det er sagt, demonstrerer dette hvor allsidig JavaScript kan være.

Delta på en JavaScript -konferanse

7. Delta på en JavaScript -konferanse

Med så mange utviklere og designere som er forelsket i programmeringsspråket JavaScript, er det helt naturlig at de ønsker å lære mer, samtidig som de videreformidler kunnskapen til andre utviklere.

Vi programmerere er involvert i samfunnstjeneste.

Mange JavaScript -hendelser har dukket opp rundt om i verden, og samlet utviklere fra alle samfunnslag for å lære om kommende trender i språket. Disse gruppene er svært viktige for samfunnet fordi de hjelper til med å fremme ny teknologi og gir utviklere en stemme i språkets fremtid.

Mindre JavaScript -hendelser blir også mer populære, med nye dukker opp i byer over hele landet takket være nettsteder som Meetup og Eventbrite.

Disse kan i stor grad hjelpe nye utviklere med å få fotfeste i programmeringsspråket, samt seniorutviklere i å mestre språket.

Hvis du er interessert i JavaScript, vil jeg anbefale å delta på et JavaScript -arrangement i ditt område.

JavaScript har kommet langt siden oppstarten, og jeg er overbevist om at denne trenden vil fortsette i mange år fremover.

For øyeblikket tillater nettlesere at nettsider bruker mer og mer av datamaskinens kraft (spesielt med det nye Web Assembly API), noe som kan føre til at nettlesere og integrerte apper slås sammen.

Med tanke på dette må JavaScript utvikle seg for å holde tritt, noe som utvilsomt vil føre til flere kule ting å gjøre med JavaScript i fremtiden.

om forfatteren
Forfatter: Daniel Luke
Daniel er en WordPress-webdesigner med lang erfaring med å jobbe med forskjellige WordPress-temaer som lar ham sammenligne og kontrastere forskjellige temaer, forstå styrker og svakheter for å utvikle faktiske, virkelige vurderinger.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

 

hvem er vi?

CollectiveRay drives av David Attard - som jobber i og rundt webdesignnisjen i mer enn 12 år, gir vi nyttige tips for folk som jobber med og på nettsteder. Vi driver også DronesBuy.net - et nettsted for dronehobbyister.

David attard

 

 

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...