7 fede ting at lave med JavaScript

7 fede ting at lave med JavaScript

Programmeringssproget JavaScript, der først blev udgivet som 'LiveScript' i september 1995 og omdøbt til 'JavaScript' i december 1995, har udviklet sig dramatisk gennem årene.

JavaScript blev oprettet af Netscape og Sun Microsystems for at give webdesignere mulighed for at gå ud over statiske HTML/CSS -sider og tilføje simple animationer, brugerinteraktioner og formfunktioner.

Mens Netscape/Sun Microsystems 'drøm var at fremme internettet via JavaScript, ønskede de også at sikre, at koden var enkel at bruge, så designere og udviklere kunne drage fordel af JavaScript's fordele uden at skulle gå igennem stejle indlæringskurver.

På grund af populariteten af ​​Netscape/Sun Microsystems 'Javascript begyndte andre browsere at udvikle deres eget JavaScript motorer med deres egne standarder. Dette gjorde det på det tidspunkt vanskeligere for webudviklere at få websteder til at opføre sig konsekvent.

Sun Microsystems lancerede et board i 1997 for at hjælpe med at bringe browsere sammen og få motorer til at køre konsekvent. Dette tillod websteder at være mere konsekvente på tværs af browsere og forbedre brugeroplevelsen.

Denne bestyrelse er stadig aktiv i dag og bidrager konstant til webens fremskridt.

JavaScript's muligheder er utrolige i 2021. I vanilla JavaScript kan du oprette en VR/AR-oplevelse, spil, køre JavaScript som serverside-kode, apps og selvfølgelig fantastiske websteder!

Internettet er virkelig din østers.

 

Lad os se på alle de fantastiske ting, vi kan gøre med JavaScript:

Website animation

1. Website animation

Har du nogensinde besøgt et websted og været forbløffet over antallet af interaktive elementer, der suser rundt på siden og react til dine interaktioner? Eller er det bare mig, der er en nørd?

For jer der ikke forstår hvad jeg mener, her er to eksempler:

Grønt kamæleonår i gennemgang og Baunfire.

Enkle animationer kan føje meget til et websted. De engagerer dig og giver dig lyst til at blive ved med at se, hvad det ellers har at tilbyde.

Brug af animationer til at få websteder til at se fede og engagerende ud er en fantastisk måde at bruge dem på, men de kan også have mere praktiske fordele, såsom:

At få et websted til at se ud til at indlæse hurtigere

Når en webside har meget indhold at indlæse, øges sidens indlæsningstid naturligvis, hvilket potentielt kan frustrere en bruger til at miste et salg.

Som følge heraf bruger mange indholdswebsteder med stor mængde indlæsning af animationer til brugere, f.eks. Spinnere. Spinnere er ofte ganske enkle, men de giver en distraktion for brugeren fra den normale hvide skærm, mens webstedet flytter indhold på plads og føles hurtigere.

Gør navigation i en app mere flydende og lettere at forstå

Når du bruger en webapplikation med masser af links, kan det være svært at forstå, hvordan du navigerede til den webside, du er på.

Tilføjelse af simple animationer som f.eks. Sidespor og elementer, der fremhæver overgangen fra en side til en anden, kan være nok til at hjælpe med at forbedre brugerrejsen.

Drivende opmærksomhed

Statisk indhold kan være kedeligt at se på og gør det let for noget i baggrunden at trække en brugers opmærksomhed væk fra det vigtige indhold.

Bare det at have nogle enkle animationer på din side vil få opmærksomheden på små bitstørrelsesoplysninger, f.eks. En opfordring til handling, der hjælper med at drive brugeren gennem din virksomhedstragt.

Telefonapps

2. Telefonapps

Tak til virksomheder som Apple og Google, apps er blevet et kendt navn. Uanset hvad du gør, er jeg sikker på, at nogen kunne gå forbi og sige "Der er en app til det".

Med fremkomsten af ​​smartphones, udviklere og virksomheder har hurtigt kunnet udnytte succesen med appmarkedet. Se bare på Facebook, Twitter, Tinder, Angry Birds og mange andre apps, der har tjent millioner i denne branche.

At udvikle to apps til hver platform kræver erfaring og kræver et team med flere færdigheder, plus en projektleder for at sikre, at begge apps opfører sig konsekvent.

Nogle virksomheder har endda mere end et team til at håndtere dette job. Det er her, godt gammelt JavaScript har fundet sit kald i appbranchen.

Brug af JavaScript -rammer som f.eks React Native, en virksomhed kan udvikle apps til en højkvalitetsstandard til en række app-operativsystemer (herunder Android, iOS, Apple Tv, Chromecast og endda Windows Phone).

