Langsung ke konten utama

Apa itu javascript

 

Apa Itu JavaScript? Pemahaman Dasar Mengenai JavaScript bagi Para Pemula

Bagi yang masih awam, tentu akan bertanya-tanya, apa itu JavaScriptJavaScript adalah salah satu bahasa pemrograman yang paling banyak digunakan dalam kurun waktu dua puluh tahun ini. Bahkan JavaScript juga dikenal sebagai salah satu dari tiga bahasa pemrograman utama bagi web developer:

  1. HTML: Memungkinkan Anda untuk menambahkan konten ke halaman web.
  2. CSS: Menentukan layout, style, serta keselarasan halaman website.
  3. JavaScript: Menyempurnakan tampilan dan sistem halaman web.

JavaScript dapat dipelajari dengan cepat dan mudah serta digunakan untuk berbagai tujuan, mulai dari meningkatkan fungsionalitas website hingga mengaktifkan permainan (games) dan software berbasis web. Selain itu, terdapat ribuan template dan aplikasi JavaScript yang bisa Anda gunakan secara gratis dan semuanya ini berkat beberapa situs, seperti Github.

Sejarah JavaScript

JavaScript dibuat dan didesain selama sepuluh hari oleh Brandan Eich, seorang karyawan Netscape, pada bulan September 1995. Awalnya bahasa pemrograman ini disebut Mocha, kemudian diganti ke Mona, lalu LiveScript sebelum akhirnya resmi menyandang nama JavaScript. Versi pertama dari bahasa ini hanya terbatas di kalangan Netscape saja. Fungsionalitas yang ditawarkan pun terbatas. Namun, JavaScript terus dikembangkan oleh komunitas developer yang tak henti-hentinya mengerjakan bahasa pemrograman ini.

Pada tahun 1996, JavaScript secara resmi disebut sebagai ECMAScript, di mana ECMAScript 2 diluncurkan pada tahun 1998 dan ECMAScript 3 diperkenalkan pada tahun 1999. ECMAScript tersebut dikembangkan hingga akhirnya menjadi JavaScript sebagaimana yang kita kenal saat ini. Tak hanya lintas browser, JavaScript juga bisa digunakan di berbagai perangkat, termasuk perangkat mobile dan komputer.

Sejak saat itu, JavaScript terus bertumbuh dan berkembang. Pada akhirnya di tahun 2016, sebanyak 92% website diketahui menggunakan JavaScript. Hanya dala kurun waktu dua puluh tahun, JavaScript telah beralih dari bahasa pemrograman yang serba terbatas dan ‘primitif’ menjadi salah satu tool terpenting bagi web developer. Jika sebagian besar waktu dihabiskan untuk berselancar di internet, maka Anda pastinya sudah sangat familiar dengan JavaScript.

Apa Kelebihan JavaScript?

Terdapat sejumlah kelebihan JavaScript yang menjadikan bahasa pemrograman ini lebih unggul jika dibandingkan dengan kompetitornya, terutama di beberapa kasus tertentu. Berikut beberapa kelebihan JavaScript:

  1. Anda tidak membutuhkan compiler karena web browser mampu menginterpretasikannya dengan HTML;
  2. Lebih mudah dipelajari jika dibandingkan dengan bahasa pemrograman lainnya;
  3. Error atau kesalahan lebih mudah dicari dan ditangani;
  4. Dapat dialihtugaskankan ke elemen halaman web atau even tertentu, misalnya klik atau mouseover;
  5. JS dapat digunakan di berbagai browser, platform, dan lain-lain.
  6. Anda dapat menggunakan JavaScript untuk memvalidasi input dan mengurangi keinginan untuk mengecek data secara manual;
  7. Dengan JavaScript, website Anda menjadi lebih interaktif dan juga mampu menarik perhatian lebih banyak pengunjung;
  8. Lebih cepat dan ringan jika dibandingkan dengan bahasa pemrograman lainnya.

Apa Saja Kekurangan JavaScript?

