Pertemuan12
Assalamualaikum Teman-teman semuanya :)
ketemu lagi sama saya di blog yang sama. yaa kali ini aku bakal ngasih tutorial yang berbeda dari sebelumnya yaitu tentang javascript. tapi Sebelum ke codingan nya aku bakal ngasih tau dulu nih apasih javascript itu dan bagaimana sih sejarah dari javascript itu?
Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML.
Javascript juga adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengizinkan pengeksekusian perintah-perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.
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. Versi pertama dari bahasa ini hanya terbatas dari kalangan Netscape saja. Fungsionalitas yang ditawarkan 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.
Sejak saat itu, javascript terus bertumbuh dan berkembang. Pada akhirnya di tahun 2016, sebanyak 92% website diketahui menggunakan javascript. Hanya dalam kurun waktu dua puluh tahun, javascript telah beralih dari bahasa pemrograman yang serba terbatas dan 'primitif' menjadi salah satu tool terpenting bagi web developer.
Perbedaan Javascript dan Java tuh apa sih?yuk kita lihat perbedaannya
1. Java di compile ke dalam file yang berisi byte code dan dijalankan oleh JVM, sedangkan untuk kode Javascript secara langsung dieksekusi oleh browser. Satu perbedaan lagi yaitu bahwa Java dijalankan di dalam JVM dan membutuhkan JDK atau JRE untuk menjalankannya, sedangkan Javascript berjalan di dalam browser dan hampir setiap browser modern saat ini telah mendukung Javascript.
2. Perbedaan utama antara Javascript dan Java adalah pada jenis bahasanya, jika pada Javascript merupakan bahasa dinamis sedangkan Java termasuk jenis bahasa statis.
3. Bahasa java adalah Object Oriented Programming, meskipun JavaScript juga mendukung class dan objek, ini lebih seperti sebuah bahasa scripting yang berorentasi objek. Java menyediakan paket untuk kelompok class yang terkait dan menyediakan deployment control yang lebih baik menggunakan JAR, WAR, dan EAR juga.
4. JavaScript jauh lebih fleksibel daripada Java, karena ketika kita tidak memiliki NullPointerException dalam JavaScript, variabel dapat menerima berbagai jenis data karena JavaScript mempunyai tipe bahasa yang dinamis.
Nah disini ada Tipe Data pada Javascript :
Di javascript data yang dapat disimpan dalam suatu variabel dikelompokkan
menjadi tiga jenis, yaitu :
1. Bilangan/numerik, bulat atau desimal, yang kita sebut sebagai integer
juga float.
2. Kata/kalimat (kumpulan huruf/karakter) : kita sebut string.
3. Boolean : suatu variabel yang mempunyai dua nilai dan berfungsi untuk
memeriksa suatu kondisi :
- True : Benar
- False : Salah
Variabel pada JavaScript
Variable adalah suatu obyek yang berisi data data, yang mana dapat
dimodifikasi selama eksekusi program. Di Javascript terdapat beberapa kriteria untuk penamaan variabel, seperti ditunjukkan berikut ini.
-Nama variabel harus dimulai oleh satu huruf (huruf besar maupun huruf
kecil) atau satu karakter _ (garis bawah).
-Nama variabel tidak boleh memakai nama-nama yang termasuk ke
dalam kata kunci bahasa Javascript.
-Nama variabel bisa terdiri dari kombinasi huruf, angka atau karakter _
dan $ (spasi kosong tidak diperbolehkan).
Halo
Untuk menggunakan tag <script> pada Kode javascript dalam HTML dituliskan dengan
menggunakan tag <script>.
Berikut adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
Halo alternative js
Menggunakan file eksternal alternative : Menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas). Kode yang kita sisipkan kedalam dokumen HTML contohnya adalah sebagai berikut :
Jadi Ini untuk memanggil sebuah file js yaitu dengan <script language="javascript" src="lokasi/file.js"></script>. Dimana lokasi/file.js adalah adalah lokasi dan nama file yang berisi kode
Javascript, jika perintah tambahan SRC tidak disertakan maka tag Script akan
mencari kode yang terletak di dalam tag Script.
Mengubah Style
selanjutnya ini biasanya digunakan untuk memanggil fungsi pada event tertentu. Misalnya ketika suatu elemen di klik maka akan jalan fungsi javascript.
Berikut ini adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
sesudah di click akan berubah warna merah sebagai berikut
VariableonJavascript
Mari kita lihat codingan nya terlebih dahulu :
Ini lah Hasil dari Codingan Di Atas :
VariableonJavascript2
Berikut adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
VariableonJavascriptpadaTypeData
Berikut adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
Quiz
yang terakhir ini adalah tugas untuk membuat operasi perhitungan aritmatika dan disini sata akan membuat kalkulator. Mengapa saya lebih memilih kalkulator? karena di dalam kalkulator terdapat penjumlahan, pengurangan, perkalian, pembagian, dan modulus. Nah mari kita lihat langsung saja hasilnya :
Ini lah Hasil dari Codingan hasil file CSS dan JavaScript Di Atas :
Nah mungkin cukup segitu aja yang bisa saya posting kali ini, semoga bermanfaat bagi teman-teman semuanya :)
Sampai jumpa di postingan selanjutnya jangan lupa komen di bawah bila ada pendapat ,saran,kritik DLL .Mohon maaf bila ada kesalahan karena kesalahan tidak luput dari manusia.
Sekian Wassalamualaikum Wr,Wb Teman teman Jumpa next Time ok.
ketemu lagi sama saya di blog yang sama. yaa kali ini aku bakal ngasih tutorial yang berbeda dari sebelumnya yaitu tentang javascript. tapi Sebelum ke codingan nya aku bakal ngasih tau dulu nih apasih javascript itu dan bagaimana sih sejarah dari javascript itu?
Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML.
Javascript juga adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengizinkan pengeksekusian perintah-perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.
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. Versi pertama dari bahasa ini hanya terbatas dari kalangan Netscape saja. Fungsionalitas yang ditawarkan 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.
Sejak saat itu, javascript terus bertumbuh dan berkembang. Pada akhirnya di tahun 2016, sebanyak 92% website diketahui menggunakan javascript. Hanya dalam kurun waktu dua puluh tahun, javascript telah beralih dari bahasa pemrograman yang serba terbatas dan 'primitif' menjadi salah satu tool terpenting bagi web developer.
Perbedaan Javascript dan Java tuh apa sih?yuk kita lihat perbedaannya
1. Java di compile ke dalam file yang berisi byte code dan dijalankan oleh JVM, sedangkan untuk kode Javascript secara langsung dieksekusi oleh browser. Satu perbedaan lagi yaitu bahwa Java dijalankan di dalam JVM dan membutuhkan JDK atau JRE untuk menjalankannya, sedangkan Javascript berjalan di dalam browser dan hampir setiap browser modern saat ini telah mendukung Javascript.
2. Perbedaan utama antara Javascript dan Java adalah pada jenis bahasanya, jika pada Javascript merupakan bahasa dinamis sedangkan Java termasuk jenis bahasa statis.
3. Bahasa java adalah Object Oriented Programming, meskipun JavaScript juga mendukung class dan objek, ini lebih seperti sebuah bahasa scripting yang berorentasi objek. Java menyediakan paket untuk kelompok class yang terkait dan menyediakan deployment control yang lebih baik menggunakan JAR, WAR, dan EAR juga.
4. JavaScript jauh lebih fleksibel daripada Java, karena ketika kita tidak memiliki NullPointerException dalam JavaScript, variabel dapat menerima berbagai jenis data karena JavaScript mempunyai tipe bahasa yang dinamis.
Nah disini ada Tipe Data pada Javascript :
Di javascript data yang dapat disimpan dalam suatu variabel dikelompokkan
menjadi tiga jenis, yaitu :
1. Bilangan/numerik, bulat atau desimal, yang kita sebut sebagai integer
juga float.
2. Kata/kalimat (kumpulan huruf/karakter) : kita sebut string.
3. Boolean : suatu variabel yang mempunyai dua nilai dan berfungsi untuk
memeriksa suatu kondisi :
- True : Benar
- False : Salah
Variabel pada JavaScript
Variable adalah suatu obyek yang berisi data data, yang mana dapat
dimodifikasi selama eksekusi program. Di Javascript terdapat beberapa kriteria untuk penamaan variabel, seperti ditunjukkan berikut ini.
-Nama variabel harus dimulai oleh satu huruf (huruf besar maupun huruf
kecil) atau satu karakter _ (garis bawah).
-Nama variabel tidak boleh memakai nama-nama yang termasuk ke
dalam kata kunci bahasa Javascript.
-Nama variabel bisa terdiri dari kombinasi huruf, angka atau karakter _
dan $ (spasi kosong tidak diperbolehkan).
Halo
Untuk menggunakan tag <script> pada Kode javascript dalam HTML dituliskan dengan
menggunakan tag <script>.
Berikut adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
Halo alternative js
Menggunakan file eksternal alternative : Menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas). Kode yang kita sisipkan kedalam dokumen HTML contohnya adalah sebagai berikut :
Jadi Ini untuk memanggil sebuah file js yaitu dengan <script language="javascript" src="lokasi/file.js"></script>. Dimana lokasi/file.js adalah adalah lokasi dan nama file yang berisi kode
Javascript, jika perintah tambahan SRC tidak disertakan maka tag Script akan
mencari kode yang terletak di dalam tag Script.
Mengubah Style
selanjutnya ini biasanya digunakan untuk memanggil fungsi pada event tertentu. Misalnya ketika suatu elemen di klik maka akan jalan fungsi javascript.
Berikut ini adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
sesudah di click akan berubah warna merah sebagai berikut
VariableonJavascript
Mari kita lihat codingan nya terlebih dahulu :
Ini lah Hasil dari Codingan Di Atas :
VariableonJavascript2
Berikut adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
VariableonJavascriptpadaTypeData
Berikut adalah contoh codingan nya :
Ini lah Hasil dari Codingan Di Atas :
Quiz
yang terakhir ini adalah tugas untuk membuat operasi perhitungan aritmatika dan disini sata akan membuat kalkulator. Mengapa saya lebih memilih kalkulator? karena di dalam kalkulator terdapat penjumlahan, pengurangan, perkalian, pembagian, dan modulus. Nah mari kita lihat langsung saja hasilnya :
Ini lah Hasil dari Codingan hasil file CSS dan JavaScript Di Atas :
Nah mungkin cukup segitu aja yang bisa saya posting kali ini, semoga bermanfaat bagi teman-teman semuanya :)
Sampai jumpa di postingan selanjutnya jangan lupa komen di bawah bila ada pendapat ,saran,kritik DLL .Mohon maaf bila ada kesalahan karena kesalahan tidak luput dari manusia.
Sekian Wassalamualaikum Wr,Wb Teman teman Jumpa next Time ok.
Komentar
Posting Komentar