7 hienoa tekemistä JavaScriptin kanssa

7 hienoa tekemistä JavaScriptin kanssa

Ohjelmointikieli JavaScript, joka julkaistiin ensimmäisen kerran LiveScript -muodossa syyskuussa 1995 ja nimettiin uudelleen JavaScriptiksi joulukuussa 1995, on kehittynyt dramaattisesti vuosien varrella.

Netscape ja Sun Microsystems loivat JavaScriptin, jotta web -suunnittelijat voivat ylittää staattiset HTML/CSS -sivut ja lisätä yksinkertaisia ​​animaatioita, käyttäjien vuorovaikutusta ja lomakeominaisuuksia.

Vaikka Netscape/Sun Microsystemsin unelma oli kehittää verkkoa JavaScriptin kautta, he halusivat myös varmistaa, että koodi oli helppokäyttöinen, jotta suunnittelijat ja kehittäjät voisivat hyödyntää JavaScriptin etuja ilman, että heidän tarvitsisi käydä jyrkkiä oppimiskäyriä.

Netscape/Sun Microsystemsin Javascriptin suosion vuoksi muut selaimet alkoivat kehittää omaa JavaScriptiä moottoreita omilla standardeillaan. Tämä vaikeutti Web -kehittäjien tuolloin verkkosivustojen käyttäytymistä johdonmukaisesti.

Sun Microsystems lanseerasi levyn vuonna 1997, joka auttoi tuomaan selaimet yhteen ja saamaan moottorit toimimaan tasaisesti. Tämä mahdollisti verkkosivustojen yhdenmukaisuuden eri selaimissa ja parantaa käyttäjäkokemusta.

Tämä hallitus on edelleen aktiivinen tänään ja edistää jatkuvasti verkon kehittämistä.

JavaScriptin ominaisuudet ovat uskomattomia vuonna 2021. Vanilla JavaScriptillä voit luoda VR/AR-kokemuksen, pelejä, käyttää JavaScriptiä palvelinpuolen koodina, sovelluksia ja tietysti mahtavia verkkosivustoja!

Internet on todella osterisi.

 

Katsotaanpa kaikkia hämmästyttäviä asioita, joita voimme tehdä JavaScriptillä:

Sivuston animaatio

1. Verkkosivuston animaatio

Oletko koskaan käynyt verkkosivustolla ja hämmästynyt siitä, kuinka monta vuorovaikutteista elementtiä sivun ympärillä on react vuorovaikutukseesi? Vai olenko vain minä nörtti?

Niille teistä, jotka eivät ymmärrä mitä tarkoitan, tässä on kaksi esimerkkiä:

Vihreä kameleontti vuosi että Baunfire.

Yksinkertaiset animaatiot voivat lisätä verkkosivustoon paljon. Ne sitoutuvat sinuun ja saavat sinut haluamaan nähdä, mitä muuta se tarjoaa.

Animaatioiden käyttäminen verkkosivustojen näyttämiseksi siistiltä ja houkuttelevalta on hyvä tapa käyttää niitä, mutta niillä voi olla myös enemmän käytännön etuja, kuten:

Sivuston näyttäminen latautuvan nopeammin

Kun verkkosivulla on paljon sisältöä ladattavaksi, sivun latausaika kasvaa luonnollisesti, mikä saattaa turhauttaa käyttäjää niin, että se menettää myynnin.

Tämän seurauksena monet suuren sisällön sivustot käyttävät latausanimaatioita käyttäjille, kuten spinnerille. Spinnerit ovat usein melko yksinkertaisia, mutta ne häiritsevät käyttäjää normaalista valkoisesta näytöstä, kun sivusto siirtää sisällön paikalleen ja tuntuu nopeammalta.

Helpottaa sovelluksen navigointia ja helpottaa sen ymmärtämistä

Kun käytät verkkosovellusta, jossa on paljon linkkejä, voi olla vaikea ymmärtää, miten navigoit verkkosivulle, jolla olet.

Yksinkertaisten animaatioiden, kuten sivun pyyhkäisyjen ja elementtien lisääminen sivulta toiselle, voi riittää parantamaan käyttäjän matkaa.

Huomion herättäminen

Staattista sisältöä voi olla tylsää katsella, ja se helpottaa taustalla olevan sisällön kiinnittämistä käyttäjän huomioon pois tärkeästä sisällöstä.

