membuat hello world

377 views

Published on

Tugas Bahasa Pemrograman

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
377
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

membuat hello world

  1. 1. Cita Maya Maulani 1200316 Kurikulum Teknologi Pendidikan Konsentrasi guru TIK 2013
  2. 2.  jQuery adalah sebuah pustaka Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuery dirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah.
  3. 3.  Karena Jquery merupakan kumpulan kode javascript yang siap pakai, maka fungsi dari Jquery tersebut adalah untuk mempermudah dan mempercepat pekerjaan kita untuk membuat kode javascript. Secara standar, apabila kita menggunakan kode javascript cukup panjang atau sulit dipahami. Lalu peran jQuery sebagai Javascript Library, dimana kita bisa langsung memanggil fungsi yang terdapat di dalam Library tersebut.  Kesimpulanya : jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya ‘Write less, do more ‘
  4. 4.  Untuk membuat tulisan hello world menggunakan jquery mobile, perangkat yang digunakan yaitu : Text editor : notepad, notepad++, bluefish, css
  5. 5.  <!DOCTYPE html>  <html>  <head>  <title>Hello World</title>  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>  <script>  $(document).ready(function(){  });  });  </script>  </head>  <body>  <p id="text1"> Hello World </p>  </body>  </html>
  6. 6.  <html>  Tag Awal HTML : ini merupakan awalan sebuah halaman html  <head> Tag HEAD : pada bagian ini biasanya hanya menampilkan Title dari sebuah halaman web, dan script (javascript, jquery)  <title>Hello World</title>  Tag Title : untuk menampilkan title dari website yang muncul diTab pada browser
  7. 7.  <script src="http://ajax.googleapis.com/ajax/libs/j query/1.10.2/jquery.min.js"></script>  Ini adalah Library Jquery  <script> Tag SCRIPT : ini digunakan untuk code-code javascript atau jquery  $(document).ready(function(){  Membuat fungsi dalam jquery dan akan dibuat setelah halaman website siap  </script>  Tag Penutup SCRIPT  </head>  Tag Penutup HEAD
  8. 8.  <body>  Tag BODY : dibagian ini adalah element-element yang nanti muncul dihalaman sebuah website  p id="text1">Hello World</p>  Element Text yang nantinya akan muncul dihalaman website  </body> Tag Penutup BODY  </html>  Tag Penutup HTML
  9. 9. Setelah selesai mengerjakan, simpan data dengan format html file
  10. 10. Selamat mencoba !

×