7 coola saker att göra med JavaScript

7 coola saker att göra med JavaScript

Programmeringsspråket JavaScript, som först släpptes som "LiveScript" i september 1995 och döpte till "JavaScript" i december 1995, har utvecklats dramatiskt under åren.

JavaScript skapades av Netscape och Sun Microsystems för att tillåta webbdesigners att gå utöver statiska HTML/CSS -sidor och lägga till enkla animationer, användarinteraktioner och formfunktioner.

Medan Netscape/Sun Microsystems dröm var att avancera webben via JavaScript, ville de också se till att koden var enkel att använda så att designers och utvecklare skulle kunna dra nytta av JavaScript -fördelarna utan att behöva gå igenom några branta inlärningskurvor.

På grund av populariteten hos Netscape/Sun Microsystems Javascript började andra webbläsare utveckla sitt eget JavaScript motorer med sina egna standarder. Detta gjorde det svårare för webbutvecklare då att få webbplatser att bete sig konsekvent.

Sun Microsystems lanserade en tavla 1997 för att hjälpa till att sammanföra webbläsare och få motorer att fungera konsekvent. Detta gjorde det möjligt för webbplatser att vara mer konsekventa i webbläsare och förbättra användarupplevelsen.

Denna styrelse är fortfarande aktiv i dag och bidrar ständigt till webbs framsteg.

Javascripts funktioner är otroliga år 2021. I vanilj-JavaScript kan du skapa en VR/AR-upplevelse, spel, köra JavaScript som koder på serversidan, appar och naturligtvis fantastiska webbplatser!

Internet är verkligen din ostron.

 

Låt oss ta en titt på allt det fantastiska vi kan göra med JavaScript:

Webbplatsanimering

1. Webbplatsanimation

Har du någonsin besökt en webbplats och blivit förvånad över antalet interaktiva element som susar runt på sidan och react till dina interaktioner? Eller är det bara jag som är nörd?

För er som inte förstår vad jag menar, här är två exempel:

Grönt kameleontår i granskning och Baunfire.

Enkla animationer kan lägga till mycket på en webbplats. De engagerar dig och får dig att fortsätta se vad det har att erbjuda.

Att använda animationer för att få webbplatser att se coola ut och engagerande är ett bra sätt att använda dem, men de kan också ha mer praktiska fördelar, till exempel:

Att få en webbplats att se ut att laddas snabbare

När en webbsida har mycket innehåll att ladda, ökar sidladdningstiden naturligtvis, vilket potentiellt kan frustrera en användare till en förlust av en försäljning.

Som ett resultat använder många webbplatser med hög volym laddningsanimationer för användare, till exempel spinnare. Spinnare är ofta ganska enkla, men de ger en distraktion för användaren från den normala vita skärmen medan webbplatsen flyttar innehållet på plats och känns snabbare.

Gör navigering i en app mer flytande och lättare att förstå

När du använder en webbapplikation med många länkar kan det vara svårt att förstå hur du navigerade till den webbsida du är på.

Att lägga till enkla animationer som sidosvepningar och element som markerar övergången från en sida till en annan kan vara tillräckligt för att förbättra användarresan.

Driva uppmärksamhet

Statiskt innehåll kan vara tråkigt att titta på och gör det lätt för något i bakgrunden att dra en användares uppmärksamhet från det viktiga innehållet.

Bara att ha några enkla animationer på din sida kommer att uppmärksamma information om små bitstorlekar, till exempel en uppmaning till handling, som hjälper till att driva användaren genom din affärstratt.

Telefonappar

2. Telefonappar

Tack till företag som Apple och Google, appar har blivit ett känt namn. Vad du än gör är jag säker på att någon kunde gå förbi och säga "Det finns en app för det".

Med framväxten av smartphones, utvecklare och företag har snabbt kunnat dra nytta av framgången för appmarknaden. Titta bara på Facebook, Twitter, Tinder, Angry Birds och många andra appar som har tjänat miljoner i den här branschen.

Att utveckla två appar för varje plattform kräver erfarenhet och kräver ett team med flera färdigheter, plus en projektledare för att se till att båda apparna beter sig konsekvent.

Vissa företag har till och med mer än ett team för att hantera det här jobbet. Det är här bra gamla JavaScript har hittat sitt upprop i appindustrin.

Använda JavaScript -ramverk som t.ex. React Ett företag kan utveckla appar till en högkvalitativ standard för en rad applikationsoperativsystem (inklusive Android, iOS, Apple TV, Chromecast och till och med Windows Phone).

