Membuat Hello World dengan Jquery Mobile

 Pengertian Jquery Mobile  Jquery Mobile adalah salah satu framework javascript yang digunakan dalam development platform untuk versu mobile...

 Pengertian Jquery Mobile 

Jquery Mobile adalah salah satu framework javascript yang digunakan dalam development platform untuk versu mobile. Sehingga Jquery mobile sangat bermanfaat dalam pembuatan web application berbasis mobile. 

Hal yang digunakan dalam pembuatan Jquery mobile harus dapat menguasai atau mempelajari HTML, CSS dan Jquery, karena tagline dari Jquery adalah menulis sedikit, berbuat lebih banyak.


Membuat Hello World dengan Jquery Mobile

1. Buka Text Editor yang kalian punya seperti Notepad ++ yang saya gunakan.



2. Load Liblary Jquery Mobile dengan kodingan seperti dibawah ini.

<!-- Include meta tag to ensure proper rendering and touch zooming -->

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Include jQuery Mobile stylesheets -->

  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

  <!-- Include the jQuery library -->

  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

  <!-- Include the jQuery Mobile library -->

  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

Baru kita ketikkan script – script Jquery mobile nya, dan kita wajib memberikan data-role=”page” id=”pageone” yang menandakan dia ada didalam satu page.

3. Baru kita berikan content di dalam nya, teman – teman ikuti seperti script di bawah ini ya

!DOCTYPE html>
<html>
<head>
  <!-- Include meta tag to ensure proper rendering and touch zooming -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Include jQuery Mobile stylesheets -->
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <!-- Include the jQuery library -->
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <!-- Include the jQuery Mobile library -->
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
      <h1>Header</h1>
  </div>

  <div data-role="main" class="ui-content">
      <p>Welcome World ! </p>
  </div>

  <div data-role="footer">
      <h1>Footer</h1>
  </div>
</div> 

</body>
</html>




Kemudian save dengan nama index.html dan jalankan pada browser nya maka akan tampil seperti gambar di bawah ini.


Segitu saja dalam Pembahasan Pembuatan Hello World pada Jquery Mobile.

COMMENTS

Nama

Bisnis,3,Hiburan,34,Olahraga,1,Teknologi,29,
ltr
item
Portal Trending: Membuat Hello World dengan Jquery Mobile
Membuat Hello World dengan Jquery Mobile
https://1.bp.blogspot.com/-O6lsH30Cpb0/X4pjuFmliLI/AAAAAAAABJI/pY0idTYGGR0Aimc7x09AuOWOZDtgUn1xQCLcBGAsYHQ/s320/Screenshot_9.png
https://1.bp.blogspot.com/-O6lsH30Cpb0/X4pjuFmliLI/AAAAAAAABJI/pY0idTYGGR0Aimc7x09AuOWOZDtgUn1xQCLcBGAsYHQ/s72-c/Screenshot_9.png
Portal Trending
https://www.portaltrending.com/2020/10/membuat-hello-world-dengan-jquery-mobile.html
https://www.portaltrending.com/
https://www.portaltrending.com/
https://www.portaltrending.com/2020/10/membuat-hello-world-dengan-jquery-mobile.html
true
6948771718050155073
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content