Tampilkan postingan dengan label ajax. Tampilkan semua postingan

Ebook untuk belajar web programming lengkap

Terlepas dari kesibukan saya di dunia kerja kali ini saya akan membagikan beberapa ebook untuk belajar pemrograman web. Menjadi devloper website sangat mengasikan dan untuk memulainya anda bisa mempelajari dari ebook-ebook dibawah ini

1. ebook HTML
HTML kepanjangan dari Hyper Text Markup Language HTML merupakan bahasa pemrograman web yang paling dasar yang harus dikuasai jika anda ingin menjadi pemrogramer web
Download ebook Mastering kode HTML disini

2. ebook CSS
CSS adalah kepanjangan dari Cascading Style Sheet. dengan CSS anda bisa membuat style gaya apapun di website
Download ebook CSS Tutorial disini

3. ebook Javascript
Javascript merupakan bahasa pemrograman yang paling banyak diminati. website tanpa javascript rasanya hambar
Unduh Ebook Latihan Javascript disini

4. ebook PHP
PHP (Hyper Text Preprocessor) Adalah bahasa pemrograman web yang bekerja disisi server (back end) yang paling banyak digunakan di seluruh dunia
Download ebook PHP dasar Tutorial disini

5. ebook jquery
jquery adlah library javascript yang siap pakai. dengan jquery menulis kode javascript menjadi lebih pendek sesuai dengan semboyan nya write less do more
download ebook jquery id disini

6. ebook Code Ingniter
CodeIgniter merupakan framework PHP. dengan code igniter penulisan kode PHP akan lebih seragam karena berkonsep MVC (model view controller)
Download Modul Pelatihan CI disini

7. ebook AJAX
berikut ini ada beberapa ebook tentang AJAX
Download ebook tutorial ajax disini
Read More

Belajar AJAX dengan JQUERY


jika menggunakan jquery kita akan lebih mudah dalam penulisan kodenya dibanding dengan javascript asli. jika teman-teman belum familiar ajax, ajax adalah singkatan dari assyncronous javascript and xml jika anda suka bermain facebook saat kita mengklik tombol like kita tidak perlu me reload halaman secara utuh, perubahannya akan terjadi secara langsung karena ajax bekerja dibelakang layar. ajax akan me reload file yang dibutuhkan saja tidak semua halaman di reload.

jika menggunakan ajax dengan jquery tentu yang teman-teman butuhkan adalah file jquery nya. program dibawah akan menjalankan fungsinya setelah semua halaman berhasil di load. Jika menggunakan jquery kita bisa menggunakan tiga metode yaitu metode load, metode get dan pos, dan metode ajax.


yang pertama metode load parameter yang wajib yaitu url nya dimana file kita akan disimpan. selain parameter yang wajib ada parameter yang optional misalnya data, status, xhr, callback. di program ini kita console.log yang bisa anda lihat di inspeksi elemen -> console jika filenya berhasil di load maka di console anda bisa melihat kata berhasil dan statusnya 200 yang artinya file berhasil di load namun misalnya filenya tidak ada maka di konsole anda akan melihat kata tidak berhasil dan stautusnya 404 file not found

<!DOCTYPE html>
<html lang="en">
<head>
<title>JQUERY AJAX</title>
<meta charset="utf-8">
<script src="jquery.js"></script>
</head>
<body>
<h2>JQUERY AJAX metode load</h2>
<div></div>
<button id="tombol">Klik di Sini!</button>
<script>
$(document).ready(function(){
$('#tombol').click(function(){
// load -> container.load(url)
$('div').load('index2.html')
});

});

</script>
</body>
</html>

yang kedua dengan metode post dan get, post biasanya dipakai untuk mengirim data dan get dipakai untuk mengambil data program ini jika tombol diklik maka akan merequest file tertentu cara menggunakanya post dan get penulisanya sama $.get atau $.post dan parameternya url disini kita menggunakan test.php
jadi di program ini kita mengambil data dari file test.php dan menyimpanya di div kosong

