Mengenal JavaScript Lebih Dekat

Mengenal JavaScript Lebih Dekat
Bahasa Pemrograman JavaScript


Apa itu JavaScript?


JavaScript adalah bahasa skrip sisi klien yang sangat kuat . JavaScript digunakan terutama untuk meningkatkan interaksi pengguna dengan halaman web. Dengan kata lain, Anda dapat membuat halaman web Anda lebih hidup dan interaktif, dengan bantuan JavaScript. JavaScript juga digunakan secara luas dalam pengembangan game dan pengembangan aplikasi Mobile .


Mengenal JavaScript Lebih Dekat
Cara Kerjanya


Pengertian


JavaScript adalah bahasa pemrograman yang dimulai hanya sebagai mekanisme untuk menambahkan logika dan interaktivitas ke browser Netscape yang statis. Pada tahun-tahun sejak diperkenalkan, ia tidak hanya menggantikan berbagai bahasa dan teknologi lain yang bersaing untuk menjadi standar untuk pemrograman berbasis browser, tetapi juga telah berkembang di luar ruang klien untuk menjadi bahasa yang dominan di sisi server, seperti baik.


Sejarah


JavaScript dikembangkan oleh Brendan Eich pada tahun 1995, yang muncul di Netscape, browser yang populer saat itu.
Bahasa ini awalnya bernama LiveScript dan kemudian diganti namanya menjadi JavaScript. Ada banyak programmer yang berpikir bahwa JavaScript dan Java adalah sama. Faktanya, JavaScript dan Java sangat tidak terkait. Java adalah bahasa pemrograman yang sangat kompleks sedangkan JavaScript hanya bahasa scripting . Sintaks JavaScript sebagian besar dipengaruhi oleh bahasa pemrograman C.


Internet awal dan browser generasi pertama

Diusulkan pada tahun 1962, Internet diciptakan pada tahun 1969, yang dikenal sebagai ARPANET, oleh Advanced Research Projects Agency (ARPA), yang menghubungkan empat komputer utama mereka di empat kantor pusat penelitian di SouthWest USA. Sudah empat tahun sejak 1965, ketika mereka pertama kali berhasil menghubungkan dua komputer melalui sistem telepon. Pada tahun 1972, banyak komputer di universitas di seluruh AS telah terhubung, dan protokol email, newsgroup dan telnet sedang dikembangkan. Banyak protokol internet lebih lanjut dikembangkan pada 1970-an dan 1980-an, seperti FTP dan Gopher, dan protokol TCP / IP yang mendasarinya menggantikan protokol NCP asli pada awal 1980-an. Maka ARPANET menjadi Internet, jaringan komputer universitas dan militer yang terhubung satu sama lain melalui banyak komputer lain, berkomunikasi menggunakan protokol TCP / IP. Idenya adalah bahwa,

World Wide Web (yang pada dasarnya berarti menggunakan protokol HTTP untuk mengambil dokumen hyperlink) diusulkan pada bulan Maret 1989 oleh Tim Berners-Lee, seorang spesialis komputer Inggris, di Laboratorium Eropa untuk Fisika Partikel (CERN) untuk para ilmuwan Swiss, sehingga mereka dapat dengan mudah menerbitkan dan berbagi penelitian mereka dengan 12 negara komunitas fisika energi tinggi. Dia menciptakan browser pertama di dunia, bernama 'WorldWideWeb', pada tahun 1990, dan dirilis pada tahun 1991. Pada tahun 1992, browser menjadi alat di seluruh dunia untuk transmisi informasi berbasis teks, menggunakan protokol HTTP. Pada tahun 1993, browser mosaik NCSA dibuat dan menawarkan peluang untuk menggunakan gambar sebaris, dan warna serta hyperlink serta teks biasa. Itu juga browser pertama yang berjalan di lingkungan antarmuka grafis. Versi pertama Netscape dirilis pada tahun 1994, ditulis oleh kelompok yang memisahkan diri dari tim Mosaic asli.