Setiap bahasa pemrograman pasti memiliki beberapa kekurangan. Salah satu penyebabnya adalah semakin populernya bahasa pemrograman yang Anda pilih, termasuk dalam hal ini adalah JavaScript. Popularitas tersebut, sialnya, mengundang para hacker, scammer, dan pihak ketiga berbahaya lainnya untuk mencari celah keamanan. Beberapa kekurangan JavaScript, yaitu:

    1. Berisiko tinggi terhadap eksploitasi;
    2. Dapat dimanfaatkan untuk mengaktifkan kode berbahaya di komputer pengguna;
    3. Tidak selalu didukung oleh berbagai browser dan perangkat;
    4. JS code snippet agak banyak;
    5. Dapat di-render secara berbeda pada masing-masing perangkat yang malah mengarah ke inkonsistensi.

Bagaimana Cara Kerja dan Fungsi JavaScript di Website Anda?

Biasanya JavaScript  di-embbed secara langsung ke halaman website atau diarahkan melalui file .js yang terpisah. JavaScript merupakan bahasa dari sisi klien yang berarti script diunduh di perangkat yang dimiliki oleh pengunjung situs Anda, lalu diproses di sana. Berbeda dengan halnya bahasa di sisi server yang dijalankan pada server sebelum bahasa pemrograman tersebut mengirimkan file ke pengunjung situs.

Perlu diketahui, sebagian web browser juga menawarkan kesempatan bagi user untuk menonaktifkan JavaScript. Karena itulah, sangat disarankan bagi Anda untuk mencari tahu apa yang terjadi pada event yang diunduh ke mesin yang bahkan tidak men-support-nya.

Mengapa JavaScript Berbeda dari Bahasa Pemrograman Lainnya?

Alasan mengapa JavaScript menjadi salah satu bahasa pemrograman yang populer adalah kemudahan untuk dipelajari dan digunakan. Bisa dilihat jika sudah banyak developer yang pada akhirnya memilih JavaScript sebagai bahasa pemrograman terbaik. Bahasa pemrograman lainnya hanya diperlukan bilamana seorang developer menginginkan sesuatu yang lebih spesifik.

Berikut beberapa bahasa pemrograman yang paling populer dan banyak digunakan:

JavaScriptFungsi JavaScript, atau yang sering disingkat JS, adalah menjadikan website lebih interaktif. Scriptnya dijalankan di browser user alih-alih server, dan biasanya masuk ke library pihak ketiga untuk menyediakan fungsionalitas tingkat lanjut tanpa mengharuskan developer melakukan coding dari awal.
HTMLMerupakan singkatan dari Hypertext Markup Languange, HTML dikenal sebagai salah satu bahasa pemrograman yang paling lazim digunakan di web serta membentuk buildin block  dari suatu halaman situs. Sebagai contoh, tag HTML yang termasuk <p> untuk paragraf dan <img> untuk gambar.
PHPPHP merupakan bahasa pemrograman server-side, sedangkan JavaScript adalah bahasa pemrograman yang dijalankan di client-side. Bahasa ini sering terlihat di sistem manajemen konten berbasis PHP, misalnya WordPress, tapi juga sering digunakan untuk pengembangan back-end karena menyediakan jalan terbaik guna memfasilitasi proses transfer informasi dari dan ke database.
CSSCSS adalah singkatan dari Cascading Style Sheets. CSS memungkinkan webmaster untuk mengatur style serta menentukan bagaimana masing-masing jenis konten ditampilkan. Untuk menampilkan konten, Anda bisa melakukannya secara manual terhadap setiap elemen dalam HTML. Hanya saja, jika Anda melakukannya di CSS, maka Anda tidak perlu berulang kali menentukan bagaimana elemen-elemen tersebut ditampilkan setiap kali digunakan.

Anggap saja kita sedang membangun sebuah rumah. HTML adalah struktur bangunan rumah dan sandaran bagi pintu dan tembok, sedangkan CSS adalah karpet dan wallpaper yang menghiasi setiap sudut rumah sehingga tampak lebih indah dan menarik. JavaScript, dalam hal ini, menambahkan sifat responsif sehingga Anda bisa membuka pintu dan menyalakan lampu. Anda bisa saja tidak menggunakan lampu atau tidak membutuhkan pintu. Namun, risikonya adalah rumah yang gelap dan usang, layaknya bangunan yang telah berdiri sejak tahun 1995. Hal ini sama seperti ketika Anda memanfaatkan JavaScript untuk webiste.

