Tampilkan postingan dengan label javascript. Tampilkan semua postingan
Tampilkan postingan dengan label javascript. Tampilkan semua postingan

Jumat, 01 Agustus 2014

Belajar Dasar Javascript Part 2

Komentar

Komentar adalah sebuah tanggapan singkat,dan dalam hal ini adalah sebuah definisi singkat atau sedikit keterangan dari script yang anda tulis.

Lalu seberapa penting sebuah komentar dalam penulisan sebuah script

Bahasa script adalah bahasa yang sama sekali berbeda dengan bahasa manusia yang kita gunakan sehari-hari dan walaupun anda telah memahami setiap detail dari sebuah script,anda tetap memerlukan sebuah komentar.komentar ini dapat di fungsikan sebagai sebuah marka/pembatas,atau penjelasan untuk apa script tersebut.hal ini diperlukan karena mungkin setelah beberapa bulan atau tahun anda harus membukanya kembali dan melakukan pembaharuan atau modifikasi,tentunya anda tidak akan mengingat semua kode yang sudah anda tulis sebelumnya,walau pun anda ingat kadang anda perlu memodifikasi di beberapa bagian saja,dan anda membutuhkan penanda agar proses pencarian anda terhadap bagian yang akan di modifikasi akan lebih cepat.
Komentar juga penting untuk memudahkan orang lain dalam membaca script yang anda tulis jika anda menerapkan sistem Open Source pada kode/script yang anda tulis sehingga mengizinkan orang lain untuk mengganti,merubah,atau melakukan modifikasi kode/script yang anda tulis karena menerapkan open source bukan berarti kita harus menjahili orang lain juga,sehingga mereka perlu waktu yang lama untuk dapat memahami kode/script yang anda tulis.
Dalam setiap bahasa pemrograman,apapun itu Pasti akan selalu menyediakan tag untuk sebuah komentar karena ini sangatlah penting,dan yang paling penting adalah tag komentar ini tidak akan di proses atau di abaikan,mereka berada disana di dalam
kode-kode yang anda tulis di bagian-bagian yang sangat vital sekalipun,sebuah komentar tidak akan menimbulkan error karena mereka
tidak di proses,hanya di baca lalu di abaikan oleh system.
Adapun cara penulisan komentar pada js adalah dengan memberikan tag // atau tag /* dan di tutup dengan tag */
biasanya tag // untuk komentar satu baris,dan tag /*..*/ untuk komentar lebih dari satu baris

//ini adalah komentar satu baris
/* ini adalah komentar baris kesatu
ini adalah komentar baris kedua
ini merupakan komentar beberapa baris*/

Untuk mengetahui lebih lanjut tentang javascript mari kita coba beberapa kode di bawah ini:

penggunaan kode yang disisipkan

kali ini kita akan mencoba menyisipkan kode seperti di bawah ini.



Untuk mengujinya anda hanya perlu menulisnya dalam notepad lalu simpan sebagai file html,atau anda bisa menamainya dengan helloWorld.html setelah tersimpan lalu anda buka dengan browser anda.


penggunaan kode yang di simpan di tempat lain

Untuk mengetahui cara penggunaan javascript yang di simpan di dalam file yang berbeda anda harus membuat filenya dulu
tulis kode di bawah ini.
 alert ("hello world");

"Tanda titik koma pada akhir kode tersebut fungsinya sangat penting,ini sebagai penanda bahwa statement yang anda buat berakhir"
        Lalu simpan sebagai file javascript atau anda bisa menamainya dengan helloWorld.js,setelah itu tulis kode html seperti di bawah ini :

       lalu simpan dalam folder yang sama dengan file js yang anda di simpan sebagai file html,atau beri nama helloWorld.html,ini maksudkan agar anda tidak perlu menuliskan
