tutorial belajar javascript level dasar

Oleh: adminpartheon - 23-05-2021   -   10:49

Bagikan :

tutorial javascript level dasar

Javascript merupakan bahasa pemrograman client (browser) yang sedang naik daun, dan bahkan saat ini dapat digunakan untuk sisi server layaknya PHP ( Type script, node js,dll ). Dikomunitas GITHUB javascript menempati urutan no satu untuk bahasa pemrograman yang paling banyak digunakan. Jika anda ingin belajar untuk membikin website maka Javascript ini hukumnya wajib dikuasai.

Sejarah javascript

Javascript pertama kali diciptakan oleh Brendan Eich, pegawai Netscape pada tahun 1995. Pada waktu itu brendan ditugaskan untuk membuat script yang bisa berjalan dibrowser, dan dalam waktu 10 hari script tersebut jadi dan diterapkan pada netscape navigator 2.0. Pada awalnya script yang brendan buat tersebut diberi nama Mocha (mungkin waktu membuatnya brendan sering minum mocha latte , hanya asumsi penulis). Mocha sempat berubah menjadi LiveScript dan akhirnya sejak Netscape bekerjasama dengan Oracle namanya dirubah menjadi Javascript, dengan strategi mendompleng ketenaran Java.

Sejak tahun 1997, Netscape melakukan standarisasi Javascript dan berhasil diajukan ke ECMA Internasional (standar asosiasi pabrik industri Eropa untuk sistem informasi dan komunikasi) dan diberi label ECMAscript. Sampai saat ini javascript dengan label ECMAscript telah diupdate 9x dan versi terakhir adalah ES 8 yang rilis pada tahun 2017.

Cara menulis Javascript

Untuk menulis kode javascript pada halaman web anda, terdapat 3 cara, yaitu:

1. Embed, kode ditulis langsung dibagian head halaman html.

2. Inline, kode ditulis pada attribute tag html

3. Eksternal, kode ditulis pada sebuah file dengan ekstensi .js dan dipanggil pada halaman html yang bersangkutan.

Penulisan dengan Embed

Penulisan kode javascript dengan teknik Embed pada halaman html sering dilakukan oleh programmer karena mungkin malas atau dikejar deadline. Bentuk penulisan dapat dilihat pada code dibawah:

<!DOCTYPE html>
<html>
    <head>
        <title>Tutorial </title>
        <script>
            //penulisan script javascript teknik embed html
            Alert("script javascript embed");
        </script>
    </head>
    <body>
        <p> Contoh penulisan javascript embed     </p>
    </body>
</html>

Penulisan kode javascript embed pada html selalu dimulai dengan tag <script> atau <script type="javascript/text"> dan ditutup dengan </script>. Pada contoh diatas script javascript ditaruh pada tag <HEAD> html, namun ada kalanya script tersebut dapat ditulis didalam tag <BODY>.

Penulisan dengan mode inline

Berikutnya, script javascript ditulis dengan teknik inline, penulisan inline javascript ini ditunjukkan dengan adanya pemanggilan fungsi javascript didalam attribute tag object html langsung. Adapun contoh penulisannya dapat dilihat pada code dibawah ini:

<!DOCTYPE html>
<html>
    <head>
        <title>Tutorial javascript level dasar</title>       
    </head>
    <body>
        <button onclick="alert('test')">Coba</button>
    </body>
</html>

Pada contoh diatas, script javascript ditandai dengan code onclick="alert('test')" yaitu ketika tombol coba ditekan maka akan memanggil fungsi alert untuk menampilkan pesan yang bertulis 'test'.

Penulisan dengan mode eksternal

Yang terakhir adalah penulisan script javascript dengan mode eksternal alias file terpisah. Langkah pertama adalah buka editor anda (Notepad++) lalu buat sebuah file berekstensi .JS dan tulis sebuah code seperti dibawah ini:

// contoh sederhana file coba.js

alert("hallo ini file eksternal")

lalu panggil file coba.js diatas kedalam file HTML dengan membuat file html baru, contoh kita buat file dengan nama htmlku.html lalu tulis code seperti dibawah ini:

//file htmlku.html
<!DOCTYPE html>
<html>
    <head>
        <title>Contoh script external javascript</title>       
        <script src="coba.js"></script>
    </head>
    <body>
<p> ketika diload pasti akan muncul pesan hallo ini file eksternal</p>
    </body>
</html>

Penyisipan file .JS terletak pada kode <script src="<file js>"></script> dan biasanya ditulis didalam tag <HEAD>. Penulisan dengan metode eksternal ini sebenarnya dianjurkan ketika kita bekerja bersama dengan team, untuk memudahkan proses editing script javascript secara bersama-sama. Namun, cara penulisan secara eksternal ini memiliki sedikit kekurangan, yaitu ketika ada perubahan code, hasilnya sering tidak berubah karena terkena cache browser sehingga kadang-kadang membingungkan programmer. 

