Daftar Isi[Bersembunyi][Menunjukkan]
- 1. Tingkatkan Pengetahuan Dasar Anda
- 2. Memanfaatkan strategi berorientasi objek
- 3. Manfaatkan fungsi meskipun kecil
- 4. Alih-alih ==, gunakan ===
- 5. Gunakan JSLint
- 6. Skrip harus ditempatkan di bagian bawah halaman Anda
- 7. Cara Tercepat Membuat String
- 8. Tambahkan komentar ke kode Anda
- 9. Manfaatkan Literal Template
- 10. Iterator dan untuk … dari Loops
- 11. Gunakan {} Alih-alih Objek baru()
- 12. Pertimbangkan untuk memasukkan let dan const dalam kode Anda
- 13. eval() Bukan Ide Bagus
- 14. Operator Spread sangat berguna
- 15. menunggu dan async
- 16. Gunakan metode include() dalam Javascript
- 17. Hapus item dari array menggunakan Splice
- 18. Manfaatkan Fungsi Panah
- 19. Dengan Destructuring, Anda dapat dengan cepat menetapkan nilai variabel
- 20. Buat beberapa proyek
- Kesimpulan
Jika Anda pernah tertarik dengan pengembangan web, Anda mungkin pernah menemukan JavaScript. Bahasa pemrograman berorientasi objek adalah JavaScript. Pengembang menggunakannya untuk membuat sisi klien (front end) halaman web dinamis dan interaktif.
Ini juga digunakan untuk membuat halaman web dan aplikasi web, dengan HTML dan CSS. Tidak ada halaman web di internet saat ini yang tidak memiliki kode JavaScript. Ini menjadi aspek yang tak terpisahkan dari pekerjaan seorang pengembang.
Memang, itu terus meningkat. Meskipun JavaScript paling dikenal untuk menyediakan fungsionalitas ke halaman web, JavaScript juga digunakan di lingkungan non-JavaScript. Node.js, Apache Couch-DB, dan Adobe Acrobat adalah contoh dari teknologi ini. Untuk menjalankan JavaScript, sebagian besar browser web modern berisi mesin eksekusi JavaScript bawaan. Jika Anda ingin menjadi pengembang web yang sukses, Anda harus berurusan dengan JavaScript.
Anda harus mengatasinya hari ini atau besok. Mengapa tidak mempelajari JavaScript sebelumnya sehingga Anda akan siap ketika saatnya tiba?
Inilah yang akan Anda pelajari dalam sesi ini. Ini menjelaskan bagaimana untuk tetap selangkah lebih maju dari sesama pengembang web Anda dengan memoles JavaScript Anda.
Mari kita mulai!
1. Tingkatkan Pengetahuan Dasar Anda
Saya akan mulai dengan pemikiran dan pernyataan yang sangat mendasar yang telah Anda dengar sejak Anda masih muda. Pelajari dasar-dasarnya dan praktikkan. Sering kali, Anda akan menerapkan logika dengan pengkodean, tetapi Anda akan lupa bahwa sudah ada fungsi bawaan untuk itu, seperti mengiris array. Saat Anda menjalankan kode JavaScript, Anda bisa mendapatkan kesalahan, dan akibatnya, banyak fitur tambahan berhenti bekerja.
Ini dapat disebabkan oleh satu titik dua atau koma terbalik. Hal-hal tersebut terjadi sebagai akibat dari kurangnya pemahaman tentang dasar-dasarnya. Sering kali dalam satu program, loop dasar seperti for, which, atau do while digunakan. Loop adalah salah satu konstruksi pemrograman yang paling mendasar.
Cukup sulit untuk membuat kode dan bahkan memiliki kesempatan untuk bekerja di perusahaan jika Anda tidak terbiasa dengan perulangan dan dasar-dasar lainnya. Memoles dasar-dasar Anda sangat penting karena mereka memberikan dasar yang kuat untuk mengembangkan logika dan reputasi solusi yang rumit.
2. Memanfaatkan strategi berorientasi objek
Metode berorientasi objek adalah pendekatan pemrograman yang paling terkenal saat ini. Pendekatan berorientasi objek, yang dimulai dengan C++, semakin populer sejak saat itu. Saat ini, hanya pemrograman berorientasi objek yang digunakan untuk membuat semua bahasa utama. Strategi berorientasi objek adalah strategi yang berfokus pada objek tertentu.
Item tersebut kemudian menjadi entitas fundamental. Objek ini kemudian digunakan untuk menambahkan atribut dan fungsi ke halaman sebagai basis. Anda juga dapat menggunakan metode tradisional untuk membuat kode dari atas ke bawah tanpa fungsi atau objek apa pun. Ini terlalu luas dan tidak boleh dicoba. Saat mengembangkan kode, kita harus menggunakan pendekatan fungsional, dan jika kita menggunakan fungsi, kita harus menggunakan objek.
Jadi, pada awalnya, berusahalah untuk mengubah kode ekstensif Anda menjadi kode berorientasi objek, dan selalu tulis kode Anda dalam gaya berorientasi objek. Saat Anda mempelajari kode orang lain, Anda akan terus-menerus melihat teknik berorientasi objek. Jika Anda ingin menguasai JavaScript, sebaiknya Anda menguasainya.
3. Manfaatkan fungsi meskipun kecil
Pemrograman dengan pendekatan fungsional adalah cara yang bagus untuk dilakukan. Mengapa? Ini memisahkan perangkat lunak Anda menjadi modul yang berfungsi bersama tetapi masih berbeda satu sama lain. Biarkan saya memberi Anda sebuah contoh untuk membantu Anda memahaminya.
Root Mean Square dari bilangan bulat dapat dihitung menggunakan fungsi. Untuk melakukannya, Anda harus mengkuadratkan bilangan bulat, menghitung rata-ratanya, dan kemudian menghitung akar kuadrat dari rata-rata. Ada tiga fase dalam prosesnya. Akibatnya, kita dapat menggunakan tiga fungsi. Tapi, seperti yang Anda lihat, semua fungsi ini saling berhubungan. Output dari satu dikirim ke yang lain, dan kami menerima hasil akhir.
Mari kita berpura-pura bahwa alih-alih tiga fungsi, Anda hanya perlu satu untuk menghitung RMS berdasarkan beberapa faktor. Solusi terakhir, seperti yang Anda lihat, salah. Akan sangat sulit bagi Anda untuk menentukan apa yang salah dalam acara sebesar itu saat ini.
Memiliki tiga fungsi kecil, di sisi lain, akan memungkinkan Anda untuk menganalisis dengan cepat. Akibatnya, meskipun fungsinya sederhana, gunakan untuk mendefinisikan modul kode yang berbeda. Teknik ini akan membantu Anda menjadi ahli JavaScript seperti sulap.
Sekarang, mari kita lihat beberapa tip pengkodean JavaScript.
4. Alih-alih ==, gunakan ===
Dalam JavaScript, ada dua jenis operator kesetaraan: operator kesetaraan ketat === dan !==, dan operator kesetaraan non-ketat == dan !=. Saat membandingkan, itu dianggap sebagai praktik terbaik untuk selalu menggunakan kesetaraan yang tepat. Namun, saat bekerja dengan == dan !=, Anda akan mengalami masalah saat menangani jenis yang berbeda.
Ketika jenis nilai yang Anda bandingkan berbeda, operator yang tidak ketat akan mencoba memaksakan nilainya, yang mungkin mengarah pada hasil yang tidak diharapkan.
5. Gunakan JSLint
Douglas Crockford menciptakan JSLint, sebuah debugger. Cukup masukkan skrip Anda ke dalam kotak, dan skrip akan memindainya dengan cepat untuk mencari bug atau kekurangan apa pun.
JSLint memeriksa file sumber JavaScript. Jika masalah ditemukan, ia mengirim pesan dengan deskripsi masalah dan perkiraan posisi dalam sumber. Masalahnya tidak selalu merupakan kesalahan sintaksis, meskipun sering terjadi.
JSLint memeriksa norma gaya dan masalah struktural. Ini tidak berarti bahwa perangkat lunak Anda akurat. Itu hanya menambahkan sepasang mata untuk membantu dalam mendeteksi masalah. Sebelum Anda menandatangani skrip, jalankan melalui JSLint untuk memastikan Anda tidak melakukan kesalahan apa pun.
6. Skrip harus ditempatkan di bagian bawah halaman Anda
Tujuan utama pengguna adalah agar halaman dimuat secepat mungkin. Browser tidak dapat melanjutkan memuat skrip hingga file lengkap dimuat. Akibatnya, pengguna harus menunggu lebih lama untuk melihat kemajuan apa pun.
Jika Anda memiliki file JS yang hanya digunakan untuk menyediakan fungsionalitas (misalnya, setelah tombol ditekan), letakkan di bagian bawah halaman, tepat sebelum tag body penutup. Tidak diragukan lagi ini adalah praktik terbaik.
7. Cara Tercepat Membuat String
Saat Anda perlu mengulang array atau objek, jangan selalu gunakan pernyataan perulangan for yang terpercaya. Gunakan imajinasi Anda untuk menemukan solusi tercepat untuk tugas yang ada. Saya tidak akan memberi Anda nomor; Anda hanya harus mempercayai saya (atau mengujinya sendiri).
Ini adalah teknik tercepat sejauh ini.
8. Tambahkan komentar ke kode Anda
Ini mungkin tampak sia-sia pada awalnya, tetapi percayalah ketika saya mengatakan bahwa Anda harus mengomentari kode Anda sesering mungkin. Bagaimana jika Anda kembali ke proyek beberapa bulan kemudian dan tidak dapat mengingat proses pemikiran awal Anda?
Bagaimana jika kode Anda harus diperbarui oleh salah satu rekan kerja Anda? Area penting dari kode Anda harus selalu dikomentari.
9. Manfaatkan Literal Template
Batasan string yang dibuat dengan tanda kutip ganda atau tunggal sangat banyak. Untuk membuatnya lebih mudah, Anda dapat memilih untuk mengganti beberapa string Anda dengan literal template.
Karakter backtick (') digunakan untuk membangun literal template, yang memiliki sejumlah keunggulan. Anda dapat menggunakannya untuk menyimpan ekspresi atau untuk membuat string multi-baris.
Seperti yang Anda lihat, tidak seperti literal string konvensional yang dibuat dengan tanda kutip tunggal atau ganda, kami tidak perlu berulang kali masuk dan keluar dari literal template kami. Ini meminimalkan kemungkinan kesalahan pengetikan dan memungkinkan kita untuk menulis kode yang lebih bersih.
10. Iterator dan untuk … dari Loops
Iterator adalah objek dalam JavaScript yang mengimplementasikan metode next() untuk mengembalikan objek yang menyimpan nilai berikutnya dalam urutan serta benar atau salah tergantung pada apakah ada nilai lagi yang tersisa. Ini berarti bahwa jika Anda mengimplementasikan protokol iterator, Anda dapat membangun objek iterator Anda sendiri.
Ada beberapa iterator bawaan dalam JavaScript, seperti String, Array, Map, dan sebagainya. Anda dapat menggunakan for … dari loop untuk mengulanginya. Jika dibandingkan dengan for loop biasa, ini lebih ringkas dan tidak rawan kesalahan. Kita tidak perlu melacak panjang lengkap larik atau indeks saat ini menggunakan for…of loop. Saat mendesain loop bersarang, ini mungkin membantu menyederhanakan kode.
11. Gunakan {} Alih-alih Objek baru()
Dalam JavaScript, Anda dapat membuat objek dengan berbagai cara. Menggunakan konstruktor baru, seperti yang ditunjukkan, adalah cara yang lebih konvensional. Strategi ini, di sisi lain, ditandai sebagai "praktik yang buruk."
Itu tidak merusak, tetapi sedikit bertele-tele dan unik. Saya mengusulkan sebagai gantinya menggunakan teknik objek literal.
12. Pertimbangkan untuk memasukkan let dan const dalam kode Anda
Kita dapat menggunakan kata kunci let untuk membuat variabel lokal yang dicakup ke blok mereka sendiri. Kita dapat menggunakan kata kunci const untuk membuat variabel lingkup blok lokal yang tidak dapat diubah.
Saat mendeklarasikan variabel, Anda harus mempertimbangkan untuk menggunakan kata kunci let dan const jika berlaku. Ingat bahwa kata kunci const hanya menonaktifkan penugasan ulang. Itu juga tidak membuat variabel tidak dapat diubah.
13. eval() Bukan Ide Bagus
Metode eval(), bagi mereka yang tidak tahu, memungkinkan kita mengakses kompiler JavaScript. Pada dasarnya, kita dapat menggunakan eval untuk mengeksekusi hasil string dengan menyediakannya sebagai input ().
Ini tidak hanya akan memperlambat skrip Anda secara signifikan, tetapi juga menawarkan masalah keamanan yang signifikan karena memberikan terlalu banyak otoritas pada teks yang diteruskan. Hindari itu di semua biaya!
14. Operator Spread sangat berguna
Pernahkah Anda perlu mengirimkan semua item dalam larik sebagai elemen individual ke fungsi lain, atau apakah Anda perlu memasukkan semua nilai dari satu larik ke larik lainnya? Inilah yang dapat kami capai oleh operator spread (…) Berikut ilustrasinya.
15. menunggu dan async
Buat fungsi asinkron menggunakan kata kunci async, yang selalu mengembalikan janji, baik secara eksplisit maupun implisit.
Kata kunci menunggu dapat digunakan dalam fungsi asinkron untuk menghentikan eksekusi hingga resolusi pengembalian janji selesai. Di luar fungsi async Anda, kode akan terus berjalan secara normal.
16. Gunakan metode include() dalam Javascript
Dalam JavaScript, fungsi include() menentukan apakah string berisi karakter yang disediakan atau apakah array berisi elemen yang ditentukan.
Metode ini mengembalikan nilai true jika string atau elemen ditemukan; jika tidak, ia mengembalikan false. Perlu disebutkan bahwa fungsi Strings berisi() peka huruf besar-kecil. Jika Anda ingin mencocokkan string terlepas dari huruf besarnya, cukup huruf kecil teks target terlebih dahulu.
17. Hapus item dari array menggunakan Splice
Untuk menghapus item dari array, saya telah melihat pengembang menggunakan fungsi hapus. Ini salah karena, alih-alih menghapus objek, metode hapus menggantikannya dengan yang tidak ditentukan.
Cara termudah untuk menghapus elemen dari array bergantung pada nilainya dalam JavaScript adalah dengan menggunakan fungsi indexOf() untuk mendapatkan nomor indeks dari nilai tersebut dalam array, lalu menghapus nilai indeks tersebut dengan metode splice()..
18. Manfaatkan Fungsi Panah
Fungsi panah adalah fitur penting lainnya yang baru saja ditambahkan ke JavaScript.
Mereka memiliki banyak keuntungan. Untuk memulainya, mereka membuat bagian fungsional JavaScript lebih menarik secara visual dan lebih mudah untuk ditulis. Namun, menggunakan fungsi panah membuat ini jauh lebih mudah dibaca dan ringkas.
19. Dengan Destructuring, Anda dapat dengan cepat menetapkan nilai variabel
Sebelumnya di posting ini, kami belajar tentang operator spread di JavaScript. Destructuring mirip dengan destructuring karena juga membongkar data yang terkandung dalam array.
Perbedaannya adalah bahwa nilai-nilai yang tidak dikemas ini dapat ditetapkan ke variabel yang berbeda. Sintaksnya identik dengan pintasan [] saat membentuk array. Tanda kurung, bagaimanapun, ditempatkan di sisi kiri operator penugasan kali ini. Berikut ilustrasinya.
20. Buat beberapa proyek
Setiap bakat membutuhkan latihan yang konsisten, jadi cobalah untuk membangun berbagai proyek untuk mengasah kemampuan Anda dan mendapatkan keahlian dengan berbagai skenario pemrograman.
Saat mengerjakan proyek, Anda akan mengalami beberapa tantangan dan kesalahan, yang akan memberi Anda keahlian yang diperlukan. Jadi cobalah untuk membuat proyek, dan ada banyak ide dan contoh di internet untuk membantu Anda. Terus kembangkan kode, dan kemampuan Anda akan meningkat.
Kesimpulan
Mungkin sulit untuk mempelajari bahasa komputer seperti JavaScript. Jika Anda serius ingin menjadi programmer yang baik dan mengamankan pekerjaan pertama Anda, maka strategi pembelajaran JavaScript ini dapat membantu Anda mempercepat proses belajar Anda.
Pastikan Anda berlatih coding secara teratur, membuat catatan menyeluruh sambil mempelajari ide-ide baru, dan memanfaatkan semua alat yang dapat diakses oleh Anda. Di atas segalanya, keluarlah dan mulai coding sambil bersenang-senang.
Tinggalkan Balasan