Bagaimana Cara Membuat JavaScript di Website?

Untuk memasukan string kode JavaScript ke webpage, Anda harus menggunakan tag <script>. Anda juga bisa melihat contoh di bawah ini untuk mengecek tampilannya:

  1. <script type="text/javascript">
  2. Your JavaScript code
  3. </script>

Sebaiknya, sertakan JavaScript ke dalam tag <header> untuk situs Anda, kecuali bahasa tersebut harus dijalankan pada waktu tertentu atau dengan elemen halaman web tertentu. Kode JavaScript juga dapat disimpan sebagai file yang terpisah dan ‘memanggil’ file tersebut jika dibutuhkan di website.

Untuk informasi selengkapnya, silakan baca tutorial kami tentang cara membuat JavaScript di website.

Jadi, Apa Itu JavaScript?

Berbicara soal pengertian JavaScript sangatlah mudah. JavaScript merupakan bahasa pemrograman yang menjadikan website Anda lebih hidup dan menarik. Bahasa ini berbeda dari HTML (yang mengatur konten) dan CSS (yang mengelola layout). Berbeda dari PHP, bahasa pemrograman ini dijalankan di perangkat pengunjung situs Anda dan bukannya di server.

Hal-hal yang harus Anda ketahui tentang JavaScript:

  1. JavaScript mudah dipelajari;
  2. Dikembangkan oleh Netscape dan sampai saat ini telah digunakan oleh 92% website;
  3. Dapat dialihkan ke elemen halaman web tertentu atau event, seperti klik;
  4. Dapat dgunakan di berbagai browser dan perangkat;
  5. Lebih cepat dan ringan daripada bahasa pemrograman lainnya;
  6. Kurang aman jika dibandingkan dengan opsi bahasa pemrograman lainnya. Hal ini disebabkan karena popularitasnya yang kian meningkat;
  7. JavaScript bisa dibuat secara langsung di HTML atau dapat disimpan dalam file terpisah dan fungsionalitasnya digunakan bila diperlukan.

Pada akhirnya Anda kini tahu alasan JavaScript begitu populer: memiliki keunggulan dan kualias terbaik. Semoga artikel ini dapat menjawab kegelisahan Anda mengenai apa itu JavaScript serta fungsi dan cara kerjanya.

Apa itu javascript?

Javascript adalah bahasa pemrograman yang awalnya dirancang untuk berjalan di atas browser.

Namun, seiring perkembangan zaman, javascript tidak hanya berjalan di atas browser saja. Javascript juga dapat digunakan pada sisi Server, Game, IoT, Desktop, dsb.

Javascript awalnya bernama Mocha, lalu berubah menjadi LiveScript saat browser Netscape Navigator 2.0 rilis versi beta (September 1995). Namun, setelah itu dinamai ulang menjadi Javascript. 1

Terinspirasi dari kesuksesan Javascript, Microsoft mengadopsi teknologi serupa. Microsoft membuat ‘Javascript’ versi mereka sendiri bernama JScript. Lalu di tanam pada Internet Explorer 3.0.

Hal ini mengakibatkan ‘ perang browser’, karena JScript milik Microsoft berbeda dengan Javascript racikan Netscape.

Akhirnya pada tahun 1996, Netscape mengirimkan standarisasi ECMA-262 ke Ecma International. Sehingga lahirlah standarisasi kode Javascript bernama ECMAScript atau ES. Saat ini ECMAScript sudah mencapai versi 8 (ES8). 2

Versi ECMAScriptTahun Rilis
ES 1Juni 1997
ES 2Juni 1998
ES 3Desember 1999
ES 4Terbengkalai
ES 5Desember 2009
ES 5.1Juni 2011
ES 6Juni 2015
ES 7Juni 2016
ES 8Juni 2017

Mengenal Console JavaScript

Ada yang mengatakan, belajar javascript itu susah, karena saat melihat hasilnya di web browser, pesan error-nya tidak tampil. Pendapat ini tidak benar. Karena kita bisa melihatnya melalui console.

