Selintas Tentang JavaScrip & JQuery

Pengenalan JQuery  

JQuery adalah salah satu library atau frameworkJavascript yang memungkinkan untuk membuat program web pada suatu halaman web, tanpa harus secara eksplisit menambahkan event atau aksi atau pun properti pada halaman web tersebut. Kemudahan menggunakanframework javascript ini karena banyaknya plugin aplikasi yang siap jadi atau siap digunakan. Plugin berupa fungsi-fungsi atau fitur tambahan yang digabungkan ke dalam JQuery, untuk mempercepat atau memudahkan dalam pembangunan sebuah website. JQuery merupakan library javascript yang membuat mudah bekerja dengan Document Object Model (DOM) untuk halaman web. JQuery bukanlah pengganti javascript, tapi merupakan library javascript, yang memberikan fungsi lebih dimana tidak tersedia pada pemrograman tradisional javascript.JQuery di desain untuk mudah di buat, di manipulasi ataupun di hapus terhadap elemen elemen nya. Manipulasi bisa mengandung animasi, efek CSS, pengubah ukuran / skala dan sebagainya.>JQuery di desain untuk mudah di buat, di manipulasi ataupun di hapus terhadap elemen elemen nya. Manipulasi bisa mengandung animasi, efek CSS, pengubah ukuran / skala dan sebagainya.Dengan menggunakan jQuery kita dapat mudah membangun sebuah website dengan cepat. Kita dapat membuat halaman website seperti program desktop menggunakan event handling, maksudnya gini, ketika kita mengklik sebuah tombol atau link maka akan langsung terdapat respon atas apa yang kita klik. Pada website umumnya yang tidak menggunakan jQuery atau javascript, ketika kita klik salah satu link atau tombol, maka akan beralih ke halaman baru untuk respon dari hasil yang kita klik. Jika kita menggunakan jQuery hasil dari yang kita klik akan langsung mendapat respon. Contoh sederhananya gini, misalkan kita membuat sebuah halaman website untuk menampilkan calculator. Nah ketika melakukan perhitungan pada calculator di halaman website tersebut, jika? menggunakan jQuery maka hasil dari perhitungan akan langsung ditampilkan di halaman itu juga, tapi? jika kita membuat halaman website dengan cara biasa tanpa jQuery atau javascript biasanya hasil dari perhitungan akan ditampilkan dihalaman berikutnya. Selain itu, kita dapat mempercantik? website dengan memberikan animasi pada setiap komponen website serta juga dapat? menambahkan theme bawaan dari jQuery.http://rendi-idner.blogspot.com/2010/05/pengenalan-jquery.htmlDengan menggunakan jQuery kita dapat mudah membangun sebuah website dengan cepat. Kita dapat membuat halaman website seperti program desktop menggunakan event handling, maksudnya gini, ketika kita mengklik sebuah tombol atau link maka akan langsung terdapat respon atas apa yang kita klik. Pada website umumnya yang tidak menggunakan jQuery atau javascript, ketika kita klik salah satu link atau tombol, maka akan beralih ke halaman baru untuk respon dari hasil yang kita klik. Jika kita menggunakan jQuery hasil dari yang kita klik akan langsung mendapat respon. Contoh sederhananya gini, misalkan kita membuat sebuah halaman website untuk menampilkan calculator. Nah ketika melakukan perhitungan pada calculator di halaman website tersebut, jika? menggunakan jQuery maka hasil dari perhitungan akan langsung ditampilkan di halaman itu juga, tapi? jika kita membuat halaman website dengan cara biasa tanpa jQuery atau javascript biasanya hasil dari perhitungan akan ditampilkan dihalaman berikutnya. Selain itu, kita dapat mempercantik? website dengan memberikan animasi pada setiap komponen website serta juga dapat? menambahkan theme bawaan dari jQuery.http://rendi-idner.blogspot.com/2010/05/pengenalan-jquery.htmlDengan menggunakan jQuery kita dapat mudah membangun sebuah website dengan cepat. Kita dapat membuat halaman website seperti program desktop menggunakan event handling, maksudnya gini, ketika kita mengklik sebuah tombol atau link maka akan langsung terdapat respon atas apa yang kita klik. Pada website umumnya yang tidak menggunakan jQuery atau javascript, ketika kita klik salah satu link atau tombol, maka akan beralih ke halaman baru untuk respon dari hasil yang kita klik. Jika kita menggunakan jQuery hasil dari yang kita klik akan langsung mendapat respon. Contoh sederhananya gini, misalkan kita membuat sebuah halaman website untuk menampilkan calculator. Nah ketika melakukan perhitungan pada calculator di halaman website tersebut, jika? menggunakan jQuery maka hasil dari perhitungan akan langsung ditampilkan di halaman itu juga, tapi? jika kita membuat halaman website dengan cara biasa tanpa jQuery atau javascript biasanya hasil dari perhitungan akan ditampilkan dihalaman berikutnya. Selain itu, kita dapat mempercantik? website dengan memberikan animasi pada setiap komponen website serta juga dapat? menambahkan theme bawaan dari jQuery.
Kelebihan dan Kekurangan Javascript
Kelebihan Javascript 1. Ukuran file kecil Script dari javascript memiliki ukuran yang kecil sehingga ketika web yang memiliki javascript ditampilkan di browser maka akses tampilannya akan lebih cepat dibandingkan ketika browser membuka suatu web yang memiliki script java. Hal ini juga sangat berkepentingan dengan daya kerja server. Semakin kecil space suatu web yang disimpan dalam suatu server maka daya kerja server ketika di browsing oleh user di internet akan tidak terlalu berat, selain itu sifat javascript client side yang tidak perlu lagi di olah oleh server ketika browser memanggil web dari sebuah server.2. Mudah untuk dipelajari Javascript merupakan bahasa semi pemograman yang merupakan gabungan antara bahasa pemograman java dengan bahasa kode HTML sehingga disebut bahasa hybrid. Walaupun javascript merupakan turunan dari java namun javascript tidak memiliki aturan yang serumit java.3. Terbuka Javascript tidak terikat oleh hardware maupun software tertentu bahkan system operasi seperti windows maupun unix. Karena ia bersifat terbuka, maka ia dapat dibuat maupun di baca di semua jenis komputer.Kekurangan Javascript 1. Script tidak terenkripsi Karena javascript bersifat client side, maka script yang kita buat di text editor dan telah dijadikan web di server, ketika user merequest web dari server tersebut maka sintak javascript akan langsung ditampilkan di browser. User bisa melihat dan menirunya dari sourcenya. 2. Kemampuan terbatas Walaupun javascript mampu membuat bentuk web menjadi interaktif dan dinamis, namun javascript tidak mampu membuat program aplikasi sendiri seperti java.3. Keterbatasan Objek Javascript tidak mampu membuat kelaskelas yang bisa menampung objekobjek tambahan seperti java karena javascript teleh memiliki objek yang builtin pada sturktur bahasanya.
Contoh JavaScriptPublished : 23:51 Author : "Sebuah Inpiration Dalam Seni"
A. Metode Penulisan Internal Untuk meletakan script JavaScript dalam file html dapat dilakukan dengan mempergunakan tag <script> dengan memberikan typenya sebagai “text/javascript” . tag <script> tersebut dapat diletakan dibagian head maupun body file HTML. Berikut contoh penempatan script javascript dalam file HTML,Code :<html><head><title>Contoh JavaScript – Introduction (By. CobaLihatSaja.com)</title></head><body><script type=”text/javascript”>document.write(“Contoh JavaScript – Introduction (By. CobaLihatSaja.com)”);</script></body></html>Hasil :









