{"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":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.1.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"HilmiBilici\"\/>\n\t<link rel=\"canonical\" href=\"http:\/\/hilmibilici.com\/?p=1040\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.1.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"tr_TR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Hilmi Bilici -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici\" \/>\n\t\t<meta property=\"og:description\" content=\"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7\" \/>\n\t\t<meta property=\"og:url\" content=\"http:\/\/hilmibilici.com\/?p=1040\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-04-07T11:01:43+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-04-07T11:01:43+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici\" \/>\n\t\t<meta name=\"twitter:description\" content=\"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#blogposting\",\"name\":\"B\\u00f6l\\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici\",\"headline\":\"B\\u00f6l\\u00fcm 3 (Frameworkler) Ders 5: Ionic\",\"author\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?author=1#author\"},\"publisher\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":83425},\"datePublished\":\"2020-04-07T14:01:43+03:00\",\"dateModified\":\"2020-04-07T14:01:43+03:00\",\"inLanguage\":\"tr-TR\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#webpage\"},\"isPartOf\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#webpage\"},\"articleSection\":\"Mobil Programlama, 2020 mobil programlama, FRAMEWORKLER, Ionic, Ionic Creator, Ionic framework, ionic kurulumu, Ionic Serve, mobil programlama framewrok, mobil yaz\\u0131l\\u0131m\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/hilmibilici.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?cat=42#listItem\",\"name\":\"Mobil Programlama\"}},{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?cat=42#listItem\",\"position\":2,\"name\":\"Mobil Programlama\",\"item\":\"http:\\\/\\\/hilmibilici.com\\\/?cat=42\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#listItem\",\"name\":\"B\\u00f6l\\u00fcm 3 (Frameworkler) Ders 5: Ionic\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#listItem\",\"position\":3,\"name\":\"B\\u00f6l\\u00fcm 3 (Frameworkler) Ders 5: Ionic\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?cat=42#listItem\",\"name\":\"Mobil Programlama\"}}]},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/#organization\",\"name\":\"Hilmi Bilici\",\"url\":\"http:\\\/\\\/hilmibilici.com\\\/\"},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?author=1#author\",\"url\":\"http:\\\/\\\/hilmibilici.com\\\/?author=1\",\"name\":\"HilmiBilici\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/42f85df819061ead133c638161457608e12db2505724c09935faa8ef68cf95ed?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"HilmiBilici\"}},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#webpage\",\"url\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040\",\"name\":\"B\\u00f6l\\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici\",\"description\":\"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. \\u0130ki farkl\\u0131 kurulumu vard\\u0131r. Komut Tabanl\\u0131 Ara y\\u00fcz (CLI ) Kurulumu i\\u00e7in Komut sat\\u0131r\\u0131na a\\u015fa\\u011f\\u0131daki kodu yaz\\u0131n: npm install -g ionic \\u015eekil 54: Ionic Komut tabanl\\u0131 Kurulumu Ba\\u015flatma Haz\\u0131r uygulama \\u015fablonlar\\u0131ndan birini veya yeni bir ba\\u015flang\\u0131\\u00e7\",\"inLanguage\":\"tr-TR\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#breadcrumblist\"},\"author\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?author=1#author\"},\"creator\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?author=1#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":83425,\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040\\\/#mainImage\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/?p=1040#mainImage\"},\"datePublished\":\"2020-04-07T14:01:43+03:00\",\"dateModified\":\"2020-04-07T14:01:43+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/#website\",\"url\":\"http:\\\/\\\/hilmibilici.com\\\/\",\"name\":\"Hilmi Bilici\",\"inLanguage\":\"tr-TR\",\"publisher\":{\"@id\":\"http:\\\/\\\/hilmibilici.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici","description":"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7","canonical_url":"http:\/\/hilmibilici.com\/?p=1040","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"http:\/\/hilmibilici.com\/?p=1040#blogposting","name":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici","headline":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic","author":{"@id":"http:\/\/hilmibilici.com\/?author=1#author"},"publisher":{"@id":"http:\/\/hilmibilici.com\/#organization"},"image":{"@type":"ImageObject","url":83425},"datePublished":"2020-04-07T14:01:43+03:00","dateModified":"2020-04-07T14:01:43+03:00","inLanguage":"tr-TR","mainEntityOfPage":{"@id":"http:\/\/hilmibilici.com\/?p=1040#webpage"},"isPartOf":{"@id":"http:\/\/hilmibilici.com\/?p=1040#webpage"},"articleSection":"Mobil Programlama, 2020 mobil programlama, FRAMEWORKLER, Ionic, Ionic Creator, Ionic framework, ionic kurulumu, Ionic Serve, mobil programlama framewrok, mobil yaz\u0131l\u0131m"},{"@type":"BreadcrumbList","@id":"http:\/\/hilmibilici.com\/?p=1040#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"http:\/\/hilmibilici.com#listItem","position":1,"name":"Home","item":"http:\/\/hilmibilici.com","nextItem":{"@type":"ListItem","@id":"http:\/\/hilmibilici.com\/?cat=42#listItem","name":"Mobil Programlama"}},{"@type":"ListItem","@id":"http:\/\/hilmibilici.com\/?cat=42#listItem","position":2,"name":"Mobil Programlama","item":"http:\/\/hilmibilici.com\/?cat=42","nextItem":{"@type":"ListItem","@id":"http:\/\/hilmibilici.com\/?p=1040#listItem","name":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic"},"previousItem":{"@type":"ListItem","@id":"http:\/\/hilmibilici.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"http:\/\/hilmibilici.com\/?p=1040#listItem","position":3,"name":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic","previousItem":{"@type":"ListItem","@id":"http:\/\/hilmibilici.com\/?cat=42#listItem","name":"Mobil Programlama"}}]},{"@type":"Organization","@id":"http:\/\/hilmibilici.com\/#organization","name":"Hilmi Bilici","url":"http:\/\/hilmibilici.com\/"},{"@type":"Person","@id":"http:\/\/hilmibilici.com\/?author=1#author","url":"http:\/\/hilmibilici.com\/?author=1","name":"HilmiBilici","image":{"@type":"ImageObject","@id":"http:\/\/hilmibilici.com\/?p=1040#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/42f85df819061ead133c638161457608e12db2505724c09935faa8ef68cf95ed?s=96&d=mm&r=g","width":96,"height":96,"caption":"HilmiBilici"}},{"@type":"WebPage","@id":"http:\/\/hilmibilici.com\/?p=1040#webpage","url":"http:\/\/hilmibilici.com\/?p=1040","name":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici","description":"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7","inLanguage":"tr-TR","isPartOf":{"@id":"http:\/\/hilmibilici.com\/#website"},"breadcrumb":{"@id":"http:\/\/hilmibilici.com\/?p=1040#breadcrumblist"},"author":{"@id":"http:\/\/hilmibilici.com\/?author=1#author"},"creator":{"@id":"http:\/\/hilmibilici.com\/?author=1#author"},"image":{"@type":"ImageObject","url":83425,"@id":"http:\/\/hilmibilici.com\/?p=1040\/#mainImage"},"primaryImageOfPage":{"@id":"http:\/\/hilmibilici.com\/?p=1040#mainImage"},"datePublished":"2020-04-07T14:01:43+03:00","dateModified":"2020-04-07T14:01:43+03:00"},{"@type":"WebSite","@id":"http:\/\/hilmibilici.com\/#website","url":"http:\/\/hilmibilici.com\/","name":"Hilmi Bilici","inLanguage":"tr-TR","publisher":{"@id":"http:\/\/hilmibilici.com\/#organization"}}]},"og:locale":"tr_TR","og:site_name":"Hilmi Bilici -","og:type":"article","og:title":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici","og:description":"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7","og:url":"http:\/\/hilmibilici.com\/?p=1040","article:published_time":"2020-04-07T11:01:43+00:00","article:modified_time":"2020-04-07T11:01:43+00:00","twitter:card":"summary_large_image","twitter:title":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic - Hilmi Bilici","twitter:description":"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. \u0130ki farkl\u0131 kurulumu vard\u0131r. Komut Tabanl\u0131 Ara y\u00fcz (CLI ) Kurulumu i\u00e7in Komut sat\u0131r\u0131na a\u015fa\u011f\u0131daki kodu yaz\u0131n: npm install -g ionic \u015eekil 54: Ionic Komut tabanl\u0131 Kurulumu Ba\u015flatma Haz\u0131r uygulama \u015fablonlar\u0131ndan birini veya yeni bir ba\u015flang\u0131\u00e7"},"aioseo_meta_data":{"post_id":"1040","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2024-11-29 09:10:02","updated":"2025-06-04 05:16:59","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"http:\/\/hilmibilici.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"http:\/\/hilmibilici.com\/?cat=42\" title=\"Mobil Programlama\">Mobil Programlama<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tB\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"http:\/\/hilmibilici.com"},{"label":"Mobil Programlama","link":"http:\/\/hilmibilici.com\/?cat=42"},{"label":"B\u00f6l\u00fcm 3 (Frameworkler) Ders 5: Ionic","link":"http:\/\/hilmibilici.com\/?p=1040"}],"_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: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}]}}