Företaget sparar inte bara tid och pengar, de får också en högkvalitativ app som fungerar likadant på båda plattformarna och fungerar bra på det. Titta bara på Facebook-appen, utan tvekan den mest använda appen som är byggd av React Native.

Det här är en stor sak. Nu kan även små företag utveckla appar och tävla i samma utrymme som de stora företagen. Nya funktioner kan också utvecklas till appar eftersom företag inte behöver dela resurser på två olika operativsystem.

Öppen källkod

Eftersom JavaScript -appscenen har vuxit och bevisat att den är livskraftig har det varit en stor insats från JavaScript -gemenskapen att dela kod för att åstadkomma några fantastiska saker och påskynda utvecklingstiden.

Sådana exempel på samhällsinsatser:

Expo App/Build -verktyg

Expo låter dig köra din kod i realtid medan du kodar och strömmar din kod till en enhet över en trådless nätverk och därför minska huvudvärken för att kompilera och lägga till möjligheten att testa i en inbyggd miljö över en virtuell emulator.

npm

npm är en pakethanterare som är byggd för JavaScript för att hjälpa utvecklare att installera och hantera paket med öppen källkod i sina projekt.

Med tusentals utvecklare som lägger till och underhåller dessa paket över hela världen, finns det nära nog alltid ett paket som du kan använda för att lägga till en funktion i din app eller webbplats.

Webbplatser som inte kräver en server

3. Webbplatser som inte kräver en server

serverless webbplatser, medan de fortfarande är ett relativt nytt koncept, har potential att vara en ny riktning för webbhotell. Serverless webbplatser, som använder tjänster som AWS Lambda, kan vara ett relativt effektivt sätt att vara värd för en webbplats.

Teorin

En serverless webbplatsens koncept är att servera användare en statisk förkompilerad HTML-fil. Vi reducerar tiden till första byte (den tid det tar för servern att börja skicka data) och den tid det tar för användaren att komma åt data genom att servera en enda HTML -fil.

Efter att webbläsaren har gjort sidan till användaren kommer JavaScript in i bilden för att återge allt dynamiskt innehåll och media via API: er och CDN (Content Delivery Network).

Den dynamiska data kan animeras till sidan så snart den laddas, vilket ger en smidig upplevelse och tillåter användare att komma åt data medan andra data bearbetas.

En bra applikation för detta koncept är att en webbplats kan kodas för att ladda data baserat på var den kommer att visas på sidan, vilket innebär att data kommer att vara tillgänglig för användaren när de rullar.

serverless webbplatser är fortfarande i sin linda, och jag är säker på att vi kommer att höra mycket mer om dem under de kommande åren.

Progressiva webbapplikationer

4. Progressiva webbapplikationer

Progressive Web Apps (PWA) är en fantastisk ny teknik tack vare företag som Google och Mozilla.

För er som inte känner till PWA är de en teknik som tillåter användare att installera en webbplats på sin telefon eller bärbara dator på samma sätt som appar gör, för att ge en mängd fördelar såsom:

Enkel åtkomst från appfältet eller startskärmen

När PWA installeras på en enhet läggs en ikon till i appfältet och/eller startskärmen. Detta tillåter användare att ladda PWA utan att behöva navigera genom en webbläsare.

Laddningstiderna är snabbare jämfört med webbplatser

Eftersom användaren installerade webbplatsen lokalt kan en utvecklare lagra statiskt innehåll på en enhet och använda JavaScript Service Workers för att hämta ny data.

Det betyder att din enhet bara behöver ladda data när ny data är tillgänglig, och att webbplatsen potentiellt kan fungera utan en internetanslutning (beroende på ditt användningsfall).

PWA är bra för företag eftersom de kan dra nytta av en mängd olika funktioner, till exempel:

Less dyrt att bygga

Eftersom PWA är baserat på företagets webbplats kan utvecklare återanvända merparten av koden från webbplatsen och bara lägga till nya funktioner efter behov. Till skillnad från en app, där utvecklare ofta måste börja om från början.

Som du kanske förväntar dig kan detta spara företag en betydande mängd tid och pengar.

Minskad servertrafik

Användare måste dra less data från företagets servrar tack vare PWA -cachning. Detta innebär att företag kan ha mindre servrar, vilket resulterar i lägre kostnader.

Ökat användardeltagande

Eftersom appen är lättillgänglig från användarens startskärm är den alltid synlig och kräver less marknadsföring för att få användare att ladda ner den.