// Metode get
<!DOCTYPE html>
<html lang="en">
<head>
<title>JQUERY AJAX</title>
<meta charset="utf-8">
<script src="jquery.js"></script>
</head>
<body>
<h2>JQUERY AJAX metode get</h2>
<div></div>
<button id="tombol">Klik di Sini!</button>
<script>
$(document).ready(function(){
$('#tombol').click(function(){
//parameter wajib->url
//data, function(status, data, xhr), dataType
$.get('test.php',
{'nama':'Hilman'}
).done(function(data){
$('div').html(data);
});
});

});

</script>
</body>
</html>

//metode Post
<!DOCTYPE html>
<html lang="en">
<head>
<title>JQUERY AJAX</title>
<meta charset="utf-8">
<script src="jquery.js"></script>
</head>
<body>
<h2>JQUERY AJAX metode post</h2>
<div></div>
<button id="tombol">Klik di Sini!</button>
<script>
$(document).ready(function(){
$('#tombol').click(function(){
//parameter wajib->url
//data, function(status, data, xhr), dataType
$.post('test.php',
{'nama':'Hilman'}
).done(function(data){
$('div').html(data);
});
});

});

</script>
</body>
</html>

dan yang ketiga adalah metode ajax dengan metode ajax tidak jauh berbeda dengan kedua metode sebelumnya tapi dengan metode ajax sangat banyak parameter yang bisa kita gunakan jika temen - temen mau melihat daftar parameter yang bisa digunakan dengan metode ajax bisa dilihat di w3schools.com disitu ada async, jsonp, username, password, timeout dan masih banyak lagi tapi kita tidak usah menggunakan
semua parameter yang ada hanya parameter yang kita butuhkan yang akan kita gunakan

<!DOCTYPE html>
<html lang="en">
<head>
<title>JQUERY AJAX</title>
<meta charset="utf-8">
<script src="jquery.js"></script>
</head>
<body>
<h2>JQUERY AJAX metode ajax</h2>
<div></div>
<button id="tombol">Klik di Sini!</button>
<script>
$(document).ready(function(){
$('#tombol').click(function(){
//parameter wajib->url
//data, function(status, data, xhr), dataType
$.ajax({
method : "POST",
url : "test.php",
data : { nama: "Hilman" }
}).done(function(data2){
$('div').html(data2);
});
});
});
</script>
</body>
</html>

dan ini isi dari file test.php nya:

<?php
if($_POST['nama']){
$test = $_POST['nama'];
}else{
$test= 'nama belum diterima';
}
echo $test;
?>

Ok itulah cara menggunakan AJAX dengan JQUERY semoga bermanfaat
Read More

Aplikasi File Manager menggunakan PHP dan jQuery


Selamat siang bertemu lagi dengan saya kali ini saya akan membagikan aplikasi file sistem menggunakan php dan jquery. Aplikasi ini mirip dengan cpanel dengan aplikasi ini anda bisa membuat file baru, mengedit, menyimpan dan menghapus berkas/folder. Aplikasi ini saya dapatkan dari vasplus programming blog dan sekarang saya akan bagikan lagi.

Fitur-fiturnya:
- bisa membuat file baru / folder baru
- bisa upload file
- dapat mengenali berbagai jenis type file (seperti .jpg, .doc, .pdf, .xls dll)
- bisa memindahkan file
- bisa mencopy file
- bisa meng compress file
- dan bisa menghapus file


Download Disini | Download Server 2

ok semoga bermanfaat.
Read More

Aplikasi Search Engine Sederhana menggunakan PHP dan AJAX


Selamat malam guys kali ini saya akan membagikan aplikasi search engine sederhana. Aplikasi ini saya dapatkan dari tutorial web design yang telah saya modif.

Fitur-fiturnya antara lain:
- bisa dijadikan search engine localhost, jika anda mempunyai banyak folder projek di htdocs maka tinggal daftarkan folder tersebut agar terindeks oleh sistem giviews search engine ini. jadi sekarang anda tidak perlu lagi mengetikan alamat yang panjang seperti http://localhost/projek tinggal buka giviews search lalu ketikan nama projek
- proses pencarian cepat karena menggunakan ajax, begitu anda tekan enter hasil pencarian pun akan muncul seketika
- tersedia menu untuk menambahkan situs baru


Ok jika anda tertarik aplikasi giviews search bisa anda download disini
Aplikasi giviews seach ini bisa anda kembangkan lagi menjadi aplikasi search engine yang besar seperti google
Read More
Langganan: Postingan ( Atom )