Bab lan Paragraf[Singidaken][Tampilake]
- 1. Ngapikake Kawruh Dasar
- 2. Nggawe strategi obyek-oriented
- 3. Gunakake fungsi sanajan cilik
- 4. Tinimbang ==, gunakake ===
- 5. Gunakake JSLint
- 6. Skrip kudu diselehake ing sisih ngisor kaca sampeyan
- 7. Cara paling cepet kanggo nggawe String
- 8. Tambah komentar kanggo kode
- 9. Gunakake Literal Cithakan
- 10. Iterator lan kanggo ... saka Loops
- 11. Gunakake {} tinimbang Obyek anyar ()
- 12. Coba sijine let lan const ing kode
- 13. eval () Ora Ide apik
- 14. Operator Spread kasedhiya
- 15. ngenteni lan async
- 16. Gunakake metode kalebu () ing Javascript
- 17. Mbusak item saka Uploaded nggunakake Splice
- 18. Gunakake Fungsi Panah
- 19. Kanthi Destructuring, sampeyan bisa kanthi cepet nemtokake nilai variabel
- 20. Nggawe sawetara proyek
- kesimpulan
Yen sampeyan wis kasengsem ing pangembangan web, sampeyan bisa uga wis nemokake JavaScript. Basa pemrograman berorientasi obyek yaiku JavaScript. Pangembang digunakake kanggo nggawe kaca web 'sisih klien (mburi ngarep) dinamis lan interaktif.
Iki uga digunakake kanggo nggawe kaca web lan aplikasi web, kanthi HTML lan CSS. Ora ana kaca web ing internet saiki sing ora duwe kode JavaScript. Iku wis dadi aspek inextricable saka proyek pangembang.
Pancen, iku ajeg mundhak. Senajan JavaScript paling diakoni kanggo nyedhiyakake fungsi kanggo kaca web, nanging uga digunakake ing lingkungan non-JavaScript. Node.js, Apache Couch-DB, lan Adobe Acrobat minangka conto teknologi kasebut. Kanggo mbukak JavaScript, umume browser web modern ngemot mesin eksekusi JavaScript sing dibangun. Yen sampeyan pengin dadi pangembang web sing sukses, sampeyan kudu ngurus JavaScript.
Sampeyan kudu ngatasi dina iki utawa sesuk. Napa ora sinau JavaScript luwih dhisik supaya sampeyan bakal siyap nalika teka?
Iki sing bakal sampeyan sinau ing sesi iki. Iki nerangake carane tetep selangkah luwih dhisik tinimbang para pangembang web kanthi polishing JavaScript sampeyan.
Ayo mulih!
1. Ngapikake Kawruh Dasar
Aku bakal miwiti karo pikirane dhasar lan statement sing wis krungu wiwit sampeyan isih enom. Sinau dhasar lan praktik. Kaping pirang-pirang, sampeyan bakal nggunakake logika karo coding, nanging sampeyan bakal lali yen wis ana fungsi sing dibangun, kayata ngiris array. Nalika sampeyan mbukak kode JavaScript, sampeyan bisa nemu kesalahan, lan minangka asil, akeh fitur tambahan mandheg digunakake.
Iki bisa disebabake dening titik siji utawa koma kuwalik. Bab-bab kasebut kedadeyan amarga kurang pangerten babagan dhasar. Kaping pirang-pirang ing program siji, daur ulang dhasar kayata for, which, utawa do while digunakake. Loop minangka salah sawijining konstruksi pemrograman sing paling dhasar.
Cukup angel kanggo kode lan malah duwe kesempatan kanggo kerja ing perusahaan yen sampeyan ora ngerti babagan looping lan dhasar liyane. Ngrungokake dhasar sampeyan iku penting amarga menehi dhasar sing kuat kanggo ngembangake logika lan reputasi sing rumit.
2. Nggawe strategi obyek-oriented
Metode berorientasi obyek minangka pendekatan pemrograman sing paling misuwur saiki. Pendekatan berorientasi obyek, sing diwiwiti karo C ++, wis dadi populer banget wiwit iku. Saiki, mung pemrograman berorientasi obyek sing digunakake kanggo nggawe kabeh basa utama. Strategi berorientasi obyek yaiku strategi sing fokus ing obyek tartamtu.
Item kasebut banjur dadi entitas dhasar. Objek iki banjur digunakake kanggo nambah atribut lan fungsi menyang kaca minangka basis. Sampeyan uga bisa nggunakake cara tradisional nggawe kode saka ndhuwur tekan ngisor tanpa fungsi utawa obyek. Iki adoh banget lan ora kudu dicoba. Nalika ngembangake kode, kita kudu nggunakake pendekatan fungsional, lan yen kita nggunakake fungsi, kita kudu nggunakake obyek.
Dadi, ing wiwitan, usahakake ngowahi kode ekstensif dadi kode berorientasi obyek, lan tansah nulis kode sampeyan kanthi gaya berorientasi obyek. Nalika sampeyan sinau kode wong liya, sampeyan bakal terus-terusan ndeleng teknik berorientasi obyek. Yen sampeyan pengin nguasai JavaScript, paling apik yen sampeyan entuk tangan sampeyan.
3. Gunakake fungsi sanajan cilik
Pemrograman kanthi pendekatan fungsional minangka cara sing apik banget. Kenging punapa? Iki misahake piranti lunak dadi modul sing bisa digunakake bebarengan nanging isih beda karo siji liyane. Ayo kula menehi conto kanggo mbantu sampeyan ngerti.
Root Mean Square saka integer bisa diwilang nggunakake fungsi. Kanggo nindakake iki, sampeyan kudu nggawe kuadrat integer, ngetung rata-rata, banjur ngetung akar kuadrat saka rata-rata. Ana telung fase ing proses kasebut. Akibaté, kita bisa nggunakake telung fungsi. Nanging, kaya sing sampeyan ngerteni, kabeh fungsi kasebut saling nyambungake. Output saka siji dikirim menyang liyane, lan kita nampa asil pokok.
Ayo ndalang yen tinimbang telung fungsi, sampeyan mung butuh siji kanggo ngetung RMS adhedhasar sawetara faktor. Solusi pungkasan, kaya sing sampeyan ngerteni, ora bener. Sampeyan bakal cukup angel kanggo nemtokake apa sing salah ing acara gedhe ing wektu iki.
Duwe telung fungsi cilik, ing sisih liya, bakal ngidini sampeyan nganalisa kanthi cepet. Akibaté, sanajan fungsi kasebut sithik, gunakake kanggo nemtokake modul kode sing béda. Teknik iki bakal mbantu sampeyan dadi ahli JavaScript kaya sihir.
Saiki, ayo goleki sawetara tips coding JavaScript.
4. Tinimbang ==, gunakake ===
Ing JavaScript, ana rong jinis operator kesetaraan: operator kesetaraan ketat === lan !==, lan operator kesetaraan ora ketat == lan !=. Nalika mbandhingake, dianggep minangka praktik paling apik kanggo nggunakake kesetaraan sing tepat. Nanging nalika nggarap == lan !=, sampeyan bakal nemoni masalah nalika nangani macem-macem jinis.
Nalika jinis nilai sing sampeyan mbandhingake beda, operator sing ora ketat bakal nyoba meksa nilai kasebut, sing bisa nyebabake asil sing ora dikarepake.
5. Gunakake JSLint
Douglas Crockford nggawe JSLint, debugger. Cukup lebokake skrip sampeyan ing kothak, lan bakal cepet mindai kanggo kesalahan utawa cacat.
JSLint mriksa file sumber JavaScript. Yen masalah ditemokake, ngirim pesen kanthi katrangan babagan masalah kasebut lan kira-kira posisi ing sumber kasebut. Masalah kasebut ora mesthi kesalahan sintaksis, sanajan asring kedadeyan.
JSLint nliti norma stilistika lan masalah struktural. Ora ateges piranti lunak sampeyan akurat. Iku mung nambah sepasang mata liyane kanggo mbantu ndeteksi masalah. Sadurunge ndhaptar skrip, mbukak liwat JSLint kanggo mesthekake yen sampeyan ora nindakake kesalahan.
6. Skrip kudu diselehake ing sisih ngisor kaca sampeyan
Tujuan utama pangguna yaiku supaya kaca dimuat kanthi cepet. Browser ora bisa nerusake mbukak script nganti file lengkap wis dimuat. Akibaté, pangguna kudu ngenteni luwih suwe kanggo ndeleng kemajuan.
Yen sampeyan duwe file JS sing mung digunakake kanggo nyedhiyakake fungsionalitas (contone, yen tombol ditekan), lebokake ing sisih ngisor kaca, sadurunge tag tutup. Iki mesthi minangka praktik sing paling apik.
7. Cara paling cepet kanggo nggawe String
Yen sampeyan kudu ngubengi array utawa obyek, aja nggunakake statement loop sing dipercaya. Gunakake imajinasi sampeyan kanggo nemokake solusi paling cepet kanggo tugas sing ditindakake. Aku ora bakal nggawa sampeyan nomer; sampeyan mung kudu percaya karo aku (utawa nyoba dhewe).
Iki minangka teknik paling cepet nganti saiki.
8. Tambah komentar kanggo kode
Bisa uga katon ora ana gunane ing wiwitan, nanging percaya yen aku ujar manawa sampeyan kudu menehi komentar babagan kode sampeyan kanthi asring. Apa yen sampeyan bali menyang proyek sawetara wulan mengko lan ora bisa ngelingi proses pamikiran asli sampeyan?
Kepiye yen kode sampeyan kudu dianyari dening salah sawijining rekan kerja sampeyan? Wilayah penting kode sampeyan kudu tansah dikomentari.
9. Gunakake Literal Cithakan
Watesan senar sing digawe nganggo kuotasi ganda utawa siji akeh. Kanggo nggawe luwih gampang nggarap, sampeyan bisa uga ngganti sawetara senar nganggo literal cithakan.
Karakter backtick (') digunakake kanggo mbangun literal cithakan, sing nduweni sawetara kaluwihan. Sampeyan bisa digunakake kanggo nyimpen ekspresi utawa kanggo mbangun strings multi-line.
Kaya sing sampeyan ngerteni, ora kaya string literal sing dibangun nganggo kuotasi siji utawa kaping pindho, kita ora kudu bola-bali mlebu lan metu saka template literal. Iki nyuda kemungkinan kesalahan ngetik lan ngidini kita nulis kode sing luwih resik.
10. Iterator lan kanggo ... saka Loops
Iterator minangka obyek ing JavaScript sing ngleksanakake cara sabanjure () kanggo ngasilake obyek sing nyimpen nilai sabanjure ing urutan uga bener utawa salah gumantung apa ana nilai liyane. Iki tegese yen sampeyan ngleksanakake protokol iterator, sampeyan bisa mbangun obyek iterator dhewe.
Ana sawetara iterator sing dibangun ing JavaScript, kayata String, Array, Map, lan liya-liyane. Sampeyan bisa nggunakake kanggo ... saka puteran kanggo iterate antarane wong-wong mau. Yen dibandhingake karo puteran biasa, iki luwih ringkes lan kurang rawan kesalahan. Kita ora kudu nglacak dawa lengkap array utawa indeks saiki nggunakake for…of loop. Nalika ngrancang puteran nested, iki bisa mbantu nyederhanakake kode kasebut.
11. Gunakake {} tinimbang Obyek anyar ()
Ing JavaScript, sampeyan bisa nggawe obyek kanthi macem-macem cara. Nggunakake konstruktor anyar, kaya sing ditampilake, minangka cara sing luwih konvensional. Strategi iki, ing sisih liya, ditandhani minangka "praktik sing ora apik."
Iku ora ngrusak, nanging iku tembung sethitik lan unik. Aku propose tinimbang nggunakake technique literal obyek.
12. Coba sijine let lan const ing kode
Kita bisa nggunakake tembung kunci let kanggo nggawe variabel lokal sing dilindhungi menyang blok dhewe. Kita bisa nggunakake tembung kunci const kanggo mbangun variabel blok-scoped lokal sing ora bisa diganti.
Nalika ngumumake variabel, sampeyan kudu nimbang nggunakake tembung kunci let lan const yen ana. Elinga yen tembung kunci const mung mateni reassignment. Iku ora nggawe variabel unchangeable, uga.
13. eval () Ora Ide apik
Cara eval (), kanggo sing ora ngerti, ngidini kita ngakses kompiler JavaScript. Intine, kita bisa nggunakake eval kanggo nglakokake asil senar kanthi nyedhiyakake minangka input ().
Ora mung iki bakal alon mudhun script Panjenengan, nanging uga nawakake badhan keamanan pinunjul amarga menehi teks liwat-in adoh banget wewenang. Nyingkiri ing kabeh biaya!
14. Operator Spread kasedhiya
Apa sampeyan kudu ngirim kabeh item ing array minangka unsur individu menyang fungsi liyane, utawa sampeyan kudu nglebokake kabeh nilai saka siji array menyang liyane? Iki persis apa operator nyebar (…) ngidini kita entuk. Punika ilustrasi.
15. ngenteni lan async
Nggawe fungsi asinkron nggunakake tembung kunci asinkron, sing tansah ngasilake janji, kanthi tegas utawa ora jelas.
Tembung kunci ngenteni bisa digunakake ing fungsi asinkron kanggo mungkasi eksekusi nganti resolusi bali janji rampung. Ing sanjabane fungsi async, kode bakal terus mlaku kanthi normal.
16. Gunakake metode kalebu () ing Javascript
Ing JavaScript, fungsi kalebu () nemtokake manawa senar ngemot karakter sing diwenehake utawa manawa array ngemot unsur sing ditemtokake.
Cara iki ngasilake bener yen string utawa unsur ditemokake; digunakake, bali palsu. Iku worth sebutno sing Strings ngandhut () fungsi iku cilik-sensitif. Yen sampeyan pengin cocog string preduli saka cilik, mung cilik teks target pisanan.
17. Mbusak item saka Uploaded nggunakake Splice
Kanggo mbusak item saka array, aku wis weruh pangembang nggunakake fungsi mbusak. Iki salah amarga, tinimbang mbusak obyek, cara mbusak ngganti karo undefined.
Cara paling gampang kanggo mbusak unsur saka array gumantung saka nilai ing JavaScript yaiku nggunakake fungsi indexOf () kanggo entuk nomer indeks saka nilai kasebut ing array, banjur mbusak nilai indeks kasebut kanthi metode splice ().
18. Gunakake Fungsi Panah
Fungsi panah minangka fitur penting liyane sing lagi wae ditambahake menyang JavaScript.
Padha duwe boatload kaluwihan. Kanggo miwiti, nggawe bagean fungsional JavaScript luwih apik lan luwih gampang ditulis. Nanging, nggunakake fungsi panah ndadekake iki luwih gampang diwaca lan ringkes.
19. Kanthi Destructuring, sampeyan bisa kanthi cepet nemtokake nilai variabel
Sadurunge ing kirim iki, kita sinau babagan operator panyebaran ing JavaScript. Destructuring padha karo destructuring amarga uga mbongkar data sing ana ing array.
Bedane yaiku nilai-nilai sing ora dibungkus iki bisa ditugasake menyang variabel sing beda. Sintaksis identik karo trabasan [] nalika mbentuk array. Kurung, Nanging, diselehake ing sisih kiwa operator assignment wektu iki. Punika ilustrasi.
20. Nggawe sawetara proyek
Bakat apa wae mbutuhake latihan sing konsisten, mula coba gawe macem-macem proyek kanggo ngasah kemampuan lan entuk keahlian kanthi macem-macem skenario pemrograman.
Nalika nggarap proyek, sampeyan bakal nemu sawetara tantangan lan kesalahan, sing bakal menehi keahlian sing dibutuhake. Dadi, coba gawe proyek, lan ana akeh gagasan lan conto ing internet kanggo mbantu sampeyan. Terusake ngembangake kode, lan kemampuan sampeyan bakal nambah.
kesimpulan
Bisa uga angel sinau basa komputer kaya JavaScript. Yen sampeyan serius arep dadi programmer sing apik lan ngamanake proyek sing sepisanan, mula strategi sinau JavaScript iki bisa mbantu sampeyan nyepetake proses sinau.
Priksa manawa sampeyan latihan coding kanthi rutin, njupuk cathetan kanthi lengkap nalika sinau ide anyar, lan gunakake kabeh alat sing bisa diakses. Sing paling penting, metu lan miwiti coding nalika seneng-seneng.
Ninggalake a Reply