Virksomheden sparer ikke kun tid og penge, men de får også en app af høj kvalitet, der fungerer ens på tværs af begge platforme og fungerer godt på det. Se bare på Facebook-appen, uden tvivl den mest brugte app, som er bygget fra React Hjemmehørende.

Dette er en stor ting. Nu kan selv små virksomheder udvikle apps og konkurrere i samme rum som de store virksomheder. Nye funktioner kan også udvikles til apps, da virksomheder ikke behøver at opdele ressourcer på tværs af to forskellige operativsystemer.

Open Source-fællesskab

Efterhånden som JavaScript -appscenen er vokset og bevist, at den er levedygtig, har der været en stor indsats fra JavaScript -fællesskabet for at dele kode for at opnå nogle fantastiske ting og fremskynde udviklingstiden.

Sådanne eksempler på samfundsindsats:

Expo App/Byg værktøjer

Expo giver dig mulighed for at køre din kode i realtid, mens du koder, og streame din kode til en enhed over en ledningless netværk og reducerer derfor hovedpine ved at kompilere og tilføje evnen til at teste i et native miljø over en virtuel emulator.

NPM

npm er en pakkehåndtering bygget til JavaScript for at hjælpe udviklere med at installere og administrere open source-pakker i deres projekt.

Med tusinder af udviklere, der tilføjer og vedligeholder disse pakker over hele verden, er der nær nok altid en pakke, som du kan bruge til at tilføje en funktion til din app eller dit websted.

Websteder, der ikke kræver en server

3. Websteder, der ikke kræver en server

Serverless websteder, mens de stadig er et relativt nyt koncept, har potentiale til at være en ny retning for webstedshosting. Serverless websteder, der gør brug af tjenester som AWS Lambda, kan være en relativt effektiv måde at hoste et websted på.

Teorien

En serverless webstedets koncept er at betjene brugerne en statisk på forhånd sammensat HTML-fil. Vi reducerer tiden til første byte (den tid det tager for serveren at begynde at sende data) og den tid det tager for brugeren at få adgang til dataene ved at betjene en enkelt HTML -fil.

Efter at browseren har gengivet siden til brugeren, kommer JavaScript ind i billedet for at gengive alt det dynamiske indhold og medier via API'er og CDN'er (Content Delivery Network).

De dynamiske data kan animeres til siden, så snart de er indlæst, hvilket giver en problemfri oplevelse og giver brugerne adgang til data, mens andre data behandles.

En god applikation til dette koncept er, at et websted kan kodes for at indlæse data baseret på, hvor det vil blive vist på siden, hvilket indebærer, at data vil være tilgængelige for brugeren, mens de ruller.

Serverless websteder er stadig i deres vorden, og jeg er sikker på, at vi vil høre meget mere om dem i de kommende år.

Progressive webapplikationer

4. Progressive webapplikationer

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

For dem af jer, der ikke er bekendt med PWA'er, er de en teknologi, der giver brugerne mulighed for at installere et websted på deres telefon eller bærbare computer på samme måde, som apps gør, for at give en række fordele såsom:

Nem adgang fra appbakken eller startskærmen

Når PWA'er er installeret på en enhed, tilføjes et ikon til appbakken og/eller startskærmen. Dette giver brugerne mulighed for at indlæse PWA uden at skulle navigere gennem en webbrowser.

Indlæsningstider er hurtigere sammenlignet med websteder

Fordi brugeren installerede webstedet lokalt, kan en udvikler gemme statisk indhold på en enhed og bruge JavaScript Service Workers til at hente nye data.

Det betyder, at din enhed kun behøver at indlæse data, når nye data er tilgængelige, og at webstedet potentielt kan fungere uden en internetforbindelse (afhængigt af din brugstilfælde).

PWA'er er gode til virksomheder, fordi de kan drage fordel af en række forskellige funktioner, såsom:

Less dyrt at bygge

Fordi PWA er baseret på virksomhedens websted, kan udviklere genbruge størstedelen af ​​koden fra webstedet og kun tilføje nye funktioner efter behov. I modsætning til en app, hvor udviklere ofte skal starte forfra.

Som du måske forventer, kan dette spare virksomheder en betydelig mængde tid og penge.

Reduceret servertrafik

Brugere skal trække less data fra virksomhedens servere takket være PWA -caching. Det betyder, at virksomheder kan have mindre servere, hvilket resulterer i lavere omkostninger.

Øget brugerdeltagelse

Fordi appen er let tilgængelig fra brugerens startskærm, er den altid synlig og kræver less marketing for at få brugerne til at downloade det.

