Pengenalan Kepada JavaScript

Apa Itu JavaScript?

JavaScript adalah bahasa skrip sampingan klien yang sangat berkuasa. JavaScript digunakan untuk meningkatkan interaksi pengguna dengan laman web. Dengan kata lain, anda boleh membuat laman web anda lebih meriah dan interaktif dengan bantuan JavaScript. JavaScript juga digunakan secara meluas dalam pembangunan permainan dan pembangunan aplikasi Mudah Alih.

Sejarah Penubuhan JavaScript

JavaScript telah dibangunkan oleh Brendan Eich pada tahun 1995, yang pernah membuat kemunculan dalam Netscape, pelayar(browser) popular pada masa itu.

Banyak pengaturcara yang menyangka bahawa JavaScript dan Java adalah sama. Namun tanggapan mereka salah kerana JavaScript dan Java adalah sangat tidak berkaitan. Java adalah bahasa pengaturcaraan yang sangat kompleks sedangkan JavaScript hanyalah merupakan bahasa skrip. Sintaks JavaScript kebanyakannya dipengaruhi oleh bhasa pengaturcaraan C.

Sebagai bahasa skrip, JavaScript tidak boleh beroperasi sendiri tanpa pelayar. Apabila pengguna meminta halaman HTML dengan JavaScript di dalamnya, skrip dihantar ke pelayar dan terpulang kepada pelayar untuk mengendalikannya.

Kegunaan Javascript

1. Web Development

JavaScript digunakan apabila laman web diciptakan bersifat dinamik dan menambah kesan khas pada halaman seperti rollover, roll out dan banyak jenis grafik. Bukan itu sahaja, Javascript juga digunakan oleh semua laman web untuk tujuan pengesahan.

Sebagai tambahan kepada pengesahan, ia menyokong aplikasi luaran seperti dokumen PDF, widget, menyokong aplikasi flash dan sebgainya. Javascript juga boleh memuat kandungan ke dalam dokumen apabila pengguna memerlukannya tanpa memuat semula seluruh halaman.

2. Aplikasi Web

JavaScript membolehkan pengguna berinteraksi dengan pelayar tanpa perlu menghantar mesej berulang-alik ke pelayan. JavaScript menggunakan Antaramuka Pengaturcaraan Aplikasi (API) yang memberikan kuasa tambahan kepada kod. Oleh itu, dengan hanya satu klik, pengguna dapat meneroka peta dalam ‘Google Map' secara terperinci dan menyeluruh.

3. Pembentangan

JavaScript menyediakan perpustakaan RevealJS dan BespokeJS untuk membina dek slaid berasaskan web dengan mewujudkan beberapa dek yang paling menarik dan interaktif menggunakan HTML. Pengguna boleh memasukkan slaid bersarang dengan mudah walaupun tidak mengetahui bahasa pengaturcaraan. RevealJS juga menyediakan pelbagai pilihan gaya transisi slaid, tema, dan latar belakang di samping menyokong semua format warna CSS.

JavaScript juga menyediakan plugin BespokeJS dengan pelbagai ciri termasuk penskalaan responsif, senarai peluru animasi, dan penunjuk sintaks untuk contoh kod.

4. Permainan

Bukan sahaja laman web tetapi penggunaan JavaScript juga membantu dalam membuat permainan. Gabungan JavaScript dan HTML5 menjadikan JavaScript popular dalam pembangunan permainan juga. Ia menyediakan perpustakaan EaseJS yang menyediakan penyelesaian mudah untuk bekerja dengan aplikasi yang kaya dengan grafik.

Kemudahan lain JavaScript ialah mempunyai bitmaps 2D yang disebut Sprites yang ditarik secara langsung untuk menjadikan sasaran untuk transformasi.

5. Aplikasi ‘Smartwatch'

JavaScript juga menyediakan perpustakaan Pebble JS yang digunakan dalam aplikasi smartwatch. Rangka kerja ini berfungsi untuk aplikasi yang memerlukan internet berfungsi. Menggunakan Pebbles membolehkan pemaju membuat aplikasi untuk beberapa jam tangan menggunakan JavaScript.

Bagaimana Untuk Menggunakan Javascript?

Kelebihan utama JavaScript adalah bahawa semua pelayar web moden menyokong JavaScript. Oleh itu, anda tidak perlu risau sama ada pelawat laman web anda menggunakan Internet Explorer, Google Chrome, Firefox atau mana-mana penyemak imbas lain. JavaScript tetap akan disokong dan beroperasi pada mana-mana sistem termasuk Windows, Linux atau Mac. Justeru, JavaScript dapat mengatasi kelemahan utama VBScript yang terhad kepada IE dan Windows sahaja.

