Dagoeneko eskuragarri daude State of JavaScript 2021 azken inkestaren emaitzak. Iazko edizioa atzeratu ondoren, aurtengo urtearen hasieran ekin zaio berriro. Mundu osoan 16.085 pertsona elkarrizketatu dira, eta txosten honen helburua da web-garapeneko ekosistemako joerak identifikatzea, haiei aurrea hartzeko eta garatzaileei erabaki teknologikoak hartzen laguntzeko. Sacha Greif-ek urtero zuzentzen duen kontsulta da, open source arloko kolaboratzaile eta aholkulari talde baten laguntzarekin.

JavaScript-aren mundua mugitzeko azkartasuna harrigarria da. Hori dela eta, garrantzitsua da garatzaileok horren inguruan mugitzen denari buruzko informazioa izatea. JSren inguruan sortzen diren teknologia eta tresna berrien inguruan egunean egotea garrantzitsua den arren, espezializatzeko aukera emango digun stack baten alde egitea funtsezkoa da gero eta tresna digital sendo eta aurreratuagoak eraikitzeko. Hor, know-how eta esperimentazioaren artean, oreka perfektua aurkitzen dugu.

JavaScript-aren egoerari buruzko azken inkestaren emaitzak aztertu ondoren, Workoholics-en “autoebaluazio” ariketa txiki bat egin dugu. Hala, sarrera honetan saiatuko gara azaltzen gure ikuspegia, esperientzia eta gure programazio-lengoaiaren bereganatze-maila, zeina weben %97an agertzen baita.

 

JavaScript-en ezaugarrien erabilera-maila

Produktu digitalen garapenean espezializatutako agentzia gisa, programazio-lengoaia horren inguruan sortzen den ekosistema osoaren berri izan behar dugu. JavaScript-aren egoerari buruzko txostena oso lagungarria da zentzu horretan, lengoaien erabilerari buruzko informazioa ematen baitigu, APIak, edo JSren esparruan garrantzitsuak eta azaleratzen ari diren beste ezaugarri batzuk.

Irudi honetan ikusten denez, JS ezaugarrietako askok ezagutza maila altua dute developers-en aldetik. Hala ere, ikusi da horietako askok erabilera-maila baxua dutela garatzaileen komunitatean, ziur asko ezaugarri nahiko berriak direlako.

Workoholics-en, proiektu bakoitzak JavaScript-en oinarritutako tresnak sartzeko aukera berri bat eskaintzen digu. Hala ere, ez da beti erraza izaten lengoaia berriak inplementatzea, normalean proiektuaren beraren koiunturazko edo egiturazko arrazoiengatik. Hala ere, gure aukeren barruan, denbora eta ahaleginak bideratzen saiatzen gara eguneratuta mantentzeko, JavaScript estandarrei esker. Estandar horiek web-orrien elkarreragingarritasuna bermatzen dute hainbat web-nabigatzailetan, hala nola ECMAScript-en.

Dedikazio horri esker, JavaScript-i gehitzen zaizkion ezaugarri berriak inplementatzeko aukerak antzeman ditzakegu. Edonola ere, ez da beti erraza sortzen diren berri guztien berri zehatz-mehatz izateko behar den denbora izatea. Hori dela eta, JavaScript-aren egoera bezalako inkestak oso baliagarriak zaizkigu lengoaia hori norantz mugitzen den ulertzeko, joera berriak detektatzeko eta gure ikaskuntza ardazteko.

 

JavaScript eta agentziaren proiektuetan duen aplikazioa

Workoholics-en, JS-en erabilera zeharkakoa da aurrera eramaten ditugun proiektu gehienekiko, Angularrean, React-ean edo beste edozein liburudendatan oinarritzen direla ere. Lehenengoaren alde egin dugun apustuan, eta agentziaren kasu zehatz batean lurreratzearen alde, uste dugu garrantzitsua dela JavaScript erabiltzeak app mugikorrak garatzeko eskaintzen dizkigun abantailak azpimarratzea.