JavaScript lahir - generasi kedua dan ketiga

Netscape 2 dirilis pada awal 1996 dan menawarkan teknologi yang sama sekali baru yang dibuat oleh grup Netscape, yang paling penting adalah frame dan JavaScript. JavaScript adalah bahasa pemrograman yang ditulis oleh Brendan Eich yang dapat disematkan di halaman Web dan dapat memproses angka dan mengubah isi formulir. Sementara dalam pengembangan, JavaScript telah dikenal sebagai Mocha lalu LiveWire lalu LiveScript. Sintaks skrip intinya sangat mirip dengan Java, jadi itu berganti nama menjadi JavaScript saat dirilis. Cara ini mereferensikan formulir, tautan, dan jangkar sebagai anak-anak dari objek dokumen , dan input sebagai anak-anak dari formulir induknya dikenal sebagai DOM level 0.

Pada tahun yang sama, Netscape meneruskan bahasa JavaScript mereka ke European Computer Manufacturers Association (ECMA) untuk standardisasi. ECMA menghasilkan standar skrip ECMA, yang mewujudkan sintaksis inti JavaScript, tetapi tidak menentukan semua aspek tingkat DOM 0. Dengan rilis Netscape 3 di tahun yang sama, Netscape telah menghasilkan JavaScript 1.1, yang juga dapat mengubah lokasi gambar, membawa gelombang situs Web yang menggunakan efek halaman Web paling populer ini, membuat gambar berubah ketika mouse melewatinya. Gambar juga dirujuk sebagai anak-anak dari objek dokumen dan dengan demikian tingkat DOM 0 selesai.


DHTML - generasi keempat

ECMAscript masih diperbarui, seperti dengan rilis Netscape 4 pada tahun 1997, Netscape menghasilkan teknologi tercanggih hingga saat ini, DHTML. Menggunakan kombinasi tag HTML yang lebih eksklusif dan bagian dari rekomendasi W3C CSS 1 yang baru, JavaScript 1.2 memberi programmer kemampuan untuk mengubah gaya CSS untuk komponen dokumen, khususnya posisi dan visibilitas elemen pada halaman, yang diadopsi oleh W3C untuk spesifikasi CSS 2 mereka. Teknologi layer ini sangat diterima, meskipun sedikit digunakan karena kurangnya dukungan untuk browser yang lebih lama, dan masih populer. JavaScript sekarang menawarkan {}dan []sintaks untuk membuat objek dan array tetapi yang lebih penting, DOM Layers lahir.

Ketika layer menjadi lebih populer, Microsoft memutuskan untuk ikut serta dalam kompetisi, merilis browser Internet Explorer 4 mereka pada tahun 1997. Browser ini menunjukkan kepada programmer seberapa lincah sebuah browser. Tidak seperti model DOM Layers, model DOM berpemilik dari IE 4 memungkinkan setiap bagian dari dokumen untuk direferensikan, dan mengubah gaya CSS, termasuk banyak deklarasi CSS 2. Sebagian besar kontennya dapat ditulis ulang. Itu juga menawarkan banyak ekstensi lain, seperti filter dan transisi. Sintaks baru ini untuk referensi komponen dokumen lebih dapat diandalkan dan jauh lebih fleksibel dan W3C memutuskan untuk mengadopsi banyak sintaks dan komponennya untuk rekomendasi DOM yang akan datang.

Pada pertengahan 1998, Netscape merilis versi baru dari browser mereka, masih mengandalkan lapisan DOM yang buruk. Mereka gagal memperbaiki banyak bug yang mengganggu browser mereka, meskipun versi JavaScript 1.3 yang baru. Mereka juga merilis kode sumber, dan berhenti memungut biaya untuk browser mereka. Mereka berharap dapat memproduksi versi browser mereka berikutnya menggunakan komunitas open source. Komunitas open source lebih masuk akal, dan sebagai gantinya memutuskan untuk meninggalkan inti Netscape yang tidak stabil dan terbatas, demi sepenuhnya menulis ulang, menurut pedoman DOM W3C.