Videospel

5. Videospel

Sedan 1990 -talet har spel spelat en viktig roll i utvecklingen av webbläsare. De ursprungliga spel i webbläsaren, som skapades med webbläsarinsticks som Adobe Flash eller Shockwaves, var stora tidsförluster, ungefär som vissa app-spel är idag.

Webbplatser dedikerade till värdspel, t.ex. miniclip, skulle ha ett stort bibliotek med spel tillgängligt.

På grund av säkerhetsproblem, dålig prestanda och en mängd andra faktorer har användningen av webbpluggar blivit allt mer rynkade på allt eftersom webben har utvecklats.

JavaScript till räddning!

Eftersom webbläsarplugins har utfasats med tiden har många utvecklare vänt sig till JavaScript för att fylla tomrummet.

Ramverk, anpassade spel -IDE (integrerade utvecklingsmiljöer) och annan ny teknik har nu utvecklats, så att vi fullt ut kan utnyttja vad webbläsaren kan göra, så att utvecklare kan skapa några ganska avancerade spel.

Internet / Intranät

Nyligen föddes en ny teknik som kallas Web Assembly. Detta gör att webbläsare kan använda traditionella programmeringsspråk som C ++ via en API -klient.

Webbmontering och JavaScript, när de kombineras, ger nu det bästa av inbyggd utveckling och webbplatsutveckling, så att företag kan skapa applikationer och spel som använder datorns inbyggda hårdvara medan de körs i en webbläsare.

Med företag som Google som utvecklar webbläsarbaserat spel tjänster som Stadia, framtidens webbspel ser ljus ut.

Drönare

6. drönare

På senare tid har det blivit mycket surr om drönare. Hobbyister tycker om att flyga drönare, filmteam kan få unika, filmiska skott och utvecklare kan gå vilt med anpassade "hack".

Open source -gemenskapen expanderar ständigt med nya coola saker som kan kodas.

När det gäller kodning av drönare föredrar de flesta utvecklare språk som C eller Python,

ozMwRq-IT2w
.

Jag skulle dock inte rekommendera att använda JavaScript för att programmera dina drönare över andra språk eftersom det finns less dokumentation och andra språk är ofta snabbare vid körning.

Med detta sagt demonstrerar detta hur mångsidig JavaScript kan vara.

Delta i en JavaScript -konferens

7. Delta i en JavaScript -konferens

Med så många utvecklare och designers som är förtjusta i programmeringsspråket JavaScript är det helt naturligt att de vill lära sig mer och samtidigt förmedla sin kunskap till andra utvecklare.

Vi programmerare är engagerade i samhällsservice.

Många JavaScript -evenemang har dykt upp runt om i världen och samlar utvecklare från alla samhällsskikt för att lära sig om kommande trender inom språket. Dessa grupper är mycket viktiga för samhället eftersom de hjälper till att avancera ny teknik och ger utvecklare en röst i språkets framtid.

Mindre JavaScript -evenemang blir också mer populära, med nya dyker upp i städer över hela landet tack vare webbplatser som Meetup och Eventbrite.

Dessa kan i stor utsträckning hjälpa nya utvecklare att få fotfäste i programmeringsspråket, liksom seniorutvecklare att behärska språket.

Om du är intresserad av JavaScript rekommenderar jag att du deltar i en JavaScript -händelse i ditt område.

JavaScript har kommit långt sedan starten, och jag är övertygad om att denna trend kommer att fortsätta i många år framöver.

För närvarande tillåter webbläsare webbsidor att använda mer och mer av en dators kraft (särskilt med det nya Web Assembly API), vilket kan leda till att webbläsare och inbyggda appar går samman.

Med tanke på detta måste JavaScript utvecklas för att hänga med, vilket utan tvekan kommer att leda till fler häftiga saker att göra med JavaScript i framtiden.

Om författaren
Författare: Daniel Luke
Daniel är en WordPress webbdesigner med stor erfarenhet av att arbeta med olika WordPress-teman som gör att han kan jämföra och kontrastera olika teman, förstå styrkor och svagheter för att utveckla faktiska, verkliga recensioner.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

 

vilka är vi?

CollectiveRay drivs av David Attard - arbetar i och runt webbdesignnischen i mer än 12 år, vi ger användbara tips för människor som arbetar med och på webbplatser. Vi driver också DronesBuy.net - en webbplats för drönare.

David attard

 

 

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...