jQuery Install

jQuery Install

Menambahkan jQuery untuk Halaman Web Anda

Untuk menggunakan jQuery, Anda perlu men-download jQuery library (dijelaskan di bawah), dan menyertakannya pada halaman yang ingin menggunakannya.

jQuery library  adalah file JavaScript tunggal, dan Anda referensikan dengan menggunakan tag HTML <script>:

<head> <script src="jquery.js"></script> </head>

 

Perhatikan bahwa tag <script> harus berada di dalam bagian <head> halaman.

Apakah Anda bertanya-tanya mengapa kita tidak mengetikkan = "text / javascript" di dalam tag <script>?

Hal ini tidak diperlukan dalam HTML5. JavaScript adalah bahasa scripting standar HTML5 dan di semua browser modern!

Contoh jQuery Dasar

Contoh berikut menunjukkan hide jQuery () metode.

Ketika pengguna mengklik tombol, semua elemen <p> akan disembunyikan:

<!DOCTYPE html> <html> <head> <script src="jquery.js"></script> <script> $(document).ready(function(){   $("button").click(function(){     $("p").hide();   }); }); </script> </head> <body> <h2>Ini adalah Heading</h2> <p>Ini adalah paragraf.</p> <p>Ini adalah paragraph yang lain</p> <button>Klick Saya</button> </body> </html>

 

Men-download jQuery

Ada dua versi dari jQuery tersedia untuk download:

     * Versi Produksi - ini adalah untuk situs Anda karena telah minified dan dikompresi
     * Versi Pengembangan - ini adalah untuk pengujian dan pengembangan (kode tidak terkompresi dan bisa dibaca)

Kedua versi dapat didownload dari jQuery.com.

Tip: Tempatkan file download di direktori yang sama seperti halaman di mana Anda ingin menggunakannya.

Alternatif untuk Men-Download

Jika Anda tidak ingin men-download dari jQuery.com, Anda dapat memasukkannya dari CDN (Content Delivery Network).

Baik Google dan Microsoft jQuery host.

Untuk menggunakan jQuery dari Google atau Microsoft, gunakan salah satu cara berikut:

Google CDN : <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head>

 

Dapatkan versi terbaru dengan Google CDN:

Jika Anda melihat URL Google di atas - versi jQuery ditentukan dalam URL (1.8.0). Jika Anda ingin menggunakan versi terbaru dari jQuery, Anda dapat menghapus nomor versi akhir dari  string (misalnya 1.8), maka Google akan mengembalikan versi terbaru yang tersedia dalam seri 1.8 (1.8.0, 1.8. 1, dll), atau Anda dapat mengambil itu ke seluruh nomor (1), dan Google akan kembali versi terbaru yang tersedia di seri 1 (dari 1.1.0 ke 1.9.9).

 

Microsoft CDN : <head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>

 

Salah satu keuntungan besar dari menggunakan jQuery host dari Google atau Microsoft:

Banyak pengguna telah men-download jQuery dari Google atau Microsoft. hasilnya, akan disimpan di cache ketika mereka mengunjungi situs Anda, yang menyebabkan waktu loading lebih cepat. Juga, CDN sebagian besar akan memastikan bahwa sekali permintaan penggunaan file itu, maka akan dilayani dari server terdekat mereka, yang juga menyebabkan waktu loading lebih cepat.

 

Artikel Sebelumnya .....

Artikel Selanjutnya .....

AJAX Tutorial

AJAX Tutorial

AJAX = Asynchronous JavaScript dan XML.

AJAX bukanlah bahasa pemrograman baru, tetapi sebuah cara baru untuk menggunakan standar yang ada.

AJAX adalah seni bertukar data dengan server, dan memperbarui bagian-bagian dari suatu halaman web - tanpa reload seluruh halaman.

AJAX Pendahuluan

AJAX adalah tentang memperbarui bagian-bagian dari suatu halaman web, tanpa reload seluruh halaman.

Apa yang Anda Sudah Harus Ketahui

Sebelum melanjutkan, anda harus memiliki pemahaman dasar sebagai berikut:

     * HTML / XHTML
     * CSS
     * JavaScript / DOM


Apa AJAX?

AJAX = Asynchronous JavaScript dan XML.

AJAX adalah teknik untuk membuat halaman web yang cepat dan dinamis.

AJAX memungkinkan halaman web yang akan diperbarui asynchronously dengan bertukar sejumlah kecil data dengan server di belakang layar. Ini berarti bahwa adalah mungkin untuk memperbarui bagian-bagian dari suatu halaman web, tanpa reload seluruh halaman.

Halaman web klasik, (yang tidak menggunakan AJAX) harus reload seluruh halaman jika konten harus berubah.