Joidenkin yksinkertaisten animaatioiden lisääminen sivullesi kiinnittää huomiota pieniin purentakokoisiin tietoihin, kuten toimintakehotukseen, mikä auttaa ohjaamaan käyttäjän yrityssuppilon läpi.

Puhelinsovellukset

2. Puhelinsovellukset

Kiitos sellaisille yrityksille Apple ja Google, sovelluksista on tullut kotitalouden nimi. Mitä tahansa teetkin, olen varma, että joku voisi kävellä ohi ja sanoa: "Sitä varten on sovellus".

Älypuhelimien nousun myötä kehittäjille ja yritykset ovat nopeasti pystyneet hyödyntämään sovellusmarkkinoiden menestystä. Katso vain Facebook, Twitter, Tinder, Angry Birds ja monia muita sovelluksia, jotka ovat ansainneet miljoonia tällä alalla.

Kahden sovelluksen kehittäminen kullekin alustalle vaatii kokemusta ja vaatii tiimin, jolla on useita taitoja, sekä projektipäällikön, joka varmistaa, että molemmat sovellukset toimivat johdonmukaisesti.

Joillakin yrityksillä on jopa useampi kuin yksi tiimi hoitaa tämä työ. Täällä vanha hyvä JavaScript on löytänyt kutsunsa sovellusalalla.

Käyttämällä JavaScript -kehyksiä, kuten React Native, yritys voi kehittää korkealaatuisia sovelluksia useille sovellusten käyttöjärjestelmille (mukaan lukien Android, iOS, Apple TV, Chromecast ja jopa Windows Phone).

Yritys ei ainoastaan ​​säästä aikaa ja rahaa, vaan he saavat myös korkealaatuisen sovelluksen, joka toimii samalla tavalla molemmilla alustoilla ja toimii hyvin siinä. Katso vain Facebook-sovellusta, joka on luultavasti eniten käytetty sovellus, joka on rakennettu React Native.

Tämä on iso juttu. Nyt pienetkin yritykset voivat kehittää sovelluksia ja kilpailla samassa tilassa kuin suuret yritykset. Uusia ominaisuuksia voidaan myös kehittää sovelluksiksi, koska yritysten ei tarvitse jakaa resursseja kahdelle eri käyttöjärjestelmälle.

Avoimen lähdekoodin yhteisö

Kun JavaScript -sovelluskenttä on kasvanut ja osoittautunut elinkelpoiseksi, JavaScript -yhteisö on ponnistellut suuresti koodin jakamiseksi, jotta voidaan saavuttaa mahtavia asioita ja nopeuttaa kehitysaikaa.

Esimerkkejä yhteisön toimista:

Expo App/Build -työkalut

Expon avulla voit suorittaa koodisi reaaliajassa koodauksen aikana ja suoratoistaa koodisi laitteeseen langan kauttaless verkkoon ja näin ollen vähentää kääntämisen päänsärkyä ja lisätä mahdollisuus testata natiiviympäristössä virtuaalisen emulaattorin kautta.

NPM

npm on JavaScriptille rakennettu paketinhallinta, joka auttaa kehittäjiä asentamaan ja hallitsemaan avoimen lähdekoodin paketteja projektiinsa.

Koska tuhansia kehittäjiä lisää ja ylläpitää näitä paketteja ympäri maailmaa, on aina lähellä tarpeeksi pakettia, jonka avulla voit lisätä ominaisuuden sovellukseesi tai verkkosivustoosi.

Sivustot, jotka eivät vaadi palvelinta

3. Sivustot, jotka eivät vaadi palvelinta

Serverless Vaikka verkkosivustot ovat vielä suhteellisen uusi käsite, ne voivat olla uusi suunta verkkosivustojen isännöintiin. Palvelinless AWS Lambdan kaltaisia ​​palveluita käyttävät verkkosivustot voivat olla suhteellisen tehokas tapa isännöidä sivustoa.

Teoria

Palvelinless Verkkosivuston idea on palvella käyttäjiä staattisella, valmiiksi kootulla HTML-tiedostolla. Lyhennämme aikaa ensimmäiseen tavuun (aika, joka kuluu palvelimen tietojen lähettämiseen) ja aikaa, joka kuluu käyttäjän pääsyyn tietoihin tarjoamalla yksi HTML -tiedosto.

Kun selain on renderöinyt sivun käyttäjälle, JavaScript syöttää kuvan, jotta kaikki dynaaminen sisältö ja media näytetään sovellusliittymien ja CDN -tiedostojen (Content Delivery Network) kautta.