Console Javascript dapat kita buka melalui Inspect Element->Console.

Console Mozilla Firefox

Di dalam console, kita bisa menulis fungsi atau kode-kode javascript dan hasilnya akan langsung ditampilkan.

Misalnya, mari kita coba kode berikut:

console.log("Hi apa kabar!");
alert("Saya sedang belajar javascript");

Maka hasilnya:

Console Javascript Mozilla Firefox

Jika kamu menggunakan Nodejs, maka cara mengakses console adalah dengan mengetik perintah node pada Terminal.

Console Javascript di Nodejs

Setelah mencoba console Javascript, maka dapat kita simpulkan:

  • Console bisa digunakan untuk mengujicoba fungsi atau kode Javascript;
  • Console dapat kita gunakan untuk melihat pesan error saat debugging program.
  • …apa lagi ya?

sumber hostinger : 

Ariata C

petani kode

Komentar

Postingan populer dari blog ini

Belajar Laravel Roles & Permission

 Kali ini kita akan belajar login roles permission menggunakan pake spatie Instal Laravel Roles & Permission Karena kita menggunakan package, maka kita harus menginstal terlebih dulu. Ohya, saya asumsikan kawan-kawan sudah punya proyek  Laravel  yang masih baru & sudah melakukan konfigurasi untuk  database  dan sudah menjalankan  auth scaffolding Laravel . composer require spatie/laravel-permission Setelah terinstal, langkah berikutnya adalah kita menerbitkan  file   migrations  dari  package  ini. php artisan vendor:publish --provider= "Spatie\Permission\PermissionServiceProvider" Berikutnya, jalankan  migration nya. php artisan migrate Setelah dijalankan maka akan ada beberapa tabel yang dibuat oleh migration dari  package  ini. Penggunaan Pertama setelah melakukan proses instalasi. Untuk menggunakan package Laravel Permission ini kita tambahkan dulu  trait   HasRoles  ke model  User . us...

Model, View & Controller (MVC)

Model View Controller (MVC) Apa itu MVC?  MVC atau  Model View Controller  adalah sebuah pola desain arsitektur dalam sistem pengembangan website yang terdiri dari tiga bagian, yaitu:  Model,  bagian yang mengelola dan berhubungan langsung dengan database; View , bagian yang akan menyajikan tampilan informasi kepada pengguna; Controller , bagian yang menghubungkan model dan view dalam setiap proses request dari user.  Alur Kerja MVC Oke, setelah mempelajari apa itu MVC, sekarang saatnya memahami bagaimana alur kerja dari MVC. Mari lihat bagan berikut ini: Bagian  view  akan merequest informasi untuk bisa ditampilkan kepada pengguna. Request tersebut kemudian diambil oleh  controller  dan diserahkan bagian  model  untuk diproses;  Model akan mengolah dan mencari data informasi tersebut di dalam database; Model memberikan kembali pada controller untuk ditampilkan hasilnya di view;  Controller mengambil hasil olahan yang...

Rekomendari ekstensi vs code

  GitLens Pada GitLens kita bisa preview commitan sebelum di push, dan bisa melihat perubahan pada baris kode ( dibikin oleh siapa, diubah oleh siapa ), Serta masih banyak fitur lain dari GitLens ini. Visual Studio IntelliCode Sebenarnya auto suggest bawaan dari VS Code itu sendiri sudah lumayan bagus, saya menggunakan ini agar auto suggest bisa lebih detail suggestion yang diberikan, bisa diibaratkan Improve dalam hal suggestion ( Intellisense nya ). Sublime Text Keymap and Settings Importer Bagi teman-teman yang migrasi dari Sublime Text 3 ke Visual Studio Code dan merasa aneh dengan keymap di VS Code, bisa nih dicoba in keymap sublime text di VS Code. Secara keseluruhan keymap nya sama persis dengan keymap sublime text. File Utils Bagi teman-teman yang sering menggunakan VS Code tapi terbatas pada klik kanan di tampilan side folder project nya, yang hanya bisa copy dan paste. Nah pada ekstensi ini ada beberapa penambahan seperti Duplicate, Move, dan masih banyak lagi. Prettier E...