Contoh aplikasi yang menggunakan AJAX: Google Maps, Gmail, Youtube, dan tab Facebook.

Bagaimana AJAX Bekerja

AJAX Berdasarkan Standar Internet

AJAX didasarkan pada standar internet, dan menggunakan kombinasi:

     * XMLHttpRequest object (untuk pertukaran data asynchronous dengan server)
     * JavaScript / DOM (untuk menampilkan / berinteraksi dengan informasi)
     * CSS (style data)
     * XML (sering digunakan sebagai format untuk mentransfer data)

AJAX aplikasi browser dan platform-independent!
Google Suggest

AJAX dibuat populer pada tahun 2005 oleh Google, dengan Google Suggest.

Google Suggest menggunakan AJAX untuk membuat antarmuka web yang sangat dinamis: Ketika Anda mulai mengetik di kotak pencarian Google, sebuah JavaScript mengirimkan ke server dan server mengembalikan sebuah daftar saran.
Mulai Menggunakan AJAX Hari

AJAX didasarkan pada standar yang ada. Standar-standar ini telah digunakan oleh pengembang selama beberapa tahun. Baca bab berikutnya untuk melihat cara kerjanya!

jQuery Tutorial

jQuery Tutorial

jQuery adalah JavaScript Library.

jQuery sangat menyederhanakan pemrograman JavaScript.

jQuery mudah dipelajari.

jQuery Pendahuluan

Tujuan dari jQuery adalah untuk membuat lebih mudah menggunakan JavaScript pada website Anda.
Apa yang Harus Anda Sudah Ketahui

Sebelum Anda mulai mempelajari jQuery, Anda harus memiliki pengetahuan dasar dari:

     * HTML
     * CSS
     * JavaScript

Apa jQuery?

jQuery adalah lebih ringan, "sedikit menulis, berbuat lebih banyak", JavaScript library.

Tujuan dari jQuery adalah untuk membuat lebih mudah untuk menggunakan JavaScript pada website Anda.

jQuery membutuhkan banyak tugas umum yang membutuhkan banyak baris kode JavaScript untuk menyelesaikan, dan membungkus menjadi metode yang dapat Anda hubungi dengan satu baris kode.

jQuery juga menyederhanakan banyak hal-hal rumit dari JavaScript, seperti  AJAX dan manipulasi DOM.

jQuery Library berisi beberapa fitur berikut:

     * Manipulasi HTML / DOM
     * Manipulasi CSS
    *  HTML Event Methods
     * Efek dan animasi
     * AJAX
     * Utilitas

Tip: Selain itu, jQuery memiliki plugin untuk hampir semua tugas di luar sana.

Mengapa jQuery?

Ada banyak JavaScript Framework lain di luar sana, tapi jQuery tampaknya menjadi yang paling populer, dan juga yang paling berkembang luas.

Banyak perusahaan besar yang menggunakan jQuery, seperti:

     * Google
     * Microsoft
     * IBM
     * Netflix

Akankah JQuery bekerja di semua browser?

Tim jQuery tahu semua tentang isu lintas-browser, dan mereka telah menulis pengetahuan ini ke jQuery library. jQuery akan berjalan persis sama di semua browser utama, termasuk Internet Explorer 6!...

Artikel Selanjutnya .....

PHP 5 Tutorial

PHP Tutorial

PHP adalah alat yang ampuh untuk membuat halaman Web dinamis dan interaktif.

PHP adalah alternatif yang banyak digunakan, gratis, dan efisien untuk pesaing seperti Microsoft ASP.

Dalam tutorial PHP kami Anda akan belajar tentang PHP, dan bagaimana mengeksekusi script pada server Anda.

PHP Pendahuluan

PHP adalah bahasa scripting server-side.

Apa yang Anda Sudah Harus Ketahui

Sebelum melanjutkan, anda harus memiliki pemahaman dasar sebagai berikut:

     * HTML / XHTML
     * JavaScript

Apa itu PHP?

     * PHP adalah singkatan dari PHP: Hypertext Preprocessor
     * PHP adalah server-side scripting language, seperti ASP
     * PHP script dieksekusi di server
     * PHP mendukung banyak database (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, dll)
     * PHP adalah sebuah perangkat lunak open source
     * PHP adalah gratis untuk men-download dan digunakan
Apa yang dimaksud dengan file PHP?

     * PHP file dapat berisi teks, tag HTML dan script
     * PHP file dikembalikan ke browser sebagai HTML biasa
     * PHP file memiliki ekstensi file dari ". php", "php3.", Atau ". phtml"

Apa itu MySQL?

     * MySQL adalah database server
     * MySQL sangat ideal untuk aplikasi kecil dan besar
     * MySQL mendukung standar SQL
     * MySQL mengkompilasi pada sejumlah platform
     * MySQL gratis untuk di download dan digunakan