Dynaamiset tiedot voidaan animoida sivulle heti, kun ne on ladattu, mikä tarjoaa sujuvan kokemuksen ja antaa käyttäjille mahdollisuuden käyttää tietoja muiden tietojen käsittelyn aikana.

Hyvä sovellus tälle konseptille on se, että verkkosivusto voidaan koodata lataamaan tietoja sen perusteella, missä ne näkyvät sivulla, mikä tarkoittaa, että tiedot ovat käyttäjän saatavilla vieritettäessä.

Serverless Verkkosivustot ovat vielä lapsenkengissään, ja olen varma, että kuulemme niistä paljon enemmän tulevina vuosina.

Progressiiviset verkkosovellukset

4. Progressiiviset verkkosovellukset

Progressiiviset verkkosovellukset (PWA) ovat fantastinen uusi tekniikka Googlen ja Mozillan kaltaisten yritysten ansiosta.

Niille teistä, jotka eivät tunne PWA -laitteita, ne ovat tekniikka, jonka avulla käyttäjät voivat asentaa verkkosivuston puhelimeensa tai kannettavaan tietokoneeseensa samalla tavalla kuin sovellukset, ja tarjota erilaisia ​​etuja, kuten:

Helppo käyttää sovellusalustalta tai aloitusnäytöltä

Kun PWA -laitteet on asennettu laitteeseen, sovellusalustalle ja/tai aloitusnäyttöön lisätään kuvake. Tämän avulla käyttäjät voivat ladata PWA: n tarvitsematta selata verkkoselainta.

Latausaika on nopeampi verrattuna verkkosivustoihin

Koska käyttäjä asensi verkkosivuston paikallisesti, kehittäjä voi tallentaa staattista sisältöä laitteelle ja hakea uusia tietoja JavaScript Service Workersin avulla.

Tämä tarkoittaa, että laitteesi tarvitsee ladata tietoja vain, kun uutta dataa on saatavilla, ja että verkkosivusto voi mahdollisesti toimia ilman Internet -yhteyttä (käyttötapauksesta riippuen).

PWA -laitteet ovat hyviä yrityksille, koska ne voivat hyötyä monista eri ominaisuuksista, kuten:

Less kallista rakentaa

Koska PWA perustuu yrityksen verkkosivustoon, kehittäjät voivat käyttää suurinta osaa verkkosivustolla olevasta koodista uudelleen ja lisätä vain uusia ominaisuuksia tarpeen mukaan. Toisin kuin sovellus, jossa kehittäjien on usein aloitettava alusta.

Kuten saatat odottaa, tämä voi säästää yrityksiltä huomattavan määrän aikaa ja rahaa.

Vähentynyt palvelinliikenne

Käyttäjien on vedettävä less tietoja yrityksen palvelimilta PWA -välimuistin ansiosta. Tämä tarkoittaa, että yrityksillä voi olla pienempiä palvelimia, mikä alentaa kustannuksia.

Lisää käyttäjien osallistumista

Koska sovellus on helposti käytettävissä käyttäjän aloitusnäytöltä, se on aina näkyvissä ja vaatii less markkinointia saadaksesi käyttäjät lataamaan sen.

Videopelit

5. Videopelit

1990 -luvulta lähtien peleillä on ollut merkittävä rooli verkkoselainten kehityksessä. Alkuperäiset selaimen sisäiset pelit, jotka on luotu verkkoselaimen laajennuksilla, kuten Adobe Flash tai Shockwaves, olivat hienoja ajanhukkaa, aivan kuten jotkut sovelluspelit ovat nykyään.

Pelien isännöintiin omistetut verkkosivustot, kuten Miniclip, olisi tarjolla suuri pelikirjasto.

Tietoturvaongelmien, huonon suorituskyvyn ja monien muiden tekijöiden vuoksi verkkoliitäntöjen käyttöä on pahennettu yhä enemmän verkon kehittyessä.

JavaScript pelastaa!

Koska selainlaajennukset on poistettu käytöstä ajan myötä, monet kehittäjät ovat kääntyneet JavaScriptin puoleen tyhjyyden täyttämiseksi.

Kehykset, mukautetut pelien IDE: t (integroidut kehitysympäristöt) ja muut uudet tekniikat on nyt kehitetty, jotta voimme hyödyntää täysin selaimen mahdollisuuksia ja antaa kehittäjille mahdollisuuden luoda melko kehittyneitä pelejä.