Demikian pembahasan artikel ini, javascript merupakan bahasa pemprograman yang wajib anda kuasai karena dengan menguasai javascript anda bisa membuat web dan hybird mobile application (ionic, cordova, phonegap) sesuai dengan teknologi termutakhir saat ini.

Bagi anda pemilik usaha yang ingin menerapkan sistem komputer untuk kontrol stok, rekap laporan otomatis, laba-rugi otomatis, sistem kasir,dan barcode qrcode. Dapat mencoba aplikasi partheon stok.. GRATIS 100%. Installnya mudah cukup KLIK/TAP link gambar dibawah ini:

playstore_install 

Artikel terkait

tutorial cara mengukur tegangan DC dengan multimeter digital
tutorial cara mengukur tegangan DC dengan multimeter digital
Belajar membuat website install codeigniter php
Belajar membuat website install codeigniter php
Cara mematikan update windows 10
Cara mematikan update windows 10
Belajar membuat website, Framework php+xampp part 1
Belajar membuat website, Framework php+xampp part 1
Belajar elektro mengukur tegangan AC dengan multimeter digital
Belajar elektro mengukur tegangan AC dengan multimeter digital
cara membuat function mysql database
cara membuat function mysql database
Artikel lainnya
cara membuat function mysql database
selain query kita dapat membuat sebuah fungsi untuk mempermudah operasi database, bagaimana caranya ? yuks kita baca artikel berikut ini.
cek kabel putus dengan multimeter atau avometer digital visero a830L
Seringkali peralatan elektronik kita tidak berfungsi karena adanya ganggunan dalam komponennya, salah satunya adalah kabel putus. Artikel kali ini akan membahas cara cek kabel putus dengan multimeter digital.
5 youtuber cerita menarik tuk menemani harimu
Sambil kerja dikomputer mendengarkan cerita-cerita menarik dapat kamu coba untuk mengusir kebosanan dan meningkatkan produktifitasmu, yuk coba dengarkan 5 youtuber Indonesia yang pandai bercerita ini.
Khasiat tanaman pecut kuda
Jarang orang mengetahui tanaman pecut kuda, padahal khasiat dan kegunaannya sangat banyak. berikut adalah kegunaan pecut kuda
belajar javascript membuat fungsi untuk merubah angka menjadi kalimat terbilang
Sesi belajar javascript kali ini akan membahas pembuatan fungsi untuk merubah sebuah angka menjadi kalimat terbilang.
4 youtuber bule yang cerita tentang indonesia mulai dari wisata, budaya sampai makanan
pesona indonesia mampu memikat hati orang asing, 4 youtuber ini membuat vlog tentang beberapa wisata didaerah Indonesia. Siapakah 4 youtuber tersebut, yuks kita simak youtuber yang sering ditonton admin..
4 film barat dengan jagoan yang tak terkalahkan
Anda senang dengan film barat? suka dengan aksi perkelahian yang memacu adrenalin? berakhir happy ending? yuk simak artikel berikut ini buat menambah list film yang akan kamu tonton
Tutorial php cara membuat thousand separator nominal uang
Artikel berikut akan membahas cara merubah nominal uang menjadi lebih enak dibaca dengan menambah separator ribuan, ratusan ribu, dll didalam pemprograman PHP.
5 lagu barat klasik romantis
Kangen sama pasangan? cobain lagu-lagu klasik ini supaya makin kangen dengan pasanganmu. Lagu klasik barat yang memorable dan romantis habis
5 youtuber review film untuk menambah list film yang akan kamu tonton
ga ada waktu buat nonton film atau bingung film yang bagus yang mana, yuk cek 5 youtuber spesialist membahas film-film yang menarik lewat artikel ini.
input date html tutorial dan cara pakainya
Dalam membuat website pasti ada saatnya kita menggunakan isian tanggal, dalam artikel berikut kita akan mengupas cara dan petunjuk pengunaan input date untuk mempermudah operasi tanggal.
Raline Shah profil
Raline shah dikenal sebagai artis Indonesia yang pergaulannya luas, dari mohammad hadid sampai artis asia internasional lainnya masuk lingkaran pertemanannya. Berikut adalah biodata raline shah artis yang bukan kaleng-kaleng
wisata situbondo, utama raya beach dan resto
kalau kamu berdomisili di jawa dan sedang pergi ke bali lewat darat pastilah tahu ada pom bensin dan rest area yang bagus dan keren yang bernama utama raya.
Belajar membuat website, MVC codeigniter dan halaman pertamamu
Pada sesi belajar membuat website kali ini, akan dibahas tentang arsitektur MVC pada codeigniter dan cara untuk membuat halaman web pertama kita.
Jalan-jalan ke pantai Bohay, wisata probolinggo yang wajib kamu ketahui dan kunjungi
Didaerah paiton probolinggo ternyata ada wisata pantai yang wajib kamu kunjungi, yuk baca review artikel berikut ini