Tutorial Belajar jQuery Mobile

Membangun Web Apps dengan jQuery Mobile Framework

Terima kasih saya sampaikan kepada Anda yang telah bersedia untuk berkunjung ke blog belajarjquerymobile. Blog ini mempelajari bagaimana membangun web apps ini dengan jQuery Mobile Framework dilakukan dengan cara pendekatan step by step melalui tutorial. Tutorial belajar jQuery Mobile ini disusun secara sistematis, mulai dari Pengenalan dan Tutorial jQuery Mobile Dasar, cara membuat List, cara membuat Form, cara membuat Themes, cara membuat Event serta disuguhkan beberapa contoh dan referensi project web apps dengan jQuery Mobile Framework.

Tutorial belajar jQuery Mobile ini disusun bagi Anda yang masih pemula dimana diasumsikan bahwa Anda telah mengenal dasar-dasar HTML, CSS dan Javascript, dan bagi Anda yang telah mahir di dalam bahasa pemrograman web, harapannya agar blog ini sebagai referensi dan memperkaya pengetahuan dalam membuat web apps mobile. 

Adapun TOC (table of content) tutorial ini meliputi: Memahami istilah-istilah pada jQuery Mobile seperti: Pages, Transitions, Buttons, Icons, Toolbars, Navbars, Panels, Collapsibles, Tables, Grids, List Views, List Contents, Filter items, jQuery Mobile Forms, jQuery Themes, jQuery Mobile Events. Memahami perintah-perintah yang ada pada framework jQuery Mobile. Anda dapat membuat web apps menggunakan framework jQuery Mobile.


Tutorial Pengenalan jQuery Mobile

  • Tutorial jQuery Mobile Part 6: Popup
  • Tutorial jQuery Mobile Part 7: Toolbar
  • Tutorial jQuery Mobile Part 8: Navbar
  • Tutorial jQuery Mobile Part 9: Panel
  • Tutorial jQuery Mobile Part 10: Collapsible
  • Tutorial jQuery Mobile Part 11: Tabel
  • Tutorial jQuery Mobile Part 12: Grid


Cara Membuat List pada jQuery Mobile


  • Tutorial jQuery Mobile Part 13: Cara Membuat List View
  • Tutorial jQuery Mobile Part 14: Cara Membuat List Content
  • Tutorial jQuery Mobile Part 15: Cara Membuat Filter Item

Cara Membuat Form pada jQuery Mobile


  • Tutorial jQuery Mobile Part 16: Cara Membuat Form Dasar 
  • Tutorial jQuery Mobile Part 17: Cara Membuat Form Select
  • Tutorial jQuery Mobile Part 18: Cara membuat Form Slider

Cara Membuat Themes pada jQuery Mobile


  • Tutorial jQuery Mobile Part 19: Cara membuat Themes

Event Pada jQuery Mobile


  • Tutorial jQuery Mobile Part 20: Cara Membuat Events
  • Tutorial jQuery Mobile Part 21: Cara Membuat Touch
  • Tutorial jQuery Mobile Part 22: Cara Membuat Scroll
  • Tutorial jQuery Mobile Part 23: Cara Membuat Orientation
  • Tutorial jQuery Mobile Part 24: Cara Membuat Page Events 

Contoh Pada jQuery Mobile


  • Contoh jQuery Mobile Part 1
  • Contoh jQuery Mobile Part 2

Referensi  


  • Referensi jQuery Mobile Part 1: CSS Classes pada jQuery Mobile
  • Referensi jQuey Mobile Part 2: Data Artibut pada jQuery Mobile
  • Referensi jQuery Mobile Part 3: Event pada jQuery Mobile

2 Responses to "Tutorial Belajar jQuery Mobile"

  1. Anonymous2:23 AM

    salam gan.. tutorial sangat membantu sekali bagi saya pemula. terima kasih agan...
    bila ada contact nya agan... kirim via email... grogol.gb@gmail.com

    ReplyDelete
  2. salam juga gan. selamat belajar JQuery Mobile

    ReplyDelete