W3C DOM - generasi kelima

Pada tahun 1999, Microsoft merilis peramban yang paling canggih sejauh ini, Internet Explorer 5, peramban generasi kelima pertama, yang mendukung sejumlah besar rekomendasi W3C DOM 1, serta teknik kelayakan yang digunakan oleh Internet Explorer 4. Ini juga mendukung apa yang adalah versi ECMAscript saat ini, ECMAscript 3, setara dengan JavaScript 1.5 (JavaScript 1.4 hanya digunakan oleh JavaScript sisi server Netscape). Seperti semua versi Internet Explorer, masih menggunakan versi JavaScript dengan beberapa ekstensi inti, yang dikenal sebagai JScript.

DOM W3C memungkinkan fungsionalitas yang jauh lebih besar daripada DOM sebelumnya. Ini memberi cara untuk membuat, menghapus, dan memodifikasi elemen html, bahkan setelah halaman dimuat. Semua aspek halaman dapat diubah. Atribut dapat ditambahkan dan dihapus dari elemen HTML. Semua gaya dapat diubah, ditambahkan atau dihapus. Itu bahkan mengubah cara peristiwa dapat dideteksi, memungkinkan lebih dari satu fungsi penangan untuk acara apa pun, menangkap dan menggelembung keduanya didukung. Internet Explorer masih tidak mendukung semua teknik acara ini sesuai dengan standar, dan sebagai gantinya menggunakan variasi kepemilikan. DOM W3C juga mewakili dokumen secara berbeda, sebagai struktur pohon di mana akar adalah elemen HTML, dan setiap elemen di dalamnya adalah objek anak dari elemen yang terkandung di dalamnya. Teks di dalam elemen adalah simpul anak dari simpul elemen induk. Ini memberikan representasi dokumen yang jauh lebih kompleks namun realistis, yang memberikan akses ke setiap bagiannya.

Pada tahun 2000 Opera merilis browser Opera 4 mereka, salah satu yang paling disadap saat ini. Penanganan skrip baru didasarkan pada DOM W3C, meskipun hanya cukup diimplementasikan agar dapat dibandingkan dengan Intenet Explorer 4. Namun, bug-nya biasanya menyebabkan gagal mengelola bahkan itu. Dengan rilis Opera 5 dan 6 berikutnya, fungsionalitasnya tidak meningkat, tetapi stabilitas dan popularitasnya pasti meningkat. Pada waktu yang hampir bersamaan, beberapa proyek peramban lain terungkap, seperti Konqueror, dan ICEbrowser, keduanya merupakan generasi kelima. Browser televisi juga menjadi generasi kelima.


Breed baru

Pada tahun 2002, proyek Mozilla akhirnya merilis Mozilla, berdasarkan mesin rendering Tokek open source mereka dan mesin JavaScript SpiderMonkey. Ini adalah proyek open source yang dimulai pada tahun 1998 oleh Netscape, dan akhirnya, itu berhasil. Kami diberi salah satu browser paling fleksibel pada masanya, yang, dengan mengikuti rekomendasi DOM W3C, telah memberi para programmer Web kemampuan untuk melakukan hampir semua yang mereka inginkan. Bersamaan dengan itu, proyek Mozilla juga mengadaptasi mesin Badak JavaScript berbasis java yang dibuat oleh Norris Boyd dari perusahaan Netscape, yang telah digunakan oleh ICEsoft Technologies bersama-sama dengan arsitektur ICE Storm mereka untuk menghasilkan ICEbrowser.