Video Games

5. Videospil

Siden 1990'erne har spil spillet en væsentlig rolle i udviklingen af ​​webbrowsere. De originale in-browser-spil, der blev oprettet med webbrowser-plugins som Adobe Flash eller Shockwaves, var store tidsforbrugere, ligesom nogle app-spil er i dag.

Websteder dedikeret til hosting af spil, som f.eks Miniclip, ville have et stort bibliotek med spil til rådighed.

På grund af sikkerhedsproblemer, dårlig ydeevne og en række andre faktorer er brugen af ​​web -plugins blevet mere og mere frynset efterhånden som internettet har udviklet sig.

JavaScript til undsætning!

Fordi browser -plugins er blevet forældet over tid, har mange udviklere vendt sig til JavaScript for at udfylde tomrummet.

Der er nu blevet udviklet rammer, brugerdefinerede spil -IDE'er (integrerede udviklingsmiljøer) og andre nye teknologier, der giver os mulighed for fuldt ud at udnytte, hvad browseren kan, hvilket gør det muligt for udviklere at lave nogle temmelig avancerede spil.

Web Design

For nylig blev en ny teknologi kendt som Web Assembly født. Dette giver browsere mulighed for at bruge traditionelle programmeringssprog som C ++ via en API -klient.

Webmontering og JavaScript, når de kombineres, leverer nu det bedste fra native udvikling og udvikling af websteder, så virksomheder kan oprette applikationer og spil, der bruger din computers native hardware, mens de kører i en webbrowser.

Med virksomheder som Google, der udvikler browserbaseret spil tjenester som Stadia, fremtiden for web gaming ser lys ud.

Drones

6. droner

For nylig har der været en masse summer om droner. Hobbyister nyder at flyve droner, filmhold kan få unikke, filmiske optagelser, og udviklere kan gå vild med brugerdefinerede "hacks".

Open source -fællesskabet ekspanderer konstant med nye seje ting, der kan kodes.

Når det kommer til kodning af droner, foretrækker de fleste udviklere sprog som C eller Python,

ozMwRq-IT2w
.

Jeg vil dog ikke anbefale at bruge JavaScript til at programmere dine droner over andre sprog, fordi der er less dokumentation og andre sprog er ofte hurtigere ved runtime.

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

Deltag i en JavaScript -konference

7. Deltag i en JavaScript -konference

Med så mange udviklere og designere, der er forelsket i JavaScript -programmeringssproget, er det helt naturligt, at de gerne vil lære mere og samtidig give deres viden videre til andre udviklere.

Vi programmører er involveret i samfundstjeneste.

Mange JavaScript -begivenheder er opstået rundt om i verden og samler udviklere fra alle samfundslag for at lære om kommende tendenser i sproget. Disse grupper er meget vigtige for samfundet, fordi de hjælper med at fremme nye teknologier og giver udviklere en stemme i sprogets fremtid.

Mindre JavaScript -begivenheder bliver også mere populære, hvor nye dukker op i byer over hele landet takket være websteder som Meetup og Eventbrite.

Disse kan i høj grad hjælpe nye udviklere med at få fodfæste i programmeringssproget samt seniorudviklere med at mestre sproget.

Hvis du er interesseret i JavaScript, vil jeg anbefale at deltage i en JavaScript -begivenhed i dit område.

JavaScript er nået langt siden starten, og jeg er overbevist om, at denne tendens vil fortsætte i mange år fremover.

I øjeblikket tillader browsere, at websider bruger mere og mere af en computers kraft (især med den nye Web Assembly API), hvilket kan føre til, at browsere og native apps fusionerer.

Med dette i tankerne skal JavaScript udvikle sig for at følge med, hvilket uden tvivl vil føre til mere fede ting at gøre med JavaScript i fremtiden.

Om forfatteren
Forfatter: Daniel Luke
Daniel er en WordPress webdesigner med stor erfaring med at arbejde med forskellige WordPress-temaer, der giver ham mulighed for at sammenligne og kontrastere forskellige temaer, forstå styrker og svagheder for at udvikle faktiske anmeldelser i den virkelige verden.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.
 

 

Bedst bedømte caching-plugin

Gør dit websted hurtigere 

Trin for trin-gratis e-mail-kursus, hvordan du får dit websted til at indlæse less end 1 sekund  

 

Hvem er vi?

CollectiveRay drives af David Attard - arbejder i og omkring webdesign -nichen i mere end 12 år, og vi giver tips til mennesker, der arbejder med og på websteder. Vi driver også DronesBuy.net - et websted for drone -amatører.

David attard

 

 

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...