detail direktori/folder/subfolder penyimpanan file js anda,jadi kita hanya perlu menulis src="helloWorld.js" bukan src="d:\folder\subfolder\helloWorld.js".
Anda bisa mempelajarinya lebih lanjut belakangan,yang terpenting anda tahu cara penggunaannya.
Setelah anda selesai silahkan buka file helloWorld.html dengan browser anda dan hasilnya seharusnya sama dengan cara yang pertama tadi.

Untuk pembahasan lebih lanjut silahkan tunggu postingan selanjutnya :D



Belajar Dasar Javascript Part 1

          Setelah kemarin anda berkenalan dengan javascript,dan dapat sedikit gambaran tentang javascript sekarang saat nya kita mengenal sedikit lebih dekat tentang javascript dan beberapa kehebatan di dalamnya,Untuk Anda yang sudah terbiasa dengan bahasa scripting menuliskan script dari javascript ini tidak akan terlalu menyulitkan anda seperti yang sudah saya jelaskan sebelumnya javascript dapat kita sisip kan di bagian head atau pun body.
          Untuk Memberi tahu browser akan penggunaan script javascript(selanjutnyadi singkat js),kita memerlukan tag <script type="text/javascript> Ini akan memberi tahu browser bahwa setelah tag itu ada penggunaan script yang berupa text yaitu script js. dan untuk memberi tahu browser akan akhir dari script tersebut kita perlu menutupnya dengan tag </script> seperti syarat mutlak dalam penulisan tag dalam HTML.
          Mari kita lihat beberapa kode di bawah ini:





Atau anda juga dapat menyisipkannya di dalam tag body seperti ini




Mungkin anda akan bertanya-tanya,mana yang terbaik??.menyimpannya di dalam tag head atau di dalam tag body jika anda menginginkan javascript ini bekerja setelah browser selesai loading dan javascript yang anda sisipkan merupakan pengaturan untuk sebuah halaman yang menyangkut,grafis,stylesheet,video dan sebagainya.sebaiknya anda menggunakannya
di dalam tag head.
Jika anda di haruskan menuliskan script js ini dengan sangat panjang dan terdiri dari beribu-ribu baris misalnya dan anda akan menggunakannya di beberapa tempat berbeda,atau dengan alasan keamanan,karena anda tidak ingin orang tahu script yang anda tulis karena khawatir akan pembajakan,karena seperti yang kita ketahui bersama perlu ide yang briliant untuk dapat menuliskan sebuah script,anda dapat menaruh script js anda di tempat lain yang lebih aman,dan anda bisa memanggil nya di tempat manapun yang anda inginkan tanpa harus menulis ulang semua script js.
Untuk melakukan hal ini,anda harus memberi tahu browser letak dari file js anda di simpan caranya lihat dalam kode html dasar di bawah ini




Jika anda merupakan seorang depelover template misalnya,dan ada beberapa template yang menggunakan JS yang sama,ini merupakan sebuah keuntungan,karena selain menghemat waktu karena anda tidak harus menulis ulang script anda,anda juga dapat mencegah pembajakan script anda,karena orang tidak akan tahu isi dari script tersebut yang otomatis mereka tidak akan tahu fungsi dari js yang anda tulis,anda bahkan bisa membangun sebuah system keamanan dari template yang anda sebarluaskan sehingga anda akan mengetahui setiap perubahan yang di buat yang tidak anda izinkan,dan bahkan mencegah hal itu dapat di lakukan dengan Script yang anda buat ini,
jika anda menaruh script anda di tempat dengan keamanan yang lebih tinggi bahkan pembajakan atau penghapusan beberapa attribut bisa di cegah..

Baca terusannya di postingan selanjutnya...

Rabu, 30 Juli 2014

Mengenal javascript part 1