Pangsa pasar terbesar masih dipegang oleh Microsoft, karena mereka merilis versi keenam browser mereka. Pada kenyataannya, peramban ini lebih hype dari apa pun. Dukungan CSS-nya masih jauh lebih sedikit daripada mesin Gecko, dan dengan membuat perubahan halus pada JScript-nya, Microsoft berhasil menyebabkan pengembang Web lebih banyak masalah daripada sebelumnya. Terlepas dari kemunduran ini, dunia akhirnya menuju ke standar yang diakui pusat, DOM W3C.

Dengan rilis Opera 7, yang memiliki tingkat dukungan DOM yang cukup tinggi, semua browser utama telah menjadi generasi kelima, dan Opera menyerbu untuk memiliki salah satu tingkat dukungan DOM tertinggi pada versi 9. Dukungan DOM Konqueror juga meningkat cukup cepat , dan dengan cepat menjadi browser DOM yang sangat mampu, dan segera diadopsi oleh Apple untuk menjadi bagian dari browser Safari mereka, meningkatkannya untuk dukungan yang lebih baik dari standar W3C.

Popularitas Mozilla meningkat, dan sudah mesin Gecko digunakan oleh hampir tiga puluh browser yang berbeda, termasuk Netscape 6+. Firefox segera bergabung dengan barisan dan melakukannya dengan cukup baik, sebagian karena warisan Netscape dan Mozilla.

Setelah memimpin bidang selama beberapa tahun, Microsoft mulai merasa puas diri, dan berhenti memperbarui browser mereka. Versi Mac ditinggalkan, dan pembaruan terbatas untuk Internet Explorer pada Windows hanyalah isyarat, menawarkan hampir tidak ada peningkatan dalam tingkat dukungan DOM. Itu jatuh jauh di belakang yang lain, meskipun cukup mendukung skrip DOM dasar. W3C sekarang pada rekomendasi DOM ketiga mereka, yang sebagian didukung oleh Opera, Mozilla / Firefox, Safari / Chrome, dan Internet Explorer 9. Kebanyakan browser saat ini mendukung setidaknya sebagian besar DOM 2 - Internet Explorer akhirnya mulai mendukung CSS 2 dengan benar di IE 8, tetapi hanya mulai mendukung bagian-bagian penting DOM 2 di IE 9. Sebelumnya, ia hanya menawarkan alternatif terbatasnya sendiri.

Ini adalah harapan sebagian besar pengembang Web bahwa semua browser, pada titik tertentu, akan menggunakan sintaksis yang sama untuk JavaScript. DOM W3C akhirnya dapat membantu itu terjadi. Jika semua produsen browser menghasilkan browser yang beroperasi di sepanjang pedoman yang ditetapkan oleh W3C, pembuat World Wide Web itu sendiri, pengembangan Web mungkin sebenarnya menjadi mudah, sementara masih cukup fleksibel untuk membuat halaman Web yang menginspirasi dan menarik. Karena semua browser akan berperilaku dengan cara yang sama, pengembang Web tidak perlu membuang begitu banyak waktu, energi dan uang untuk menyelesaikan semua banyak browser yang tidak kompatibel.

iCab akhirnya mendapatkan dukungan untuk DOM pada versi 3. Rilis OmniWeb 4.5 juga membawa penelusuran kecil lain ke dalam kumpulan browser generasi kelima, menggunakan rendering yang sama dan inti JavaScript seperti Safari. iCab 4 kini telah beralih ke engine Safari. Bahkan Escape dan NetFront sekarang memiliki fungsi DOM dasar. Dunia browser berubah, tetapi untungnya, mereka semua bergerak ke arah yang sama. Menjadi diterima untuk meninggalkan teknologi lama yang sudah ada, dan menganut standar global yang fleksibel; W3C DOM.

Selain itu, HTML 5 mulai menambahkan beberapa kemampuan scripting tingkat lanjut. Meskipun kadang-kadang dipecah menjadi beberapa spesifikasi seperti Selectors API dan Geolocation API, ini mendapatkan dukungan luas.


Bagaimana Cara Menjalankan JavaScript?