Web suunnittelu

Äskettäin syntyi uusi tekniikka, joka tunnetaan nimellä Web Assembly. Tämän avulla selaimet voivat käyttää perinteisiä ohjelmointikieliä, kuten C ++: ta API -asiakas.

Verkkokokoonpano ja JavaScript yhdistettynä tarjoavat nyt parhaan natiivi- ja verkkosivustokehityksen, jolloin yritykset voivat luoda sovelluksia ja pelejä, jotka käyttävät tietokoneen natiivilaitteistoa, kun ne toimivat selaimessa.

Googlen kaltaisten yritysten kanssa kehitetään selainpohjaista pelaamista Stadian kaltaisia ​​palveluitaVerkkopelaamisen tulevaisuus näyttää valoisalta.

Drones

6. drones

Viime aikoina droneista on puhuttu paljon. Harrastajat nauttivat lentävistä droneista, elokuvan miehistö voi saada ainutlaatuisia elokuvamaisia ​​kuvia ja kehittäjät voivat villiä mukautetuilla "hakkeroinnilla".

Avoimen lähdekoodin yhteisö laajenee jatkuvasti uusilla koodattavilla tavaroilla.

Mitä tulee droonien koodaamiseen, useimmat kehittäjät pitävät parempana kieliä, kuten C tai Python,

ozMwRq-IT2w
.

En kuitenkaan suosittelisi JavaScriptin käyttöä droneidesi ohjelmoimiseen muille kielille, koska niitä on less dokumentaatio ja muut kielet ovat usein nopeampia ajon aikana.

Tämä osoittaa kuitenkin, kuinka monipuolinen JavaScript voi olla.

Osallistu JavaScript -konferenssiin

7. Osallistu JavaScript -konferenssiin

Koska niin monet kehittäjät ja suunnittelijat ovat ihastuneita JavaScript -ohjelmointikieleen, on luonnollista, että he haluavat oppia lisää ja välittää tietonsa myös muille kehittäjille.

Me ohjelmoijat olemme mukana yhteisöpalvelussa.

Monet JavaScript -tapahtumat ovat alkaneet ympäri maailmaa, ja ne ovat keränneet yhteen kehittäjiä kaikilta elämänaloilta oppiakseen kielen tulevista suuntauksista. Nämä ryhmät ovat erittäin tärkeitä yhteisölle, koska ne auttavat edistämään uutta teknologiaa ja antavat kehittäjille äänen kielen tulevaisuudessa.

Pienemmät JavaScript -tapahtumat ovat myös yhä suositumpia, ja uusia tapahtumia ilmestyy kaupunkeihin ympäri maata Meetup- ja Eventbrite -sivustojen ansiosta.

Nämä voivat auttaa suuresti uusia kehittäjiä jalansijaa ohjelmointikielessä sekä vanhempia kehittäjiä kielen hallitsemisessa.

Jos olet kiinnostunut JavaScriptistä, suosittelen osallistumaan alueesi JavaScript -tapahtumaan.

JavaScript on kulkenut pitkän matkan sen perustamisesta lähtien, ja olen varma, että tämä suuntaus jatkuu vielä monta vuotta.

Tällä hetkellä selaimet sallivat verkkosivujen käyttää yhä enemmän tietokoneen tehoa (erityisesti uuden Web Assembly -sovellusliittymän kanssa), mikä voi johtaa selainten ja natiivisovellusten yhdistämiseen.

Tämä pitää mielessä, että JavaScriptin täytyy kehittyä pysyäkseen ajan tasalla, mikä johtaa epäilemättä mielenkiintoisempiin asioihin JavaScriptin kanssa tulevaisuudessa.

kirjailijasta
Kirjoittaja: Daniel Luke
Daniel on WordPress-verkkosuunnittelija, jolla on laaja kokemus työskennellä eri WordPress-teemojen kanssa, jonka avulla hän voi verrata ja sovittaa yhteen eri teemoja, ymmärtää vahvuuksia ja heikkouksia kehittää tosiasioihin perustuvia, tosielämän arvosteluja.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.

 

keitä me olemme?

CollectiveRay on David Attardin johtama - työskennellyt web -suunnittelualalla ja sen ympärillä yli 12 vuotta, tarjoamme toimivia vinkkejä ihmisille, jotka työskentelevät verkkosivustojen kanssa ja niillä. Meillä on myös DronesBuy.net - sivusto drone -harrastajille.

David Attard

 

 

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...