B. Metode Penulisan ExternalSelain dapat secara langsung dituliskan dalam file html, javascript juga dapat ditempatkan difile yang berbeda dengan menyimpanya sebagai javascript file (extensi .js). Metode ini sangat disarankan untuk dipergunakan karena akan membuat pemrograman/pembangunan website akan lebih mudah dan terstruktur, selain itu script yang kita buat akan dapat dipergunakan oleh wepage lainnya (reuseable). Ok, berikut ini contoh untuk membuat external javascript,a. Buat File JavaScriptBuka text editor anda, buat file baru dan simpan sebagai : CobaLihatSaja.js, setelah itu masukan code dibawah ini :Code :document.write(“<h1>Contoh JavaScript – Introduction</h1>”);document.write(“<p>(By. CobaLihatSaja.com)</p>”);b. Buat File HTMLBuatlah file HTML dimana anda akan mempergunakan javascript tersebut. Masukan code seperti dibawah ini :Code :<html><head><title>Contoh JavaScript – Introduction (By. CobaLihatSaja.com)</title><script type=”text/javascript” src=”CobaLihatSaja.js”></script></head><body></body></html>Hasil : Seperti anda lihat hasil dari code yang telah kita buat, pertama kita membuat file javascript yang berisi perintah untuk menampilkan header (baris 1) dan sebuah paragraf (baris 2). Setelah itu kita memanggil file javascript yang telah kita buat melalui file HTML dengan bantuan tag <script> yang telah disesuaikan. http://kumpulanmateriku.wordpress.com/2011/04/03/javascript/Sintaks JavaScriptPublished : 23:46 "Sebuah Inpiration Dalam Seni"Apa sintaks JavaScript artinya? Sintaks JavaScript mengacu pada seperangkat aturan yang menentukan bagaimana bahasa akan ditulis (oleh programmer) dan ditafsirkan (oleh browser).Sintaks JavaScript longgar didasarkan pada sintaks Java. Java adalah lingkungan pemrograman penuh sesak nafas dan JavaScript dapat dilihat sebagai seperangkat sub-dari sintaks Java. Setelah mengatakan hal ini, di situlah akhir kesamaan - Java dan JavaScript adalah dua hal yang sama sekali berbeda.Dalam belajar JavaScript Anda akan menjadi akrab dengan istilah-istilah seperti variabel, fungsi, pernyataan, operator, jenis data, obyek dsbIni akan memakan sebagian dari tutorial ini untuk menunjukkan sintaks JavaScript lengkap. Untuk saat ini, saya akan memberikan intro cepat dengan menunjukkan Anda contoh dan penjelasan.Contoh kodeKode Hasil<script type="text/javascript"> <- document.write ("JavaScript tidak Jawa");! -> </ script>[Tampilkan kode di jendela pop-up] JavaScript tidak JavaContoh di atas adalah bagaimana Anda menulis teks ke halaman web menggunakan JavaScript.Penjelasan kode    
      Tag <script> memberitahu browser untuk mengharapkan script di antara mereka. Anda menetapkan bahasa menggunakan jenis atribut. Bahasa scripting yang paling populer di web adalah JavaScript.
                Bit yang terlihat seperti tag komentar HTML (<---->) hanya itu - HTML tag komentar. Ini adalah opsional tapi dianjurkan. Mereka mengatakan browser yang tidak mendukung JavaScript (atau dengan cacat JavaScript) untuk mengabaikan kode di antara. Hal ini mencegah kode dari yang ditulis ke pengguna website Anda.
                Bagian yang menulis teks sebenarnya hanya 1 baris (document.write ("JavaScript tidak Jawa") ;). Ini adalah bagaimana Anda menulis teks ke halaman web dalam JavaScript. Ini adalah contoh penggunaan fungsi JavaScript (juga dikenal sebagai metode).Dimana untuk menempatkan script Anda?Anda dapat menempatkan script Anda di salah satu lokasi berikut: 
        Antara tag kepala dokumen HTML.
                Dalam tubuh dokumen HTML (yaitu antara tag badan).
                Dalam sebuah file eksternal (dan link dari dokumen HTML Anda).http://www.quackit.com/javascript/tutorial/javascript_syntax.cfmIMPLEMENTASI JAVASCRIPT DALAMPEMBANGUNAN PERMAINAN KOMPUTERTENTANG TEBAK ANGKAPublished : 23:39 "Sebuah Inpiration Dalam Seni"kata kunci : gameAbstraksi :Permainan komputer tentang tebak angka ini merupakan suatu permainan yangberbasiskan web secara offline (tidak terhubung dengan internet) dan hanyadapat dimainkan oleh satu orang. Pembuatan permainan ini meliputi beberapaelemen seperti gambar, suara, dan gambar animasi dengan format gif.Obyek-obyek gambar diolah menggunakan perangkat lunak Adobe PhotoshopCS2 dan dalam menggabungkan semua elemen itu termasuk skrip dariJavaScript menggunakan perangkat lunak Macromedia Dreamweaver MX.Karena permainan ini berbasis JavaScript, maka agar permainan ini dapatberjalan dengan sempurna, komputer yang digunakan harus memiliki browserminimal Internet Explorer 4.0 atau Netscape Navigator 4. Tujuan dari penulisanilmiah ini adalah agar permainan ini dapat berguna bagi orang-orang yang inginmembuat suatu permainan dengan menggunakan JavaScript.http://www.gunadarma.ac.idPengenalan Dasar : Apa itu JavaScript?Published :         
                                               Sejak pertengahan 1990-an, JavaScript telah menjadi bagian dari pengembangan web, kala itu Netscape memperkenalkan versi ke 2 dari browser Netscape Navigator miliknya.Java merupakan Object Oriented Programming (OOP) language diperkenalkan oleh James Gosling dari Sun Microsystems. JavaScript diperkenalkan oleh Netscape. JavaScript merupakan sepupu jauhnya Java. JavaScript juga berbasiskan OOP. Struktur pemrograman keduanya hampir sama.Menambah JavaScript ke dalam dokumen HTML sangatlah mudah, yang perlu dilakukan adalah dengan memasukkan kode JavaScript dalam blok pembuka dan penutup <script>. Contoh:Tag ‘script’ memiliki satu atribut yang penting: language. Atribut ini berguna untuk menentukan bahasa scripting apa yang digunakan. Biasanya, nilainya adalah JavaScript atau JavaScript1.0, JavaScript1.1, JavaScript1.2, dan lain-lain. Dengan menentukan angka versi dari JavaScript yang digunakan, kita memberitahu browser bahwa script ini hanya bisa berjalan di browser yang mendukung versi dari JavaScript yang kita tentukan. Tanpa itu, setiap browser yang mendukung JavaScript akan mencoba untuk menjalankan script tersebut.Contoh, berikut adalah penggalan lengkap JavaScript :Untuk memasukkan suatu script JavaScript ke dalam dokumen HTML cukup mudah, kita tinggal menaruh kode JavaScript di posisi mana saja, bisa di antara tag head, di antara tag body, maupun di bawah tag body penutup.Kode di atas berfungsi untuk menampilkan tulisan ‘hai’ ke dalam halaman web. Jika kode di atas disimpan dengan format .HTML kemudian dijalankan lewat browser, maka akan tampil kata ‘hai’ dalam halaman tersebut. (Google syntax highlighter belum di update, sehingga tulisan hai muncul setelah tag script penutup. 
 ) )Seperti kebanyakan bahasa pemrograman lainnya, JavaScript juga mendukung penulisan variabel. Variabel bisa berarti tempat penyimpanan, tempat di mana kita bisa menyimpan data dan juga mengambil data hanya dengan menyebutkan nama lokasi tempat penyimpanannya.Untuk mendeklarasikan suatu variabel, cukup menggunakan perintah var :var variabelPertama;var variabelKedua;VariabelPertama dan variabelKedua sudah dideklarasikan, tetapi kita belum memasukkan nilai apapun ke dalam kedua variabel tersebut. Untuk memasukkan suatu nilai ke dalam variabel variabelPertama dan variabelKedua, gunakan sintaks kode berikut:variabelPertama = “Selamat pagi”;variabelKedua = “budi”;Untuk menggabungkan string dalam VariabelPertama dengan VariabelKedua, kita gunakan tanda PLUS (+) :Hasilnya : Selamat pagi budiPerhatikan pada kode di atas: tanda <!– dan tanda // –> digunakan untuk menyembunyikan script JavaScript kita. Pada browser yang tidak mendukung penggunaan JavaScript, script tersebut di atas tidak akan dieksekusi. Sehingga seringkali kita akan menggunakan <noscript> untuk memberitahu user, bahwa browser yang digunakan tidak mendukung JavaScript atau dukungan JavaScript tidak diaktifkan.