Menjadi bahasa scripting, JavaScript tidak dapat berjalan sendiri. Bahkan, browser bertanggung jawab untuk menjalankan kode JavaScript . Ketika seorang pengguna meminta halaman HTML dengan JavaScript di dalamnya, skrip dikirim ke browser dan terserah browser untuk menjalankannya. Keuntungan utama dari JavaScript adalah bahwa semua browser web modern mendukung JavaScript. Jadi, Anda tidak perlu khawatir tentang apakah pengunjung situs Anda menggunakan Internet Explorer, Google Chrome, Firefox atau browser lainnya. JavaScript akan didukung. Selain itu, JavaScript berjalan pada sistem operasi apa pun termasuk Windows, Linux atau Mac. Dengan demikian, JavaScript mengatasi kelemahan utama VBScript (Sekarang sudah usang) yang hanya terbatas pada IE dan Windows.


Alat yang Anda Butuhkan


Untuk memulainya, Anda memerlukan editor teks untuk menulis kode Anda dan browser untuk menampilkan halaman web yang Anda kembangkan. Anda dapat menggunakan editor teks pilihan Anda termasuk Notepad ++, Visual Studio Code, Sublime Text, Atom atau editor teks lain yang Anda sukai. Anda dapat menggunakan browser web apa pun termasuk Google Chrome, Firefox, Microsoft Edge, Internet Explorer dll.


Program JavaScript Sederhana


Anda harus meletakkan semua kode JavaScript Anda di dalam tag <script> (<script> dan </script>) jika Anda menyimpan kode JavaScript di dalam dokumen HTML itu sendiri. Ini membantu browser Anda membedakan kode JavaScript Anda dari sisa kode. Karena ada bahasa skrip sisi klien lainnya (Contoh: VBScript), Anda sangat disarankan untuk menentukan bahasa skrip yang Anda gunakan. Anda harus menggunakan atribut type di dalam tag <script> dan menetapkan nilainya ke teks / javascript seperti ini:
Mengenal JavaScript Lebih Dekat

Contoh Hello World:


Mengenal JavaScript Lebih Dekat

NOTE : JavaScript Bukan Java

JavaScript dan Java adalah dua bahasa komputer yang berbeda, keduanya dikembangkan pada tahun 1995. Java adalah bahasa pemrograman berorientasi objek, yang artinya dapat berjalan secara independen di lingkungan mesin. Ini adalah bahasa yang andal, serbaguna yang digunakan untuk aplikasi Android, sistem perusahaan yang memindahkan sejumlah besar data (terutama di industri keuangan), dan fungsi-fungsi yang disematkan untuk teknologi "Internet of Things" (IoT).
JavaScript, di sisi lain, adalah bahasa pemrograman berbasis teks yang dimaksudkan untuk dijalankan sebagai bagian dari aplikasi berbasis web. Ketika pertama kali dikembangkan, itu dimaksudkan sebagai pujian untuk Jawa. Tetapi JavaScript memiliki kehidupannya sendiri sebagai salah satu dari tiga pilar pengembangan web — dua lainnya adalah HTML dan CSS. Tidak seperti aplikasi Java, yang perlu dikompilasi sebelum mereka dapat berjalan di lingkungan berbasis web, JavaScript sengaja dirancang untuk diintegrasikan ke dalam HTML. Semua browser web utama mendukung JavaScript , meskipun sebagian besar memberi pengguna opsi untuk menonaktifkan dukungan untuk itu.


Ringkasan

  • JavaScript adalah bahasa skrip sisi klien yang dikembangkan oleh Brendan Eich.
  • JavaScript dapat dijalankan di semua sistem operasi dan hampir semua browser web.
  • Anda memerlukan editor teks untuk menulis kode JavaScript dan browser untuk menampilkan halaman web Anda.
Komentar Facebook
1 Komentar Blogger

1 komentar:

Write komentar
Anonymous
AUTHOR

wahh terimakasih artikelnya bermanfaat

Balas
avatar

Post a Comment