{"id":1057,"date":"2020-04-07T14:42:06","date_gmt":"2020-04-07T11:42:06","guid":{"rendered":"http:\/\/hilmibilici.com\/blog\/?p=1057"},"modified":"2020-04-07T14:42:06","modified_gmt":"2020-04-07T11:42:06","slug":"bolum-3-frameworkler-ders-10-jquerymobile","status":"publish","type":"post","link":"http:\/\/hilmibilici.com\/?p=1057","title":{"rendered":"B\u00f6l\u00fcm 3 (Frameworkler) Ders-10: jQueryMobile"},"content":{"rendered":"<div class=\"content-item-summary\">\n<div class=\"content-item-description lesson-description\">\n<h3 class=\"course-item-title question-title\">jQueryMobile<\/h3>\n<div class=\"content-item-description lesson-description\">\n<p>2010 y\u0131l\u0131nda piyasaya s\u00fcr\u00fclen dokunmatik ekran odakl\u0131 jquery\u00a0tak\u0131m\u0131n\u0131n\u00a0mobil platformlar i\u00e7in geli\u015ftirdi\u011fi\u00a0HTML 5, CSS kullanan bir javascript\u00a0framework\u2019\u00fcd\u00fcr.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-897\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/80.png\" sizes=\"(max-width: 380px) 100vw, 380px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/80.png 380w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/80-150x150.png 150w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/80-300x298.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/80-186x185.png 186w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/80-60x60.png 60w\" alt=\"\" width=\"380\" height=\"377\" \/><\/p>\n<p><a name=\"_Toc1736757\"><\/a>\u015eekil 80: jQuery<\/p>\n<p>jQuery Mobile, PhoneGap, Worklight ve di\u011fer mobil \u00e7er\u00e7evelerle uyumludur.<\/p>\n<p><!--more--><\/p>\n<p><strong>JQuery Mobile Nas\u0131l Kullan\u0131l\u0131r?<\/strong><\/p>\n<p>JQuery Mobile \u2018\u0131 kullanmak i\u00e7in bilgisayar\u0131n\u0131za hi\u00e7 bir \u015fey kurman\u0131za ve depolaman\u0131za gerek yoktur. \u00a0Birer js ve CSS dosyas\u0131 olan k\u00fct\u00fcphaneleri ba\u011flayarak hemen kullanmaya ba\u015flan\u0131labilir.\u00a0 Bu dosyalar\u0131 kendi bilgisayar\u0131n\u0131zda da saklay\u0131p referans g\u00f6stermek sureti ile de bu m\u00fcmk\u00fcnd\u00fcr.\u00a0<a href=\"http:\/\/jquerymobile.com\/download\/\">http:\/\/jquerymobile.com\/download\/<\/a>\u00a0linkini t\u0131klad\u0131\u011f\u0131n\u0131zda, JQuery Mobile\u2019\u0131 kullanmak i\u00e7in\u00a0 size bir \u00e7ok se\u00e7enek sunar.<\/p>\n<p>Burada 3 temel dosyan\u0131n kullan\u0131lmas\u0131 gerekti\u011fi a\u00e7\u0131kt\u0131r. Bunlar birincisi uzant\u0131lar\u0131 .js olan JQuery, ikincisi uzant\u0131s\u0131 JQuery.Mobile ve \u00fc\u00e7\u00fcnc\u00fcs\u00fc uzant\u0131s\u0131 .css\u00a0 olan JQuery.Mobile\u2019d\u0131r. \u0130fadelerin sonunda yaz\u0131lan say\u0131lar ise hangi s\u00fcr\u00fcm olduklar\u0131n\u0131 g\u00f6sterir.<\/p>\n<p><strong>JQuery Mobile kullanmak i\u00e7in be\u015f neden<\/strong><\/p>\n<ul>\n<li>Geni\u015f taray\u0131c\u0131 ve cihaz kapsam\u0131\u00a0\u2013 a\u015famal\u0131 geli\u015fmeler sayesinde web siteniz \u00e7ok say\u0131da taray\u0131c\u0131da ve cihazda g\u00f6r\u00fclebilir.<\/li>\n<li>Dokunmatik giri\u015f deste\u011fine sahip formlar ve kullan\u0131c\u0131 arabirimi widget\u2019lar\u0131\u00a0\u2013 form giri\u015fi i\u00e7in dokunmatik deste\u011fi, dokunmatik giri\u015fli bir dizi kullan\u0131c\u0131 arabirimi widget\u2019\u0131 ekleyerek art\u0131rabilirsiniz.<\/li>\n<li>Haz\u0131r yan\u0131t veren web tasar\u0131m\u0131\u00a0\u2013 jQuery Mobile, duyarl\u0131 web tasar\u0131m \u00f6rnekleri sunan bir \u00e7er\u00e7evedir.<\/li>\n<li>Taray\u0131c\u0131 ve tema \u015fablonlar\u0131\u00a0kolayca geni\u015fletilebilir ve kolayca de\u011fi\u015ftirilebilir.<\/li>\n<li>Ajax\u00a0\u00e7a\u011fr\u0131 cihaz\u0131\u00a0navigasyon modeli\u00a0\u2013 tam sayfa yenileme yerine pushstate Ajax ve HTML5 kullanarak yeni sayfalar\u0131 daha h\u0131zl\u0131 y\u00fckleyin.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-898\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/81.jpg\" sizes=\"(max-width: 414px) 100vw, 414px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/81.jpg 414w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/81-274x300.jpg 274w\" alt=\"\" width=\"414\" height=\"454\" \/><\/p>\n<p><a name=\"_Toc1736758\"><\/a>\u015eekil 81:Nesneler<\/p>\n<p>Gerekli betikleri ba\u011flama:<\/p>\n<blockquote><p>\u2039link href=\u201dhttp:\/\/code.jquery.com\/mobile\/latest\/jquery.mobile.min.css\u201d rel=\u201dstylesheet\u201d type=\u201dtext\/css\u201d \/\u203a<br \/>\n\u2039script type=\u201dtext\/javascript\u201d src=\u201dhttp:\/\/code.jquery.com\/jquery.min.js\u201d\u203a\u2039\/script\u203a<br \/>\n\u2039script type=\u201dtext\/javascript\u201d src=\u201dhttp:\/\/code.jquery.com\/mobile\/latest\/jquery.mobile.min.js\u201d\u203a\u2039\/script\u203a<\/p><\/blockquote>\n<p>Sayfa i\u00e7i kodlama:<\/p>\n<blockquote><p>\u2039div data-role=\u201dpage\u201d id=\u201dmain_page\u201d data-theme=\u201db\u201d\u203a<\/p>\n<p>\u2039div data-role=\u201dheader\u201d \u203a<br \/>\n\u2039h1 id=\u201dtwi_acc\u201d\u203aAna Sayfa\u2039\/h1\u203a<br \/>\n\u2039a href=\u201d#settings\u201d data-icon=\u201dgear\u201d class=\u201dui-btn-right\u201d\u203aAyarlar\u2039\/a\u203a<\/p>\n<p>\u2039\/div\u203a<br \/>\n\u2039div data-role=\u201dcontent\u201d \u203a<br \/>\n\u2039ul data-role=\u201dlistview\u201d\u203a<\/p>\n<p>\u2039li\u203a\u2039a href=\u201d#twi-page\u201d\u203a\u00d6rnekler\u2039\/a\u203a\u2039\/li\u203a<br \/>\n\u2039li\u203a\u2039a href=\u201d#map-page\u201d\u203a\u0130leti\u015fim\u2039\/a\u203a\u2039\/li\u203a<br \/>\n\u2039li\u203a\u2039a href=\u201d#search-page\u201d\u203aArama\u2039\/a\u203a\u2039\/li\u203a<br \/>\n\u2039li\u203a\u2039a href=\u201d#about-page\u201d\u203aHakk\u0131mda\u2039\/a\u203a\u2039\/li\u203a<br \/>\n\u2039\/ul\u203a<br \/>\n\u2039\/div\u203a<br \/>\n\u2039div data-role=\u201dfooter\u201d\u203a<br \/>\n\u2039h2\u203a\u00a9 Hilmi Bilici, 2020\u2039\/h2\u203a<br \/>\n\u2039\/div\u203a<br \/>\n\u2039\/div\u203a<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-899\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/82.jpg\" sizes=\"(max-width: 383px) 100vw, 383px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/82.jpg 383w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/05\/82-300x210.jpg 300w\" alt=\"\" width=\"383\" height=\"268\" \/><\/p><\/blockquote>\n<p><a name=\"_Toc1736759\"><\/a>\u015eekil 82: \u00c7\u0131kt\u0131<\/p>\n<\/div>\n<\/div>\n<\/div>\n<blockquote><p>Bu ve devam edecek anlat\u0131mlar\u0131n tamam\u0131 ve s\u0131navlar<\/p>\n<p><a href=\"http:\/\/tez.hilmibilici.com\">tez.hilmibilici.com\u00a0<\/a><\/p>\n<p>alt domaininde yay\u0131ndad\u0131r. Tezimi payla\u015f\u0131ma a\u00e7\u0131yorum. Al\u0131n teridir, l\u00fctfen payla\u015f\u0131rken kaynak belirtmeyi unutmay\u0131n.<span style=\"font-size: 16px;\">\u00a0<\/span><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>jQueryMobile 2010 y\u0131l\u0131nda piyasaya s\u00fcr\u00fclen dokunmatik ekran odakl\u0131 jquery\u00a0tak\u0131m\u0131n\u0131n\u00a0mobil platformlar i\u00e7in geli\u015ftirdi\u011fi\u00a0HTML 5, CSS kullanan bir javascript\u00a0framework\u2019\u00fcd\u00fcr. \u015eekil 80: jQuery&#8230;<\/p>\n","protected":false},"author":1,"featured_media":83421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[42],"tags":[53,202,251,254,255,256,305,312],"class_list":["post-1057","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobprog","tag-2020-mobil-programlama","tag-frameworkler","tag-javascript-framework","tag-jquery-mobile-nasil-kullanilir","tag-jquerymobile","tag-jquerymobile-framework","tag-mobil-programlama-framewrok","tag-mobil-yazilim"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts\/1057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1057"}],"version-history":[{"count":0,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts\/1057\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/"}],"wp:attachment":[{"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1057"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}