Tutorial JavaScript 1 : Pengertian dan Cara memulai Belajar JavaScript

Pengertian dan Cara memulai Belajar JavaScript – Halo semuanya selamat datang di kodingin. Kali ini kodingin akan membahas mengenai belajar javascript untuk pemula, dimulai dari cara memulai belajar javascript.

Melihat Teknologi Javascript berkembang pesat, banyak programmer yang menggunakan bahasa yang satu ini. Faktanya javascript bukan hanya untuk pemrograman web saja, namun ada beberapa membuat aplikasi mobile menggunakan bahasa javascript.

Yuk kita mulai dari pengertian Javascript….

Pengertian JavaScript

Javascript atau yang biasa di singkat JS adalah salah satu bahasa program yang dapat di jalankan di halaman browser.

Javascript biasanya dipadukan dengan CSS dan HTML agat bekerja secara maksimal untuk dapat di lihat lebih menarik.

Salah satu contoh penggunaan javascript yaitu dapat membuat elemen pada HTML menjadi bisa bergerak-gerak atau yang biasa di sebut animasi.

Namun sekarang Javascrit bukan hanya dapat di jalankan di halaman browser saja, Javascript dapat digunakan untuk membuat aplikasi mobile, desktop maupun membuat Teknologi Iot. Selain itu JavaScript juga dapat digunakan untuk membuat game yang sederhana.

Kelebihan bahasa Javascript

Berikut ini kelebihan javascript :

  • Javascript dapat membuat aplikasi multi platform.
  • Tidak membutuhkan web server bisa berjalan.
  • Tergolong lumayan cepat load yang di hasilkan.
  • Dapat memanipulasi Dokument HTML.
  • Perkembangan nya sangat cepat.
  • Banyak framework yang lengkap dan memiliki kegunaan yang berbeda-beda.

Umumnya javscript berjalan di halaman depan, namun juga ada pengembangan lain di mana javascript dapat berjalan sebagai backend aplikasi, seperti node js dimana menggunakan framework JS yang bernama Express JS.

Hal yang di Perlukan untuk Belaja JavaScript

Untuk memulai belajar javascript sebenarnya peralatannya tidak terlalu rumit, apa aja itu ?

  • Text Editor, Seperti Sumblime Text, VsCode dan lainnya.
  • Web Browser, Seperti Mozila dan Google Chrome.

Cukup 2 itu aja cukup untuk belajar program javascript.

Yuk jika langsung saja mulai belajar javascript.

Membuat Program pertama dengan JavaScript

Seperti yang saya bilang di awal, program javascript di tampilkan di browser. Sehingga untuk memulai belajar dapat menggunakan HTML.

Kode JavaScript nantinya akan di simpan di dalam tag HTML.

Ada 3 cara untuk menuliskan script javascript yaitu :

  • Membuat File JS baru dan di panggil di HTML, File HTML dan JS terpisah(External).
  • Di buat bersamaan pada kode HTML(Embed).
  • Di letakkan di attribut HTML(Inline).

Sekarang silahkan buat folder baru dan 1 file .HTML.

index.html

Sekarang kita lihat hasilnya…

Tutorial JavaScript 1 : Pengertian dan Cara memulai Belajar JavaScript

Maka akan memunculkan teks yang di tulis pada keyword “document.write()“. Di dalam keyword tersebut juga dapat di tuliskan tag HTML.

Perlu di ketahui, jika menuliskan kode javascript di dalam HTML maka harus di apit tanda <script></script>.

Latihan membuat Kode JavaScript yang Terpisah

Sekarang kita coba, ubah kode di atas menjadi bentuk kode javascript yang terpisah.

Silahkan buat 1 file lagi dengan nama script.js

Jadi sekarang ada 2 file yaitu :

  • index.html
  • script.js

Berikut ini kodenya…

index.html

Perhatikan kode di atas, untuk menggunakan script javascript yang terpisah harus di panggil dari file HTMLnya.

script.js

Ketika menggunakan ektensi file .js maka tidak perlu di apit dengan tanda kode <script></script> lagi, karena file yang memanggil nya pun udah tahu bahwa file yang di panggil adalah file javaScript.

Pemisahan file utama dengan file javascript ini sangat di sarankan ketika program aplikasi website yang di bangun mempunya skalabilitas yang besar.

Kode di atas jika di jalankan maka hasilnya sama seperti gambar pertama.

Latihan membuat Kode JavaScript di Attribut HTML

Sekarang kita coba membuat kode javascript di attribut HTML, banyak sekali fungsi javascript yang digunakan untuk mengeksekusi di attribut HTML.

Yang paling sering di gunakan adalah onload() dan onclick(), Dimana onload() di jalankan ketika program file pada halaman di jalankan(di akses) sedangkan onclick() akan berjalan ketika element HTML di Klik.

Sekarang kita coba menggunakan onload(). Kita lakukan percobaan di element body.

Perhatikan kode di atas.

Setelah kode body terdapat kode javascript dengan fungsi onload(), maka jika di akses di browser akan menghasilkan perintah yang di jalankan oleh kode JS tersebut.

Hasilnya :

Tutorial JavaScript 1 : Pengertian dan Cara memulai Belajar JavaScript

Sekian Pengertian dan Cara memulai Belajar JavaScript. Semoga Bermanfaat.

Leave a Reply