5 pengetahuan dasar yang perlu Anda ketahui di javaScript – Untuk membuat dan menampilkan situs web di browser, Anda memerlukan HTML dan menghiasnya dengan warna dan bentuk CSS. Mereka adalah halaman web yang sangat statis. Artinya, isinya tidak berubah.

benjaminsterling – Ingat, HTML adalah bahasa deskripsi, dan CSS adalah bahasa gaya bertingkat. Mereka tidak bisa dinamis. Bagaimana Anda membangun situs web dinamis?

5 pengetahuan dasar yang perlu Anda ketahui di javaScript

5 pengetahuan dasar yang perlu Anda ketahui di javaScript
hackernoon.com

Untungnya, beberapa developer telah memikirkan sebelumnya Anda dan saya dengan membangun beberapa bahasa pemrograman yang dapat membuat halaman web dinamis, beberapa di antaranya hanya berjalan di sisi server, seperti JAVA, PHP, RUBY, PYTHON, dll. Salah satunya adalah HTML, CSS dan JavaScript yang juga berjalan di sisi klien (di browser). Ya, peneliti lain dengan janggut dan janggut mulai menggunakan JavaScript, bahasa pemrograman yang hanya berjalan di sisi klien. Mereka mengembangkan NodeJs, yang merupakan alat canggih yang memungkinkan menjalankan javascript di sisi server.

Baca juga : 10 Text Editor Terbaik Untuk Para Pemrogramer

  • Bagaimana cara menggunakan JavaScript console.log ()?
  • Bagaimana cara menggunakan Javascript dom API?
  • Bagaimana cara menampilkan pesan peringatan?
  • Bagaimana cara meminta konfirmasi pengguna?
  • Bagaimana cara meminta informasi dari pengguna Internet melalui prompt Windows?
    Gunakan console.log ()

Bagaimana cara menggunakan javascript console.log ()?
Di semua browser web, platform Node.JS adalah lingkungan javaScript yang dikonfigurasi dengan baik yang mendukung penggunaan fungsi logging untuk menulis pesan di konsol.

Baca juga : 30 Situs untuk mempelajari coding secara gratis

Sederhana saja, Anda bisa mulai dengan yang berikut:

Buka browser.
CTRL + D atau klik tombol kanan mouse pada menu “Periksa Elemen Halaman”.
Anda memilih tab konsol.
Tunjukkan variabel
console.log () dapat digunakan untuk menampilkan semua jenis variabel; tidak hanya string, cukup berikan variabel untuk ditampilkan di konsol,

Jika Anda ingin menyimpan dan menampilkan dua atau lebih nilai, pisahkan dengan koma. Selama koneksi, spasi akan otomatis ditambahkan di antara setiap parameter:

Placeholder
Anda juga bisa menggunakan console.log () bersama dengan sistem format yang dicadangkan:

Rekam objek
Di bawah ini, Anda mendapatkan hasil dari menyimpan objek tersebut. Ini sering kali berguna untuk merekam respons JSON ke panggilan API.

log({
‘Email’: ”,
‘Groups’: {},
‘Id’: 1,
‘IsHiddenInUI’: false,
‘IsSiteAdmin’: false,
‘LoginName’: ‘bcdibwe’,
‘Title’: ‘Administrateur’
});
To display HTML elements:

console.log(document.body);

Hasilnya terlihat di konsol: HTMLBodyElement {…}

Gunakan DOM API
Bagaimana cara menggunakan Javascript DOM API?

DOM adalah singkatan dari Document Object Model. Ini adalah representasi berorientasi objek dari dokumen terstruktur (seperti XML dan HTML).

Menyetel atribut item textContent adalah cara untuk mengeluarkan teks pada halaman web. Misalnya, pertimbangkan markup HTML berikut:

<p id = “Paragraph”> </ p>
Untuk mengubah atribut textContent, kita dapat menjalankan JavaScript berikut:

Penting untuk diketahui

Setelah membuat elemen yang relevan di dokumen, Anda harus menggunakan kode JavaScript untuk memanipulasi elemen di DOM. Ini dapat dicapai dengan menempatkan tag JavaScript <script> setelah semua konten <body> lainnya. Selain itu, Anda juga dapat menggunakan event listener untuk mendengarkan event seperti jendela download. Menambahkan kode ke event listener ini akan menunda eksekusi kode sampai semua konten halaman telah dimuat. Metode ketiga untuk memastikan bahwa semua DOM telah dimuat adalah dengan membungkus kode manipulasi DOM dengan fungsi batas waktu 0ms, sehingga kode JavaScript kembali ke antrian di akhir antrian eksekusi, sehingga browser memiliki kesempatan untuk selesaikan hal-hal non-JavaScript yang menunggu untuk diselesaikan. Berpartisipasilah dalam JavaScript baru ini.

Gunakan Windows.alert ()
Bagaimana cara menampilkan pesan peringatan?

Metode peringatan menampilkan kotak di layar, jendela pop-up visual. Parameter metode peringatan ditampilkan kepada pengguna dalam teks biasa:

Namun, meskipun kotak dialog modal benar-benar ditampilkan, spesifikasi sebenarnya memungkinkan kode yang dipicu oleh peristiwa lain untuk melanjutkan eksekusi. Dalam implementasi seperti itu, ada kemungkinan bahwa kode lain sedang dijalankan ketika kotak dialog modal ditampilkan. Notifikasi umumnya tidak direkomendasikan, dan metode lain yang tidak mencegah pengguna berinteraksi dengan halaman untuk menciptakan pengalaman pengguna yang lebih baik direkomendasikan, tetapi, meskipun demikian, ini berguna untuk debugging

Kesimpulannya
Saya baru saja memberi Anda 5 dasar JavaScript dasar yang akan membantu Anda memulai. Ya, jalan Anda masih panjang untuk berkembang lebih cepat, terutama karena bahasa pemrograman ini sedang mengalami perkembangan eksponensial. Bahkan setiap hari Tros memiliki struktur kode baru untuk kerangka kerja dan pustaka setiap hari. Namun, tanpa kecuali, semuanya didasarkan pada paten JavaScript murni, yang saya jelaskan:

  • Bagaimana cara menggunakan JavaScript console.log ()?
  • Bagaimana cara menggunakan Javascript dom API?
  • Bagaimana cara menampilkan pesan peringatan?
  • Bagaimana cara meminta konfirmasi pengguna?
  • Bagaimana cara meminta informasi dari pengguna Internet melalui prompt Windows?
Benjamin Sterling - Informasi berserta modul jQuery Terlengkap