{"id":1026,"date":"2020-04-02T14:09:46","date_gmt":"2020-04-02T11:09:46","guid":{"rendered":"http:\/\/hilmibilici.com\/blog\/?p=1026"},"modified":"2020-04-02T14:09:46","modified_gmt":"2020-04-02T11:09:46","slug":"bolum-3-ders-1-frameworkler-1-nativescript","status":"publish","type":"post","link":"http:\/\/hilmibilici.com\/?p=1026","title":{"rendered":"B\u00f6l\u00fcm 3 (FRAMEWORKLER) Ders 1: NativeScript"},"content":{"rendered":"<h3 class=\"course-item-title question-title\">NativeScript<\/h3>\n<div class=\"content-item-description lesson-description\">\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-806\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/1.png\" sizes=\"(max-width: 600px) 100vw, 600px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/1.png 600w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/1-300x158.png 300w\" alt=\"\" width=\"600\" height=\"315\" \/><\/p>\n<p><a name=\"_Toc1736715\"><\/a>\u015eekil 21: NativeScript\u2019in resmi logosu<\/p>\n<p><strong>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/strong>Telerik firmas\u0131 taraf\u0131ndan geli\u015ftirilen javascript kullanarak Android, iOS ve Windows Universal\u00a0 platformlar\u0131 i\u00e7in native uygulamalar yaz\u0131lmas\u0131n\u0131 sa\u011flayan frameworkt\u00fcr.<\/p>\n<p>NativeScript uygulamalar\u0131, Javascript veya TypeScript gibi platformdan ba\u011f\u0131ms\u0131z dillerde geli\u015ftirilmi\u015ftir. NativeScript, AngularJS \u00e7er\u00e7evesi i\u00e7in tam destek sa\u011flar. NativeScript platformu ile haz\u0131rlanan mobil uygulamalar, Xcode veya Android Studio\u2019da d\u00fczenlenebildikleri gibi platform API\u2019lerine tam eri\u015fim sa\u011falayabilir. Geli\u015ftiriciler, uygulamalar\u0131na ba\u015fka katmanlar olu\u015fturmadan Cocoapods, Android Arsenal, Maven ve npm.js gibi kaynaklardan \u00fc\u00e7\u00fcnc\u00fc taraf k\u00fct\u00fcphaneleri de dahil edebilirler.<\/p>\n<p><!--more--><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-807\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/2.png\" sizes=\"(max-width: 1269px) 100vw, 1269px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/2.png 1269w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/2-300x150.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/2-768x385.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/2-1024x513.png 1024w\" alt=\"\" width=\"1269\" height=\"636\" \/><\/p>\n<p><a name=\"_Toc1736716\"><\/a>\u015eekil 22:NativeScript \u00e7al\u0131\u015fma mimarisi\u00a0<a href=\"http:\/\/tez.hilmibilici.com\/kurslar\/mobil-programlama-temelleri\/lessons\/nativescript\/#_ftn1\" name=\"_ftnref1\"><strong>[1]<\/strong><\/a><\/p>\n<p>Sadece Javascript kodlar\u0131 yazarak yerel (native) mobil uygulamalar geli\u015ftirile biliniyor. \u00dcstelik yaz\u0131lan uygulamalar\u0131 sadece Android ortam\u0131nda de\u011fil, ayn\u0131 zamanda iOS ve Windows Universal\u00a0 ortamlar\u0131nda da \u00e7al\u0131\u015ft\u0131rabiliyoruz. Yani tek kodla farkl\u0131 platform i\u00e7in de uygulama yaz\u0131lm\u0131\u015f oluyor.<\/p>\n<p>NativeScript gereksinimlerini y\u00fcklemek ve Windows\u2019ta NativeScript uygulamalar\u0131 olu\u015fturmaya ve \u00e7al\u0131\u015ft\u0131rmaya ba\u015flamak i\u00e7in ad\u0131m ad\u0131m kurulum a\u015famas\u0131:<\/p>\n<p><strong>NOT<\/strong>\u00a0: Windows sistemlerinde, Android uygulamalar\u0131 geli\u015ftirmek i\u00e7in yaln\u0131zca NativeScript CLI kullanabilirsiniz.\u00a0Bunun nedeni, NativeScript CLI\u2019n\u0131n, yaln\u0131zca macOS i\u015fletim sisteminde bulunan iOS uygulamalar\u0131n\u0131 olu\u015fturmak i\u00e7in Xcode kullanmas\u0131d\u0131r.\u00a0Windows\u2019ta iOS uygulamalar\u0131 olu\u015fturmakla ilgileniyorsan\u0131z,\u00a0NativeScript Sidekick\u2019i denemek isteyebilirsiniz.\u00a0NativeScript Sidekick, bulutta iOS ve Android s\u00fcr\u00fcmleri ger\u00e7ekle\u015ftiren, bu sistem gereksinimlerini tamamlama gereksinimini ortadan kald\u0131ran ve Windows\u2019ta iOS i\u00e7in olu\u015fturman\u0131za izin veren bir hizmet de dahil olmak \u00fczere NativeScript uygulamalar\u0131 i\u00e7in g\u00fc\u00e7l\u00fc ara\u00e7lar sunar.<\/p>\n<p><strong>NOT 2<\/strong>: Kurulum i\u00e7in Windows 7 Service Pack 1 veya \u00fcst\u00fc i\u015fletim sistemine sahip olman\u0131z gerekmektedir.<\/p>\n<h2>Kurulum ad\u0131mlar\u0131\u00a0<a href=\"http:\/\/tez.hilmibilici.com\/kurslar\/mobil-programlama-temelleri\/lessons\/nativescript\/#_ftn2\" name=\"_ftnref2\"><strong>[2]<\/strong><\/a><\/h2>\n<p>NativeScript\u2019i Windows makinenize ayarlamak i\u00e7in a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 izleyin:<\/p>\n<ol>\n<li>Gereksinimlerin kurulumunu ve yap\u0131land\u0131rmas\u0131n\u0131 kolayla\u015ft\u0131rmak i\u00e7in\u00a0Chocolatey\u2019i (\u00a0<a href=\"https:\/\/chocolatey.org\/install\">https:\/\/chocolatey.org\/install<\/a>\u00a0)\u00a0kurun.<\/li>\n<\/ol>\n<ol>\n<li>\n<ul>\n<li>Komut istemini Y\u00f6netici olarak \u00e7al\u0131\u015ft\u0131r\u0131n.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<ul>\n<li>A\u015fa\u011f\u0131daki beti\u011fi kopyalay\u0131p komut istemine yap\u0131\u015ft\u0131r\u0131n, kurulum ger\u00e7ekle\u015fecektir.<\/li>\n<\/ul>\n<p>@powershell -NoProfile -ExecutionPolicy unrestricted -Command \u201ciex ((new-object net.webclient).DownloadString(\u2018https:\/\/chocolatey.org\/install.ps1\u2019))\u201d &amp;&amp; SET PATH=%PATH%;%ALLUSERSPROFILE%\\chocolatey\\bin<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-808\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/3.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/3.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/3-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/3-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/3-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/3-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736717\"><\/a>\u015eekil 23: Chocolatey komut sat\u0131r\u0131nda kurulumu<\/p>\n<ol start=\"2\">\n<li>Google Chrome\u2019u\u00a0y\u00fckleyin\u00a0(NativeScript uygulamalar\u0131nda hata ay\u0131klamak i\u00e7in gereklidir). Komut isteminde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n:<br \/>\nchoco install googlechrome -y<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-810\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/4.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/4.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/4-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/4-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/4-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/4-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736718\"><\/a>\u015eekil 24: Komut sat\u0131r\u0131nda Google Chrome kurulumu<\/p>\n<ol start=\"3\">\n<li>Node.js LTS\u2019yi\u00a0y\u00fckleyin<\/li>\n<\/ol>\n<ul>\n<li>Komut isteminde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n.<\/li>\n<\/ul>\n<p>choco install nodejs-lts \u2013y<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-811\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/5.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/5.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/5-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/5-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/5-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/5-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736719\"><\/a>\u015eekil 25: Node.Js kurulumu<\/p>\n<ol start=\"4\">\n<li>JDK 8\u2019i\u00a0ayarlay\u0131n<\/li>\n<\/ol>\n<ul>\n<li>Komut isteminde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n.\n<ul>\n<li>choco install adoptopenjdk \u2013version 8.192<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-813\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/26.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/26.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/26-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/26-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/26-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/26-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736720\"><\/a>\u015eekil 26: JDK kurulumu<\/p>\n<ol start=\"5\">\n<li>Android SDK\u2019y\u0131\u00a0y\u00fckleyin.<\/li>\n<\/ol>\n<ul>\n<li>Komut isteminde a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n.<\/li>\n<\/ul>\n<p>choco install android-sdk -y<\/p>\n<p>Komut istemini yeniden ba\u015flat\u0131n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-814\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/27.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/27.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/27-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/27-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/27-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/27-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736721\"><\/a>\u015eekil 27: Android SDK Kurulumu<\/p>\n<p>6.Android SDK Platformu 28, Android SDK Olu\u015fturma Ara\u00e7lar\u0131 28.0.3 veya sonraki s\u00fcr\u00fcmler, Android Destek Deposu, Google Deposu ve ihtiya\u00e7 duyabilece\u011finiz di\u011fer t\u00fcm SDK\u2019lar i\u00e7in t\u00fcm paketleri y\u00fckleyin.\u00a0Alternatif olarak, gerekli t\u00fcm paketleri kuracak olan a\u015fa\u011f\u0131daki komutu kullanabilirsiniz.<\/p>\n<p>\u201c%ANDROID_HOME%\\tools\\bin\\sdkmanager\u201d \u201cemulator\u201d \u201cplatform-tools\u201d \u201cplatforms;android-28\u201d \u201cbuild-tools;28.0.3\u201d \u201cextras;android;m2repository\u201d \u201cextras;google;m2repository\u201d<\/p>\n<p>7.Android sanal ayg\u0131tlar\u0131n\u0131 (AVD\u2019ler) y\u00fckleyin.\u00a0Bunu yapman\u0131n birden fazla yolu var, o y\u00fczden sadece birini se\u00e7in:<\/p>\n<ol>\n<li>Y\u00f6netici olarak Komut \u0130stemi\u2019nde a\u015fa\u011f\u0131daki komutu uygulay\u0131n:<\/li>\n<\/ol>\n<p>@powershell -NoProfile -ExecutionPolicy Bypass -Command \u201ciex ((new-object net.webclient).DownloadString(\u2018<a href=\"https:\/\/nativescript.org\/setup\/win-avd\">https:\/\/nativescript.org\/setup\/win-avd<\/a>\u2018))\u201d<\/p>\n<ol>\n<li>Android Studio\u2019yu\u00a0kullan\u0131n\u00a0ve\u00a0Android sanal cihazlar\u0131n\u0131 (AVD\u2019ler)\u00a0oradan\u00a0y\u00fckleyin\u00a0:<\/li>\n<\/ol>\n<ul>\n<li>Komut isteminde Y\u00f6netici olarak a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131rarak Android Studio\u2019yu y\u00fckleyin:<br \/>\nchoco install androidstudio -y<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-815\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/28.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/28.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/28-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/28-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/28-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/28-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736722\"><\/a>\u015eekil 28: Android Studio Kurulumu<\/p>\n<p>8.NativeScript CLI\u2019y\u0131 y\u00fckleyin. A\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n.<\/p>\n<p>npm i -g nativescript<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-816\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/29.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/29.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/29-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/29-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/29-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/29-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736723\"><\/a>\u015eekil 29: NativeScript kurulumu<\/p>\n<ol start=\"9\">\n<li>Sisteminizin do\u011fru yap\u0131land\u0131r\u0131l\u0131p yap\u0131land\u0131r\u0131lmad\u0131\u011f\u0131n\u0131 kontrol etmek i\u00e7in a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n.<br \/>\ntns doctor<\/li>\n<\/ol>\n<p>\u201cHi\u00e7bir sorun tespit edilemedi\u201d se\u00e7ene\u011fini g\u00f6r\u00fcrseniz art\u0131k kodlamaya ba\u015flayabilirsiniz.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-817\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/30.png\" sizes=\"(max-width: 1018px) 100vw, 1018px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/30.png 1018w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/30-300x58.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/30-768x149.png 768w\" alt=\"\" width=\"1018\" height=\"197\" \/><\/p>\n<p><a name=\"_Toc1736724\"><\/a>\u015eekil 30: tns doctor<\/p>\n<p>E\u011fer herhangi bir hata mesaj\u0131 al\u0131rsan\u0131z \u201ctns doctor\u201d komutu yard\u0131m\u0131 ile eksik kalan yeri yap\u0131land\u0131rabilirsiniz.<\/p>\n<p><strong>Proje olu\u015fturma:<\/strong><\/p>\n<p>NativeScript\u2019te, NativeScript CLI\u2019yi kullanarak uygulamalar olu\u015fturup \u00e7al\u0131\u015ft\u0131r\u0131n\u0131z. \u00a0Kurulumdan\u00a0sonra, NativeScript CLI, terminalinizde veya komut isteminizde komut olarak bulunur;\u00a0tns,\u00a0<strong>T<\/strong>elerik\u00a0<strong>N<\/strong>ative\u00a0<strong>S<\/strong>cript \u2018in k\u0131salt\u0131lmas\u0131d\u0131r.<\/p>\n<p>Terminal veya komut isteminizi a\u00e7\u0131n ve yeni bir NativeScript uygulamas\u0131 olu\u015fturmak i\u00e7in a\u015fa\u011f\u0131daki komutu \u00e7al\u0131\u015ft\u0131r\u0131n.<\/p>\n<p>tns create HelloWorld \u2013template tns-template-blank<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-818\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/31.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/31.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/31-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/31-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/31-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/31-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736725\"><\/a>\u015eekil 31: Proje olu\u015fturma<\/p>\n<p>Art\u0131k bir uygulama olu\u015fturdu\u011funa g\u00f6re, yeni uygulamay\u0131 nas\u0131l \u00e7al\u0131\u015ft\u0131r\u0131laca\u011f\u0131n\u0131 ve bir cihazda nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6relim.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-819\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/32.png\" sizes=\"(max-width: 1440px) 100vw, 1440px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/32.png 1440w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/32-300x188.png 300w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/32-768x480.png 768w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/32-1024x640.png 1024w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/32-400x250.png 400w\" alt=\"\" width=\"1440\" height=\"900\" \/><\/p>\n<p><a name=\"_Toc1736726\"><\/a>\u015eekil 32: QR kodu olu\u015fumu<\/p>\n<p>Cihaz\u0131n\u0131za\u00a0<strong>NativeScript Playground ve NativeScript Privew uygulamalar\u0131n\u0131 kurduktan sonra<\/strong>\u00a0<strong>QR kodunu tara<\/strong>\u00a0se\u00e7ene\u011fine\u00a0dokunun ve\u00a0terminalinizde veya komut isteminizde g\u00f6r\u00fcnen QR kodunu taray\u0131n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-820\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/331.png\" sizes=\"(max-width: 253px) 100vw, 253px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/331.png 253w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/331-169x300.png 169w\" alt=\"\" width=\"253\" height=\"450\" \/>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-821\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/332.png\" sizes=\"(max-width: 253px) 100vw, 253px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/332.png 253w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/332-169x300.png 169w\" alt=\"\" width=\"253\" height=\"450\" \/><\/p>\n<p><a name=\"_Toc1736727\"><\/a>\u015eekil 33: Telefonda QR code tarama<\/p>\n<p>Uygulamaya basit bir resim ekleyelim; b\u00f6ylece livesync\u2019in nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6rebilirsiniz.\u00a0Uygulaman\u0131z\u0131n\u00a0app\/main-page.xml ya da (C:\\Users\\user\\HelloWorld\\app\\app-root.xml) dosyas\u0131n\u0131\u00a0a\u00e7\u0131n\u00a0ve i\u00e7eri\u011fini a\u015fa\u011f\u0131daki kodla de\u011fi\u015ftirin:<\/p>\n<blockquote>\n<p style=\"text-align: left;\">&lt;Page loaded=\u201dpageLoaded\u201d&gt;<br \/>\n&lt;ActionBar title=\u201dMy App\u201d class=\u201daction-bar\u201d&gt;&lt;\/ActionBar&gt;<br \/>\n&lt;Image src=\u201dhttps:\/\/user-images.githubusercontent.com\/544280\/42960643-66d498ac-8b5a-11e8-8946-7224eefea6a5.jpg\u201d&gt;&lt;\/Image&gt;<br \/>\n&lt;\/Page&gt;<\/p>\n<\/blockquote>\n<p>Em\u00fclat\u00f6r yeni g\u00f6r\u00fcnt\u00fcy\u00fc yenilemeli ve g\u00f6r\u00fcnt\u00fclenmelidir:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-822\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/34.png\" sizes=\"(max-width: 254px) 100vw, 254px\" srcset=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/34.png 254w, http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/34-169x300.png 169w\" alt=\"\" width=\"254\" height=\"450\" \/><\/p>\n<p><a name=\"_Toc1736728\"><\/a>\u015eekil 34: MyApp \u00e7\u0131kt\u0131s\u0131<\/p>\n<p>Sonra, uygulaman\u0131n\u00a0app\/app.css dosyas\u0131n\u0131 a\u00e7\u0131n ve a\u015fa\u011f\u0131daki kodu dosyan\u0131n alt\u0131na yap\u0131\u015ft\u0131r\u0131n.<\/p>\n<p>@keyframes spin {<br \/>\nfrom { transform: rotate(0); }<br \/>\nto { transform: rotate(360); }<br \/>\n}<br \/>\nImage {<br \/>\nanimation-name: spin;<br \/>\nanimation-duration: 3s;<br \/>\nanimation-iteration-count: infinite;<br \/>\nanimation-timing-function: linear;<br \/>\n}<\/p>\n<p>Em\u00fclat\u00f6r yenilendi\u011finde \u00e7\u0131lg\u0131nca d\u00f6nen bir elma g\u00f6r\u00fcnmeli:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-823\" src=\"http:\/\/tez.hilmibilici.com\/wp-content\/uploads\/2019\/04\/35.gif\" alt=\"\" width=\"251\" height=\"450\" \/><\/p>\n<p><a name=\"_Toc1736729\"><\/a>\u015eekil 35: G\u00fcncellenmi\u015f myApp \u00e7\u0131kt\u0131s\u0131<\/p>\n<p><a href=\"http:\/\/tez.hilmibilici.com\/kurslar\/mobil-programlama-temelleri\/lessons\/nativescript\/#_ftnref1\" name=\"_ftn1\">[1]<\/a>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 NativeScript\u2019in resmi dok\u00fcmantasyonundan \u00e7evrilmi\u015ftir.<\/p>\n<p><a href=\"http:\/\/tez.hilmibilici.com\/kurslar\/mobil-programlama-temelleri\/lessons\/nativescript\/#_ftnref2\" name=\"_ftn2\">[2]<\/a>\u00a0\u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<a href=\"https:\/\/docs.nativescript.org\/\">https:\/\/docs.nativescript.org<\/a>\u00a0sitesinden istifade edilmi\u015ftir. 25.01.2019<\/p>\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<\/div>\n","protected":false},"excerpt":{"rendered":"<p>NativeScript \u015eekil 21: NativeScript\u2019in resmi logosu \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Telerik firmas\u0131 taraf\u0131ndan geli\u015ftirilen javascript kullanarak Android, iOS ve Windows Universal\u00a0 platformlar\u0131 i\u00e7in native&#8230;<\/p>\n","protected":false},"author":1,"featured_media":993,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[42],"tags":[115,202,303,316,318,319,454],"class_list":["post-1026","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobprog","tag-chocolatey","tag-frameworkler","tag-mobil-programlama","tag-native-script","tag-nativescript","tag-nativescript-calisma-mimarisi","tag-tns-doctor"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts\/1026","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=1026"}],"version-history":[{"count":0,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=\/wp\/v2\/posts\/1026\/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=1026"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1026"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hilmibilici.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}