Javascript adalah sebuah bahasa script yang disisipkan pada kode HTML dan di proses disisi klien,
Kemampuan dari dokumen html pun menjadi luas dan mengagumkan,dengan adanya javascript dokumen HTML dapat di proses sesuai kebutuhan sebelum di kirim ke server,sebuah javascript dapat memvalidasi masukkan data-data dalam formulir sebelum data tersebut dikirim ke server,javascript juga dapat membuat tampilan atau template lebih responsive dan melakukannya dengan dengan baik,
javascript dan java adalah dua buah bahasa yang sama sekali berbeda,jadi bila selama ini anda menyangka kalau javascript dan java adalah sebuah bahasa yang sama sepertinya anda harus kecewa,sebelumnya juga saya sempat berfikir kalau java dan javascript adalah dua bahasa yang sama,tapi setelah saya pelajari ternyata terdapat perbedaan walau pun logika yang di gunakan dalam sintax agak sedikit mirip,jika anda telah menguasai dan terbiasa dengan bahasa pemrograman java,saya rasa anda akan sangat mudah untuk untuk mempelajari javascript ini,sama seperti java penulisan pada java script adalah Case Sensitive,Camel dan camel adalah dua hal yang berbeda one dan One adalah hal yang berbeda,jadi besar kecil nya sebuah huruf akan di interpretasikan berbeda oleh javascript.
Sama seperti java,javascript merupakan sebuah OOP(Object Oriented Program),yaitu sebuah bahasa pemrograman yang berorientasi dengan object,berbeda dengan bahasa pemrograman modular yang kode akan di proses dari awal sampai akhir,dalam sebuah OOP kode dapat diproses dari objek mana saja yang anda inginkan.berbeda dengan bahasa modula,algoritma dalam OOP akan terlihat abstrak.
Pendeklarasian variable dalam java script juga sedikit berbeda dengan java,jika dalam java kita harus detail dalam mendeklarasikan sebuah variable,menjadi String,Integer,Double dan sebagainya,maka dalam java script,penulisan variable dalam javascript
tidak memerlukan hal itu.
Sebagai sebuah OOP maka penulisan property dalam javascript kurang lebih akan seperti ini.

NamaObjek.namaProperti=nilai;
widows.defaultStatus="Learn javascript";


"property adalah sebuah atribut dari objek,sebagai contoh jika objek adalah sebuah mobil maka dia akan mempunyai property warna,jenis,dan sebagainya.dan sebagai OOP dalam sebuah objek mobil maka akan ada objek ban,objek pintu,objek spion dsb."


Metode yang di tulis dalam javascript juga sedikit mirip dengan java,yaitu seperti ini

namaObjek.namaMetode(parameter)
document.write("Hello world")

"metode adalah suatu kumpulan script/kode yang di gunakan untuk memberi tindakan/perintah terhadap objek"

Penulisan javascript dalam HTML biasa di simpan di dalam tag <head> sebenarnya java script juga bisa di simpan atau di sisip kan dalam body,tapi hal ini jarang sekali di lakukan,untuk menyisipkan kode javascript dalam sebuah dokumen HTML kita akan membutuhkan tag
<script type="text/javascript> dan di tutup dengan tag </script> contoh:

<!Doctype HTML>
<html>
<head>
<title>javascript</title>
</head>
<body>
<script type="text/javascript">
<!--
window.alert("hello world");
//-->
</script>
</body>
</html>

"tag <!--...........//--> adalah tag komentar dalam html,tag ini di sisipkan umumnya untuk tujuan munculnya kodedalam jendela browser ketika browser tidak mengenali kode javascript tersebut,dan kode javascript tersebut akan di anggap komentar dan tidak akan di tampilkan dalam jendela browser,kan gak lucu juga jika tiba-tiba keluar kode di halamanwebsite kita :D"
         Berbeda dengan PHP yang memang adalah sebuah bahasa script yang server side,dan akan di proses dan di aplikasikan setelah melewati server dan php parser,maka javascript sebagai bahasa client side akan di proses disisi klien/user dalam browser,sehingga akan menghemat kuota anda :D.

Untuk contoh-contoh penulisan javascript,akan saya bahas dalam postingan berikutnya insya allah.

*note:"tinggalkan kometar jika ada kesalahan dalam materi yang saya sampaikan"
trima kasih.