Edukien aurkibidea[Ezkutatu][Erakutsi]
- 1. Hobetu zure oinarrizko ezagutzak
- 2. Objektuetara bideratutako estrategia erabiltzea
- 3. Erabili funtzioak txikiak izan arren
- 4. ==-ren ordez, erabili ===
- 5. Erabili JSLint
- 6. Scriptak zure orriaren behealdean jarri behar dira
- 7. Kate bat egiteko modurik azkarrena
- 8. Gehitu iruzkin bat zure kodeari
- 9. Erabili Txantiloi Literalak
- 10. Iteratzaileak eta for... of Loops
- 11. Erabili {} Object() berriaren ordez
- 12. Demagun zure kodean let eta const jartzea
- 13. eval() Ez da ideia ona
- 14. Zabaltzeko operadorea ondo dator
- 15. itxaron eta asinkronizatu
- 16. Erabili includes() metodoa Javascript-en
- 17. Kendu elementuak array batetik Splice erabiliz
- 18. Erabili Gezi Funtzioa
- 19. Desegituraketarekin, balio aldagaiak azkar esleitu ditzakezu
- 20. Egin hainbat proiektu
- Ondorioa
Web garapenean interesa izan bazaizu, ziurrenik JavaScript topatuko duzu. Objektuetara zuzendutako programazio-lengoaia JavaScript da. Garatzaileek web-orrien bezeroaren aldetik (frontend) dinamiko eta interaktibo bihurtzeko erabiltzen dute.
Web orriak eta web aplikazioak sortzeko ere erabiltzen da, HTML eta CSSekin. Egun ez dago Interneten JavaScript kodea ez duen web orririk. Garatzaile baten lanaren alderdi apurtezin bat bihurtu da.
Izan ere, etengabe hazten ari da. Nahiz eta JavaScript hobekien ezagutzen den web-orriei funtzionaltasuna emateagatik, JavaScript ez diren inguruneetan ere erabiltzen da. Node.js, Apache Couch-DB eta Adobe Acrobat teknologia horien adibideak dira. JavaScript exekutatzeko, web-arakatzaile moderno gehienek JavaScript exekuzio-motor bat daukate. Web garatzaile arrakastatsua izan nahi baduzu, JavaScript-ekin egin beharko duzu aurre.
Gaur edo bihar aurre egin behar diozu. Zergatik ez ikasi JavaScript aldez aurretik, unea iristen denean prestatuta egon zaitezen?
Hau da saio honetan ikasiko duzuna. Zure JavaScript leunduta zure beste web garatzaileen aurrean urrats bat nola jarraitu azaltzen du.
Dezagun hasteko!
1. Hobetu zure oinarrizko ezagutzak
Txikitatik entzun duzun pentsamendu eta adierazpen benetan oinarrizko batekin hasiko naiz. Oinarriak ikasi eta praktikan jarri. Askotan, kodeketarekin logika aplikatuko duzu, baina ahaztu egingo duzu dagoeneko badagoela funtzio integratua, hala nola array bat zatitzea. JavaScript kodea exekutatzen duzunean, errore bat lor dezakezu eta, ondorioz, funtzio gehigarri askok funtzionatzeari uzten diote.
Hau bi puntu bakar batek edo alderantzizko komak eragin dezake. Gauza hauek oinarriak ez ulertzearen ondorioz gertatzen dira. Askotan programa bakarrean, for, which, or do while bezalako oinarrizko begizta bat erabiltzen da. Begiztak programazio-eraikuntza oinarrizkoenetako bat dira.
Nahiko zaila da kodetzea eta baita enpresa batean lan egiteko aukera ere looping eta beste oinarrizko oinarriak ezagutzen ez badituzu. Zure oinarriak garbitzea funtsezkoa da, oinarri sendo bat ematen baitute irtenbide baten logika eta ospe korapilatsuak garatzeko.
2. Objektuetara bideratutako estrategia erabiltzea
Objektuetara zuzendutako metodoa da gaur egun programazio hurbilketa ezagunena. Objektuetara zuzendutako ikuspegia, C++-rekin hasi zena, izugarri hazi da ordutik hona. Gaur egun, objektuetara zuzendutako programazioa soilik erabiltzen da hizkuntza nagusi guztiak sortzeko. Objektuetara zuzendutako estrategia objektu zehatz batean zentratzen dena da.
Elementua, orduan, oinarrizko entitate bihurtzen da. Ondoren, objektu hori orriari atributuak eta funtzioak gehitzeko erabiltzen da oinarri gisa. Kodea goitik behera sortzeko metodo tradizionala ere erabil dezakezu funtziorik edo objekturik gabe. Hau oso zabala da eta inoiz ez da saiatu behar. Kodea garatzerakoan, ikuspegi funtzional bat erabili beharko genuke, eta funtzioak erabiltzen baditugu, objektuak erabili behar ditugu.
Beraz, hasieran, ahalegindu zure kode zabala objektuetara zuzendutako kode bihurtzen eta idatzi beti zure kodea objektuetara zuzendutako estiloan. Besteen kodea aztertzen duzunean, etengabe objektuetara zuzendutako teknikak aztertuko dituzu. JavaScript menperatu nahi baduzu, hobe da eskua eskuratzea.
3. Erabili funtzioak txikiak izan arren
Ikuspegi funtzional batekin programatzea bide bikaina da. Zergatik? Zure softwarea elkarrekin funtzionatzen duten baina oraindik elkarrengandik bereizten diren moduluetan bereizten du. Adibide bat jartzen dizut ulertzen laguntzeko.
Zenbaki osoen erroaren batez besteko karratua funtzio baten bidez kalkula daiteke. Horretarako, zenbaki osoak karratu behar dituzu, haien batez bestekoa kalkulatu eta, ondoren, batez bestekoaren erro karratua kalkulatu. Prozesuan hiru fase daude. Ondorioz, hiru funtzio erabil ditzakegu. Baina, ikusten duzun bezala, funtzio horiek guztiak elkarri lotuta daude. Baten irteera beste bati bidaltzen zaio, eta azken emaitza jasotzen dugu.
Demagun hiru funtzioren ordez, faktore anitzetan oinarrituta RMS kalkulatzeko bakarra behar duzula. Azken irtenbidea, ikusten duzunez, okerra da. Oso zaila izango da une honetan hain gertakari handi batean zer gertatu den gaizki zehaztea.
Hiru funtzio txiki izateak, berriz, azkar aztertzeko aukera emango dizu. Ondorioz, funtzioak xumeak badira ere, erabili kode modulu desberdinak definitzeko. Teknika honek magia bezala JavaScript aditua bihurtzen lagunduko dizu.
Orain, ikus ditzagun JavaScript kodetzeko aholku batzuk.
4. ==-ren ordez, erabili ===
JavaScript-en, bi motatako berdintasun-operadoreak daude: berdintasun-operadore zorrotzak === eta !==, eta berdintasun-operadore ez zorrotzak == eta !=. Konparatzerakoan, praktika ontzat hartzen da beti berdintasun zehatza erabiltzea. == eta !=-ekin lan egiten duzunean, ordea, arazoak izango dituzu mota ezberdinekin aritzean.
Konparatzen ari zaren balio motak desberdinak direnean, zorrotzak ez diren operadoreak beren balioak behartzen saiatuko dira, eta horrek ustekabeko emaitzak sor ditzake.
5. Erabili JSLint
Douglas Crockford-ek JSLint sortu zuen, arazte bat. Jarri zure gidoia koadroan, eta azkar eskaneatu egingo du akats edo akatsen bat aurkitzeko.
JSLintek JavaScript iturburu-fitxategi bat aztertzen du. Arazoren bat aurkitzen bada, mezu bat bidaltzen du arazoaren deskribapenarekin eta iturriaren barruan gutxi gorabeherako posizioarekin. Arazoa ez da beti akats sintaktikoa izaten, sarritan gertatzen den arren.
JSLint-ek arau estilistikoak zein egitura-arazoak aztertzen ditu. Horrek ez du esan nahi zure softwarea zehatza denik. Beste begi pare bat gehitzen du arazoak detektatzen laguntzeko. Script bat amaitu aurretik, exekutatu JSLint bidez akatsik egin ez duzula ziurtatzeko.
6. Scriptak zure orriaren behealdean jarri behar dira
Erabiltzailearen helburu nagusia orria ahalik eta azkarren kargatzea da. Arakatzaileak ezin du jarraitu script bat kargatzen fitxategi osoa kargatu arte. Ondorioz, erabiltzaileak gehiago itxaron beharko du aurrerapenak ikusteko.
Funtzionalitatea emateko soilik erabiltzen diren JS fitxategiak badituzu (adibidez, behin botoi bat sakatuta), jarri orriaren behealdean, ixteko gorputz-etiketaren aurretik. Hau da, zalantzarik gabe, praktikarik onena.
7. Kate bat egiteko modurik azkarrena
Array edo objektu baten inguruan begizta egin behar duzunean, ez erabili beti zure trusty for loop adierazpena. Erabili zure irudimena esku artean duzun zereginerako irtenbiderik azkarrena lortzeko. Ez dizut zenbakirik ekarriko; besterik gabe, nigan fidatu beharko duzu (edo zeure burua probatu).
Hau da teknikarik azkarrena.
8. Gehitu iruzkin bat zure kodeari
Hasieran alferrikakoa dirudi, baina fidatu nigan zure kodea ahalik eta gehien komentatu behar duzula esaten dudanean. Zer gertatzen da hilabete geroago proiektura itzuli eta ezin baduzu gogoratzen zure jatorrizko pentsamendu-prozesua?
Zer gertatzen da zure kodea zure lankideetako batek eguneratu behar badu? Zure kodearen eremu garrantzitsuak beti komentatu behar dira.
9. Erabili Txantiloi Literalak
Komatxo bikoitz edo bakunekin sortutako kateen mugak ugariak dira. Haiekin lan egitea askoz errazagoa izan dadin, zure kate batzuk txantiloi literalekin ordezkatzea hauta dezakezu.
Backtick karakterea (') txantiloiaren literalak eraikitzeko erabiltzen da, eta horrek abantaila ugari ditu. Adierazpenak gordetzeko edo lerro anitzeko kateak eraikitzeko erabil ditzakezu.
Ikus dezakezunez, komatxo bakun edo bikoitzekin eraikitako ohiko kate literal bat ez bezala, ez genuen gure txantiloi literaletik behin eta berriz sartu eta atera beharrik izan. Horrek akatsak idazteko probabilitatea murrizten du eta kode garbiagoa idazteko aukera ematen digu.
10. Iteratzaileak eta for... of Loops
Itertatzaileak hurrengo () metodoa inplementatzen duten JavaScript-eko objektuak dira, sekuentzia batean hurrengo balioa gordetzen duen objektu bat itzultzeko, baita egia edo gezurra ere balio gehiago geratzen diren ala ez. Horrek esan nahi du iteratzaile-protokoloa ezartzen baduzu, zure iteratzaile-objektuak eraiki ditzakezula.
JavaScript-en iteratzaile batzuk daude, hala nola String, Array, Map, etab. For... of begiztak erabil ditzakezu haietan zehar errepikatzeko. Begizta arruntekin alderatuta, hau laburragoa eta akatsetarako joera gutxiagokoa da. Ez dugu array-aren edo uneko indizearen luzera osoaren jarraipena egin beharrik for...of begizta erabiliz. Begizta habiaratuak diseinatzean, honek kodea errazten lagun dezake.
11. Erabili {} Object() berriaren ordez
JavaScript-en, objektuak hainbat modutan egin ditzakezu. Eraikitzaile berria erabiltzea, erakusten den moduan, modu konbentzionalagoa da. Estrategia hau, berriz, "praktika eskas" gisa markatzen da.
Ez da suntsitzailea, baina apur bat hitzezkoa eta berezia da. Objektu literalaren teknika erabiltzea proposatzen dut.
12. Demagun zure kodean let eta const jartzea
let gako-hitza erabil dezakegu bere blokean sartzen diren aldagai lokalak egiteko. Const gako-hitza erabil dezakegu aldatu ezin diren bloke-esparru lokaleko aldagaiak eraikitzeko.
Aldagaiak deklaratzerakoan, let eta const gako-hitzak erabiltzea kontuan hartu beharko zenuke, hala badagokio. Gogoratu const gako-hitzak berriro esleipena soilik desgaitzen duela. Aldagaia ere ez du aldaezina bihurtzen.
13. eval() Ez da ideia ona
eval() metodoak, ezagutzen ez dutenentzat, JavaScript-en konpilatzailera sartzeko aukera ematen digu. Funtsean, eval erabil dezakegu kate baten emaitza exekutatzeko, sarrera gisa emanez ().
Horrek zure script-a nabarmen motelduko duela ez ezik, segurtasun kezka nabarmena ere eskaintzen du, bidalitako testuari autoritate gehiegi ematen baitio. Saihestu kosta ahala kosta!
14. Zabaltzeko operadorea ondo dator
Inoiz behar izan al dituzu array bateko elementu guztiak elementu indibidual gisa beste funtzio batera transmititu, edo matrize bateko balio guztiak beste batera jarri behar dituzu? Horixe da, hain zuzen, hedapen-operadoreak (…) ahalbidetzen diguna. Hona hemen ilustrazio bat.
15. itxaron eta asinkronizatu
Sortu funtzio asinkronoak async gako-hitza erabiliz, eta horrek beti itzultzen du promesa bat, esplizituki edo inplizituki.
Await gako-hitza funtzio asinkronoetan erabil daiteke exekuzioa geldiarazteko, itzultzen diren promesen ebazpena amaitu arte. Zure funtzio asinkronizatutik kanpo, kodeak normal exekutatzen jarraituko du.
16. Erabili includes() metodoa Javascript-en
JavaScript-en, includes() funtzioak zehazten du kate batek emandako karaktereak dituen edo array batek zehaztutako elementua duen.
Metodo honek true itzultzen du katea edo elementua aurkitzen bada; bestela, faltsua itzultzen da. Aipatzekoa da Strings contains() funtzioak maiuskulak eta minuskulak bereizten dituela. Kate batekin bat etorri nahi baduzu kasua edozein dela ere, lehenik eta behin helburuko testua txikiagotu.
17. Kendu elementuak array batetik Splice erabiliz
Elementu bat array batetik kentzeko, garatzaileek ezabatzeko funtzioa erabiltzen dutela ikusi dut. Hau okerra da, objektua ezabatu beharrean, ezabatu metodoak definitu gabekoarekin ordezkatzen duelako.
JavaScript-en duen balioaren arabera array batetik elementu bat kentzeko modurik errazena indexOf() funtzioa erabiltzea da balio horren indize-zenbakia matrizean lortzeko, eta gero indize-balio hori ezabatu splice() metodoarekin.
18. Erabili Gezi Funtzioa
Gezi-funtzioak JavaScript-era gehitu berri diren beste ezaugarri garrantzitsu bat dira.
Abantaila asko dituzte. Hasteko, JavaScript-en atal funtzionalak bisualki erakargarriagoak eta idazteko errazagoak egiten dituzte. Hala ere, gezi-funtzioak erabiltzeak askoz ere irakurgarriagoa eta zehatzagoa egiten du.
19. Desegituraketarekin, balio aldagaiak azkar esleitu ditzakezu
Argitalpen honetan lehenago, JavaScript-en hedapen-operadorearen berri izan dugu. Desegituratzea desegituratzearen antzekoa da, array barruan dauden datuak ere deskonprimitzen dituelako.
Bereizketa da paketatu gabeko balio hauek aldagai desberdinei eslei dakizkiekeela. Sintaxia [] lasterbidearen berdina da array bat osatzerakoan. Parentesiak, ordea, esleipen-operadorearen ezkerraldean jartzen dira oraingoan. Hona hemen ilustrazio bat.
20. Egin hainbat proiektu
Edozein talentuak praktika koherentea behar du, beraz, saiatu hainbat proiektu eraikitzen zure gaitasunak hobetzeko eta programazio agertoki ezberdinetan esperientzia lortzeko.
Proiektuetan lanean ari zaren bitartean, hainbat erronka eta akats biziko dituzu, eta horrek beharrezko esperientzia emango dizu. Beraz, saiatu proiektuak sortzen, eta Interneten ideia eta adibide ugari daude laguntzeko. Jarraitu kodea garatzen eta zure gaitasunak hobetuko dira.
Ondorioa
JavaScript bezalako ordenagailu-lengoaia ikastea zaila izan daiteke. Programatzaile on bat izateko eta zure lehen lana ziurtatzeko serio bazara, orduan JavaScript ikasteko estrategia hauek zure ikasketa prozesua bizkortzen lagunduko dizute.
Ziurtatu kodeketa aldian-aldian praktikatzen duzula, ohar sakonak hartzen dituzu ideia berriak ikasten dituzun bitartean eta erabil ditzakezu eskura dituzun tresna guztiak. Batez ere, atera eta hasi kodetzen ondo pasatzen duzun bitartean.
Utzi erantzun bat