Javascript Dasar : PBO & UI

Assalamu'alaikum Warahmatullahi Wabarakatuh

Pada kesempatan kali ini kita bakalan bahas tentang Pemrograman Berorientasi Objek & juga Interaksi User pada Javascipt. Apa sih kedua itu ? Mari kita bahas pada kesempatan kali ini :D

Apa itu Pemrograman Berorientasi Objek ?
Pemrograman berorientasi obyek adalah sebuah paradigma dalam pemrograman yang mengelompokkan fungsi, prosedur, variabel ataupun konstanta terkait dalam satu kesatuan (kelas) seperti obyek dalam dunia nyata. Obyek sendiri merupakan wujud dari kelas, secara umum dikenal dengan nama instan. Teknik-teknik dalam pemrograman ini merupakan pengembangan dari teknik sebelumnya seperti modularitas, polimorfisme, dan enkapsulasi. Saat ini ada banyak bahasa pemrograman yang telah mendukung pemrograman berorientasi obyek ini, seperti C++, C#, Java, Javascript, PHP, Python, Ruby, dan Objective C. Javascript menggunakan PBO dengan model pemrograman berbasis prototipe. Model ini tidak mengenal kelas, yang ada adalah obyek. Obyek dalam model ini dapat dimodifikasi secara runtime seperti penambahan variabel (properti) ataupun metode (fungsi/prosedur). Model ini juga dikenal dengan istilah pemrograman PBO tanpa kelas, berorientasi prototipe atau berbasis instan.

Macam-macam Objek :

1) Objek Utama (Bawaan)
Javascript memiliki banyak obyek bawaan seperti Math, Array, String dan Object. Setiap obyek dalam Javascript adalah instan dari obyek Object, sehingga memiliki semua properti dan metode yang ada.
2) Objek Buatan
Javascript merupakan bahasa PBO yang menggunakan kata kunci function untuk mendefinisikan suatu kelas. Oleh karena itu, pembuatan kelas sama dengan pembuatan fungsi dalam Javascript.

Apa itu Interaksi User ?
Adanya interaktifitas dalam aplikasi akan membantu menarik minat pengguna untuk menggunakan aplikasi yang dikembangkan. Di banyak bahasa pemrograman pengolahan interaksi ini dikenal sebagai teknik penanganan event.Event dalam Javascript adalah sebuah kejadian interaksi antara user dengan halaman web.

Contoh program PBO dan UI :

1) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12HG78N3UB

2) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12HRSMXWGF

3) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12I5EZ4WY3

4) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12IEE56K7I

5) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12ISJ9GQKC

6) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12J32CCILR

7) HTML : https://www.w3schools.com/code/tryit.asp?filename=FW12JCQFCPS9

Ouh Iyah Ini CSS nya Sob : https://www.w3schools.com/code/tryit.asp?filename=FW12JNHCO3ZF

Kali ini segitu aja yang bisa Mimin bagiin sama kalian semua Sob, Mohon maaf apabila masih banyak kesalahan karena Mimin pun masih banyak belajar :D Keep Zeaolus Sob!

Quotes :

"Setiap orang selalu takut pada perubahan. Bukankah orang-orang merasa takut pada listrik ketika listrik baru ditemukan?" -Bill Gates

Wassalamu'alaikum Warahmatullahi Wabarakatuh