Apa Yang Anda Perlukan?

Untuk memulakan, anda memerlukan editor teks untuk menulis kod dan menjadi penyemak imbas untuk memaparkan halaman web yang anda bangunkan. Anda boleh menggunakan editor teks pilihan anda termasuk Notepad ++, Visual Studio Code, Sublime Teks, Atom atau mana-mana editor teks lain yang anda selesa. Anda boleh menggunakan pelayar web termasuk Google Chrome, Firefox, Microsoft Edge, Internet Explorer dan lain-lain.

Program Javascript Secara Ringkas

Anda harus meletakkan semua kod JavaScript anda dalam <script> tag (<script> dan </ script>) jika anda mengekalkan kod JavaScript anda dalam dokumen HTML itu sendiri. Ini membantu penyemak imbas anda membezakan kod JavaScript anda dari seluruh kod. Oleh kerana ada bahasa skrip klien lain (Contoh: VBScript), sangat disarankan agar anda menentukan bahasa skrip yang anda gunakan. Anda perlu menggunakan atribut jenis dalam tag <script> dan tetapkan nilainya kepada teks / javascript seperti di bawah:

<script type="text/javascript">
<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script type="text/javascript">
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

Apa Yang Boleh dan Apa Yang Tidak Boleh Dilakukan Dalam Pelayar Javascript?

JavaScript penyemak imbas boleh melakukan segala yang berkaitan dengan manipulasi laman web, interaksi dengan pengguna dan pelayan web. Namun, keupayaan JavaScript dalam penyemak imbas adalah terhad demi melindungi keselamatan pengguna. Matlamatnya adalah untuk menghalang laman web jahat daripada mengakses maklumat peribadi atau merosakkan data pengguna.

Senarai di bawah merupakan perkara yang ‘in-browser' Javascript boleh lakukan:

  • Tambah HTML baru ke halaman, tukar kandungan yang ada dan ubah suai gaya.
  • Memberi tindak balas kepada tindakan pengguna, berjalan pada klik tetikus dan pergerakan penunjuk.
  • Hantar permintaan melalui rangkaian ke pelayan jauh, muat turun dan muat naik fail yang dipanggil teknologi AJAX dan COMET.
  • Mendapatkan dan menetapkan cookies, menanyakan soalan kepada pengunjung serta menunjukkan mesej.

Manakala, perenggan di bawah akan menerangkan perkara-perkara yang tidak boleh dilakukan oleh Javascript:

1. Javascript pada laman web tidak boleh membaca / menulis fail sewenang-wenangnya pada cakera keras

Hal ini kerana Javascript tidak mempunyai akses terus ke fungsi sistem OS. Pelayar moden membenarkannya untuk beroperasi dengan fail, tetapi akses adalah terhad dan hanya disediakan jika pengguna melakukan tindakan tertentu seperti “menjatuhkan” fail ke dalam tetingkap pelayar atau memilihnya melalui tag <input>.

Terdapat cara untuk berinteraksi dengan kamera / mikrofon dan peranti lain, tetapi mereka memerlukan kebenaran eksplisit pengguna.

Oleh itu halaman yang dibolehkan JavaScript mungkin tidak membenarkan kamera web, memerhatikan persekitaran dan menghantar maklumat tersebut kepada NSA.

2. JavaScript dari satu laman tidak boleh mengakses laman yang lain jika dari laman web yang berlainan

Tab / tingkap yang berbeza secara umumnya tidak tahu tentang satu sama lain. Perkara ini dipanggil “Dasar Sumber Sama” di mana untuk mengelolanya, kedua-dua halaman mesti bersetuju untuk pertukaran data dan mengandungi kod JavaScript khusus yang mengendalikannya.

Bahasa-bahasa Javascript

  1. CoffeeScript
    Merupakan “gula sintaktik” untuk JavaScript. Memperkenalkan sintaks yang lebih pendek, membolehkan kita menulis kod yang lebih jelas dan lebih tepat.
  2. TypeScript
    Tertumpu pada penaipan data yang peraturannya lebih ketat untuk memudahkan pembangunan dan sokongan sistem kompleks. Bahasa ini telah dibangunkan oleh Microsoft.
  3. Flow
    Turut menambah penaipan data, tetapi dengan cara yang berbeza. Dibangunkan oleh Facebook.
  4. Dart Dart merupakan bahasa yang mempunyai enjinnya sendiri dan berjalan dalam persekitaran bukan pelayar (seperti aplikasi mudah alih). Namun, ia juga boleh dialihkan ke JavaScript. Dibangunkan oleh Google.

Share this article

shares