PHP + MySQL

     * PHP dikombinasikan dengan MySQL adalah cross-platform (Anda dapat mengembangkan di Windows dan pada platform Unix)
Mengapa PHP?

     * PHP berjalan pada platform yang berbeda (Windows, Linux, Unix, dll)
     * PHP kompatibel dengan hampir semua server yang digunakan saat ini (Apache, IIS, dll)
     * PHP adalah gratis untuk men-download dari sumber daya PHP resmi: www.php.net
     * PHP mudah dipelajari dan berjalan efisien pada sisi server
Darimana di  Mulai?

Untuk mendapatkan akses ke server web dengan dukungan PHP, Anda harus:

     * Instal Apache (atau IIS) di server Anda sendiri, menginstal PHP, dan MySQL
     * Atau menggunakan web hosting dengan dukungan PHP dan MySQL

Artikel Selanjutnya .....

JavaScript Tutorial

JavaScript Tutorial

JavaScript adalah bahasa scripting dari Web.

JavaScript digunakan dalam miliaran halaman Web untuk menambahkan fungsionalitas, memvalidasi form, berkomunikasi dengan server, dan banyak lagi.

JavaScript mudah dipelajari. Anda akan menikmatinya.

JavaScript Pendahuluan

JavaScript adalah bahasa scripting yang paling populer di dunia. Ini adalah bahasa standar web, dan banyak digunakan di server, desktop, dan ponsel.

Apa yang Anda Sudah Harus Anda Ketahui

Sebelum Anda melanjutkan, Anda harus memiliki pemahaman dasar berikut:

     * HTML dan CSS

JavaScript adalah Bahasa Scripting

Sebuah bahasa scripting adalah bahasa pemrograman ringan yang mendukung penulisan skrip.

JavaScript dirancang untuk menambah interaktivitas halaman HTML.

JavaScript kode pemrograman yang dapat dimasukkan ke dalam halaman HTML yang akan dijalankan oleh browser web.

Desainer HTML banyak yang tidak programmer, tapi JavaScript adalah bahasa dengan sintaks yang sangat sederhana. Hampir setiap orang dapat menempatkan "potongan" kecil  dari kode JavaScript ke halaman HTML.

JavaScript vs Java

JavaScript dan Java adalah dua bahasa yang sama sekali berbeda, baik dalam konsep dan desain.

Java (dikembangkan oleh Sun Microsystems) adalah bahasa pemrograman yang lebih kompleks dalam kategori yang sama seperti C dan C + +.

JavaScript = ECMAScript

ECMA-262 adalah nama resmi dari standar JavaScript.

JavaScript diciptakan oleh Brendan Eich di Netscape, dan muncul untuk pertama kalinya di Netscape Navigator (web browser tidak lagi ada) in1995.

Standar JavaScript diadopsi oleh standar industri asosiasi ECMA pada tahun 1997.

Pengembangan standar (ECMAScript-262) adalah suatu proses yang berkelanjutan.

Artikel Selanjutnya .....

HTML 5 Format Teks

HTML Line Breaks

HTML Line Breaks (Baris Baru)

Gunakan tag <br /> jika Anda ingin membuat baris baru tanpa memulai paragraf baru:

<!DOCTYPE html> <html> <body> <p>Ini adalah<br />paragra paragraf<br />dengan line breaks</p> </body> </html>

Tag <br /> merupakan elemen HTML yang kosong. Ia tidak memiliki tag akhir.
<br> atau <br />

Dalam XHTML dan XML, elemen tanpa tag akhir (tag penutup) tidak diperbolehkan.

Kedua <br> dan <br /> bekerja di semua browser HTML, tetapi untuk aplikasi XHTML dan XML Anda harus menggunakan <br  />.

HTML Output - Tips Berguna

Anda tidak bisa memastikan bagaimana HTML akan ditampilkan. Layar besar atau kecil, dan ukuran jendelanya akan menciptakan hasil yang berbeda.

Dengan HTML, Anda tidak dapat mengubah output dengan menambahkan spasi ekstra atau baris ekstra dalam kode HTML Anda.

Browser akan menghapus spasi ekstra dan garis ekstra saat halaman ditampilkan. Setiap jumlah baris dihitung sebagai satu baris, dan sejumlah ruang dihitung sebagai satu spasi.

<!DOCTYPE html> <html> <body> <p>     My Bonnie lies over the ocean.     My Bonnie lies over the sea.     My Bonnie lies over the ocean.     Oh, bring back my Bonnie to me. </p> <p>Note that your browser ignores the layout!</p> </body> </html>

Artikel Sebelumnya .....
Artikel Selanjutnya .....