{"id":1040,"date":"2020-04-07T14:01:43","date_gmt":"2020-04-07T11:01:43","guid":{"rendered":"http:\/\/hilmibilici.com\/blog\/?p=1040"},"modified":"2020-04-07T14:01:43","modified_gmt":"2020-04-07T11:01:43","slug":"bolum-3-frameworkler-ders-5-ionic","status":"publish","type":"post","link":"http:\/\/hilmibilici.com\/?p=1040","title":{"rendered":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic"},"content":{"rendered":"<h3 class=\"course-item-title question-title\">Ionic<\/h3>\n<div class=\"content-item-description lesson-description\">\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-858\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/ionic-framework-og.png\" sizes=\"(max-width: 1200px) 100vw, 1200px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/ionic-framework-og.png 1200w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/ionic-framework-og-300x158.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/ionic-framework-og-768x403.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/ionic-framework-og-1024x538.png 1024w\" alt=\"\" width=\"1200\" height=\"630\" \/><\/p>\n<p>Ionic, mobil uygulamalar geli\u015ftirmek i\u00e7in HTML5 tabanl\u0131 haz\u0131rlanm\u0131\u015f a\u00e7\u0131k kaynak kodlu ve u\u00e7 kullan\u0131c\u0131lar i\u00e7in haz\u0131rlanm\u0131\u015f bir frameworkt\u00fcr.<\/p>\n<p><!--more--><\/p>\n<p>\u0130ki farkl\u0131 kurulumu vard\u0131r.<\/p>\n<ul>\n<li>Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n:<\/li>\n<\/ul>\n<p>npm install -g ionic<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-859\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/54.png\" sizes=\"(max-width: 671px) 100vw, 671px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/54.png 671w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/54-300x38.png 300w\" alt=\"\" width=\"671\" height=\"85\" \/><\/p>\n<p>\u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma<\/p>\n<ul>\n<li>Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7 \u200b\u200byapmak i\u00e7in bo\u015f olan\u0131 kullanarak bir \u0130yon Uygulamas\u0131 olu\u015fturun:<\/li>\n<\/ul>\n<p>ionic start myApp tabs<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-860\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/55.png\" sizes=\"(max-width: 674px) 100vw, 674px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/55.png 674w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/55-300x163.png 300w\" alt=\"\" width=\"674\" height=\"367\" \/><\/p>\n<p>\u015eekil 55: Uygulama klas\u00f6r\u00fc y\u00fckleme<\/p>\n<ul>\n<li><strong>Uygulama klas\u00f6r\u00fcne girme ve taray\u0131c\u0131dan \u00e7al\u0131\u015ft\u0131rma:<\/strong><\/li>\n<\/ul>\n<p>cd myApp<\/p>\n<p>ionic serve<\/p>\n<p>Ger\u00e7ek zamanl\u0131 g\u00fcncellemeler ve daha fazlas\u0131\u00a0i\u00e7in kodu Ionic\u00a0Appflow\u2019a getirin:<\/p>\n<p>git push ionic master<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-861\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/56.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/56.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/56-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/56-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/56-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/56-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736739\"><\/a>\u015eekil 56: Ionic Serve<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-862\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/57.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/57.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/57-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/57-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/57-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/57-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736740\"><\/a>\u015eekil 57: Taray\u0131c\u0131 \u00fczerinde \u00e7al\u0131\u015fan hali<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-863\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/58.png\" sizes=\"(max-width: 675px) 100vw, 675px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/58.png 675w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/58-300x217.png 300w\" alt=\"\" width=\"675\" height=\"488\" \/><\/p>\n<p><a name=\"_Toc1736741\"><\/a>\u015eekil 58:Ionic Ki\u015fisel Uygulamalar\u0131m ekran\u0131<\/p>\n<p>Tasar\u0131m ara y\u00fcz\u00fc ile de \u00e7al\u0131\u015fabilirsiniz:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-864\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/59.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/59.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/59-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/59-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/59-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/59-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736742\"><\/a>\u015eekil 59: tasar\u0131m ara y\u00fcz\u00fc<\/p>\n<p><strong>Yeni Proje olu\u015fturma Ekran\u0131:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-865\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/60.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/60.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/60-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/60-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/60-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/60-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736743\"><\/a>\u015eekil 60: Yeni proje ekran\u0131<\/p>\n<p><strong>Ionic Creator Ekran\u0131:<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-866\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/61.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/61.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/61-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/61-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/61-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/61-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736744\"><\/a>\u015eekil 61: \u00c7al\u0131\u015fma Ekran\u0131<\/p>\n<p><strong>Ionic Kullan\u0131m\u0131 Art\u0131lar\u0131:<\/strong><\/p>\n<ul>\n<li>Ionic angular.js ile phonegap i\u00e7in haz\u0131rlanm\u0131\u015f bir framework oldu\u011fu i\u00e7in en b\u00fcy\u00fck art\u0131lar\u0131ndan birisi kodu bir sefer yazman\u0131za ra\u011fmen otomatik olarak android ve ios tasar\u0131m d\u00fczenlerine bu tasar\u0131m\u0131 uyarlan\u0131r.<\/li>\n<li>Kodlar\u0131 HTML\/CSS\/JS ile yaz\u0131ld\u0131\u011f\u0131 i\u00e7in uygulamalar\u0131 test ederken emulator kullanmak yerine taray\u0131c\u0131 (browser) \u00fcst\u00fcnde test etmesidir.<\/li>\n<li>Uygulama yapmak \u00e7ok h\u0131zl\u0131 ve kolayd\u0131r.<\/li>\n<\/ul>\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>Ionic Ionic, mobil uygulamalar geli\u015ftirmek i\u00e7in HTML5 tabanl\u0131 haz\u0131rlanm\u0131\u015f a\u00e7\u0131k kaynak kodlu ve u\u00e7 kullan\u0131c\u0131lar i\u00e7in haz\u0131rlanm\u0131\u015f bir frameworkt\u00fcr.<\/p>\n","protected":false},"author":1,"featured_media":83425,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[42],"tags":[53,202,232,234,235,236,237,305,312],"class_list":["post-1040","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobprog","tag-2020-mobil-programlama","tag-frameworkler","tag-ionic","tag-ionic-creator","tag-ionic-framework","tag-ionic-kurulumu","tag-ionic-serve","tag-mobil-programlama-framewrok","tag-mobil-yazilim"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts\/1040","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=1040"}],"version-history":[{"count":0,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts\/1040\/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=1040"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1040"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}