Agentziaren proiektu batzuen eskakizunak direla eta, Ionic eta Capacitor erabiltzeak aukera ematen digu plataforma bakoitzaren interfaze-elementu espezifikoak emateko, iOS eta Androiderako jatorrizko osagaien liburutegi baten bidez. Horri esker, sistema eragile bakoitzerako aplikazioak iturburu-kode beretik bana ditzakegu, eta, hala, ez ditugu sortu behar bi aplikazio programazio-lengoaia desberdinetan, eta horrek eraginkortasuna handitzea eta denbora eta baliabideak asko aurreztea eragiten du.

 

Service workers, Angularra aukeratzeko arrazoietako bat

Nabigatzaileak bere APIen bidez eskaintzen dituen ezaugarrien artean service workers direlakoak daude, hau da, nabigatzaileek bigarren plano batean exekutatzen dituzten komando-sekuentziak, eta web orririk behar ez duten eta erabiltzailearen interakziorik behar ez duten funtzioei atea irekitzen dietenak. Angularrekin lan egitearen abantailetako bat da ezaugarri hori, “seriean” inplementatuta baitator. Gainera, garatzen ditugun webappen errendimendua eta fidagarritasuna hobetzeko balio digu, aplikazio bat web aplikazio progresibo (PWA) bihurtzeko beharrezko elementuetako bat izanik. Workoholics-en, sektorean bezala, PWAen goranzko joeraz kontziente gara eta gero eta gehiago erabiltzen ditugu gure proiektuetan.

Baina zergatik aukeratu genuen Angularrean espezializatzea? Egia da Facebook/Meta eta Software Libreko komunitateak mantendutako React liburutegia agentziaren hainbat proiektutan erabiltzeko aukera izan dugula, baina Googleren aukera da Workoholicsen adopzio-maila handiena duena. arrazoia? Batez ere, TypeScript-en garatutako framework honekin lanean urteak eman ondoren metatutako know-howagatik. Gainera, bere sendotasunari eta hirugarrenen liburutegien mende ez dauden funtzionalitate askori esker, esponentzialki handitzen du gure eraginkortasuna Angularren oinarritutako proiektuak garatzean, nahiz eta ikaskuntza-kurba handiagoa izan. Azkenik, teknologia horren inguruan dagoen komunitate handia nabarmendu behar da (baita gure inguru hurbilean ere, “Basque Angular” ekimena sortu berri baita).

 

WebGL: JS teknologia mugitzen ari den webgunerako

Azkenaldian gure arreta erakartzen ari den beste nabigatzaile-APIetako bat WebGL da. Inkestatik atera daitekeen bezala, galdetutako pertsonek ezagutza maila handia duten ezaugarria izan arren, erabilera maila nahiko murritza du. Mozilla Fundazioak sortua, WebGL JSn inplementatutako API bat definitzen duen zehaztapen estandarra da, edozein nabigatzailetan 3D grafikoak errendatzera bideratua. Hala, UX/UI diseinuaren barruan interaktibitateak eta motioiak irabazi duten garrantzia kontuan hartuta, gure agentzian denbora inbertitzen ari gara horrekin esperimentatzen.

 

Gatsby, dena errendimendua optimizatzera

Workoholics-en nagusiki Angularrean espezializatzearen alde egiten dugula esan arren, horrek ez du esan nahi React alde batera uzten dugunik. Izan ere, artikulu hau irakurtzen ari zaren webguneak Gatsby erabiltzen du, ReactJS-rekin eraikitako eta GraphQL-k elikatutako gune estatikoen sorgailua baino ez dena.

Bale, baina, zer abantaila ditu Gatsby aukeratzeak beste aukeren aldean? Argi dugu: karga-abiadura. Gatsby erabiliz web estatiko bat eraikitzen dugunean, errendimendu ezin hobea lortzen dugu. Karga-abiadura azkarra onuragarria da bai UXrako, bai Google bezalako bilaketa-motorretarako, gero eta garrantzi handiagoa ematen baitiote webak beren bilatzailean kokatzeko bizkortasunari. Gainera, errendimenduak negozioan ere eragiten du, eta bihurketak% 7 murriztu ditzake karga motelagoa duten webguneetan.

Eta honaino gogoeta ariketa txiki hau JavaScript-ak munduan duen egoerari buruz egindako azken inkestaren emaitzetatik abiatuta. Informatzen jarraituko dugu.