Sintaks JavaScript Apa sintaks JavaScript artinya? Sintaks JavaScript mengacu pada seperangkat aturan yang menentukan bagaimana bahasa akan ditulis (oleh programmer) dan ditafsirkan (oleh browser).Sintaks JavaScript longgar didasarkan pada sintaks Java. Java adalah lingkungan pemrograman penuh sesak nafas dan JavaScript dapat dilihat sebagai seperangkat sub-dari sintaks Java. Setelah mengatakan hal ini, di situlah akhir kesamaan - Java dan JavaScript adalah dua hal yang sama sekali berbeda.Dalam belajar JavaScript Anda akan menjadi akrab dengan istilah-istilah seperti variabel, fungsi, pernyataan, operator, jenis data, obyek dsbIni akan memakan sebagian dari tutorial ini untuk menunjukkan sintaks JavaScript lengkap. Untuk saat ini, saya akan memberikan intro cepat dengan menunjukkan Anda contoh dan penjelasan.Contoh kodeKode Hasil<script type="text/javascript"> <- document.write ("JavaScript tidak Jawa");! -> </ script>[Tampilkan kode di jendela pop-up] JavaScript tidak JavaContoh di atas adalah bagaimana Anda menulis teks ke halaman web menggunakan JavaScript.Penjelasan kode

    
    Tag <script> memberitahu browser untuk mengharapkan script di antara mereka. Anda menetapkan bahasa menggunakan jenis atribut. Bahasa scripting yang paling populer di web adalah JavaScript.
        Bit yang terlihat seperti tag komentar HTML (<---->) hanya itu - HTML tag komentar. Ini adalah opsional tapi dianjurkan. Mereka mengatakan browser yang tidak mendukung JavaScript (atau dengan cacat JavaScript) untuk mengabaikan kode di antara. Hal ini mencegah kode dari yang ditulis ke pengguna website Anda.
        Bagian yang menulis teks sebenarnya hanya 1 baris (document.write ("JavaScript tidak Jawa") ;). Ini adalah bagaimana Anda menulis teks ke halaman web dalam JavaScript. Ini adalah contoh penggunaan fungsi JavaScript (juga dikenal sebagai metode).Dimana untuk menempatkan script Anda?Anda dapat menempatkan script Anda di salah satu lokasi berikut:

    
    Antara tag kepala dokumen HTML.
        Dalam tubuh dokumen HTML (yaitu antara tag badan).
        Dalam sebuah file eksternal (dan link dari dokumen HTML Anda).http://www.quackit.com/javascript/tutorial/javascript_syntax.cfm Demikian dulu untuk awal dari pengenalan JavaScript yang paling dasar. Harapan saya semoga teman2 bisa mengikuti dan memahami.  http://www.idfreelance.net/pemrograman/pengenalan-dasar-apa-itu-javascript/