Pada prinsipnya, setiap situs web dibangun berdasarkan 3 teknologi; HTML, CSS dan Javascript. HTML menangani pengurutan berbagai bagian komponen situs, CSS dengan cara bagian-bagian ini dirender dan Javascript tugas kompleks seperti menanggapi tindakan pengguna.
En artikel sebelumnya Kami telah menjelaskan bahwa itu adalah kerangka kerja CSS dan diberikan daftar yang terbaik yang dapat kami gunakan di Linux. Bagaimana peran Javascript sedikit lebih sulit untuk dijelaskan, kita akan melakukan pengenalan kecil pada subjek, sebelum kita mengomentari kerangka kerjanya.
Bahasa pemrograman Javascript. Sedikit perkenalan
Apa itu Javascript?
Javascript adalah bahasa pemrograman yang awalnya dibuat untuk menghentikan halaman web menjadi statis, meskipun saat ini penggunaannya telah menyebar ke sektor-sektor yang tidak ada hubungannya dengan web.
Lprogram yang ditulis dalam Javascript disebut skrip dan mereka berjalan di dalam mesin virtual yang dikenal sebagai mesin Javascript.
Semua browser modern menyertakan versi mesin Javascript mereka
Demi keamanan pengguna, browser yang berbeda membatasi apa yang dapat dilakukan kode Javascript. Misalnya, akses ke file penting di disk. Namun, ini selanjutnya dapat dibatasi dalam opsi konfigurasi masing-masing.
Pengoperasian kode Javascript dalam halaman web adalah sebagai berikut:
- Mesin Javascript yang tertanam di browser membaca kode tersebut.
- Kode diubah ke bahasa mesin.
- Mesin menjalankan kode.
Menjadi bahasa pemrograman, Javascript dapat melakukan tugas-tugas seperti ini:
- Simpan informasi dalam variabel.
- Tangani string teks.
- Jalankan program yang menanggapi acara seperti mengklik tautan.
Kemampuan JavaScript meningkat melalui penggunaan Antarmuka Pemrograman Aplikasi (API)
API adalah perpustakaan program dibuat untuk tugas-tugas tertentu yang membebaskan pengembang dari keharusan menulis ulang kode yang ada. Dalam kasus Javascript kita dapat berbicara tentang dua jenis APIS
Api Browser
Mereka berjalan di dalam browser dan merespons lingkungan. Kami memiliki, misalnya:
Model Objek Dokumen (DOM): Ini memungkinkan untuk membuat modifikasi pada kode HTML dan CSS halaman sebagai respons terhadap peristiwa tertentu. Ini adalah kasus situs web yang memungkinkan kami melihat bagaimana halaman akan muncul di perangkat yang berbeda.
API Geolokasia: Digunakan untuk mendeteksi lokasi pengguna dan merespons sesuai. Misalnya, Netflix digunakan untuk mengetahui konten apa yang dapat Anda lihat di negara Anda atau Google Maps untuk menunjukkan di mana Anda berada.
Canvas dan WebGL: Mereka ideal untuk merencanakan grafik 2d dan 3d
API Multimedia: Mereka memungkinkan transmisi dan penerimaan konten multimedia dari halaman web.
API pihak ketiga
Layanan web yang berbeda mencoba untuk mendapatkan lebih banyak pengguna (dan dalam beberapa kasus lebih banyak informasi dari pengguna tersebut untuk menjualnya) Itulah sebabnya membuat antarmuka pemrograman sehingga pengembang dapat mengintegrasikan fungsionalitas yang diberikan layanan ini ke situs eksternal. Ini misalnya kasus halaman web yang memungkinkan Anda mendaftar dengan akun Google atau Facebook Anda.
Bagaimana kode Javascript bekerja dalam situs web
Pertama-tama, harus diklarifikasi setiap skrip javascript berjalan dalam lingkungan runtime-nya sendiri. Ada lingkungan eksekusi untuk setiap tab (jika kita membuka situs berbeda dalam jendela yang sama) atau untuk jendela berbeda jika kita mau. Dalam hal apa pun mereka tidak saling terkait satu sama lain atau, seperti yang kami katakan, dengan sistem operasi tanpa campur tangan aktif pengguna.
S pertamae memuat kode HTML dari halaman web dan model objek dokumen dibuat sehingga dapat ditampilkan di browser. Item yang akan dilampirkan kemudian dimuat ke halaman sebagai media, gambar, dan lembar gaya. Terakhir, gaya ditetapkan ke berbagai bagian halaman seperti yang ditentukan oleh style sheets.
Setelah semua ini selesai, itu adalah saat mesin Javascript dinyalakan mengikuti urutan yang disebutkan di atas.
Di artikel kami berikutnya, kami pergi dengan daftar kerangka kerja yang dijanjikan untuk Javascript.