{"id":4675,"date":"2017-01-22T23:18:23","date_gmt":"2017-01-22T21:18:23","guid":{"rendered":"https:\/\/www.tomislavstankovic.com\/blog\/?p=4675"},"modified":"2019-01-05T19:58:14","modified_gmt":"2019-01-05T17:58:14","slug":"uvod-u-ionic-2","status":"publish","type":"post","link":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/","title":{"rendered":"Uvod u Ionic 2"},"content":{"rendered":"<p><strong><a href=\"https:\/\/ionicframework.com\/docs\/\" target=\"_blank\">Ionic 2<\/a><\/strong> je <em>framework <\/em>za izradu hibridnih mobilnih aplikacija koje dijele isti programski kod (aplikacije razvijamo koriste\u0107i <em>HTML<\/em>, <em>CSS <\/em>i <em>JavaScript <\/em>tj. <em>Angular(2)<\/em>), za <em>Android<\/em>, <em>iOS <\/em>i <em>Windows Phone<\/em> platformu. Time \u0161tedimo vrijeme ulo\u017eeno u razvoj dok bi u slu\u010daju nativnih aplikacija morali napraviti tri aplikacije s tri razli\u010dite tehnologije. Nekada i to mo\u017ee biti bolja opcija sve ovisi od projekta do projekta tj. o zahtjevima projekta. U ovom blog postu zadr\u017eat \u0107emo se na hibridnim mobilnim aplikacijama i prednostima <em>Ionic 2 frameworka<\/em>. <\/p>\n<h2>Postavljanje razvojne okoline<\/h2>\n<p>U ovom primjeru ne\u0107emo <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/postavljanje-angular2-typescript-projekta\/\">i\u0107i od nule kao u jednom od prethodnih blog postova<\/a>, nego \u0107emo koristiti <em><a href=\"https:\/\/ionicframework.com\/docs\/v2\/cli\/\" target=\"_blank\"><strong>Ionic<\/strong> command line utility (<strong>CLI<\/strong>)<\/a><\/em> kako bi \u0161to prije i \u0161to jednostavnije <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/ionic-framework-razvojna-okolina\/\" target=\"_blank\">postavili razvojnu okolinu<\/a>.<\/p>\n<p>Potrebno je instalirati:<\/p>\n<ul>\n<li><a href=\"https:\/\/nodejs.org\/en\/download\/\" target=\"_blank\">Node.js LTS<\/a><\/li>\n<li><em>Ionic <\/em>i <em>Cordova<\/em> pomo\u0107u naredbe:  <span class=\"lang:sh decode:true  crayon-inline \" >$ npm install -g ionic cordova<\/span> <\/li>\n<li><em>TypeScript<\/em> pomo\u0107u naredbe:  <span class=\"lang:sh decode:true  crayon-inline \" >$ npm install -g typescript<\/span> <\/li>\n<\/ul>\n<h2>Pokretanje <em>Ionic 2<\/em> projekta<\/h2>\n<p>Ako smo sve dobro napravili sada \u0107emo mo\u0107i pokrenuti <em>Ionic 2<\/em> projekt koriste\u0107i naredbu  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic start Ionic2Aplikacija sidemenu &#8211;v2<\/span> <\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic-start.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic-start.gif\" alt=\"ionic start\" width=\"708\" height=\"418\" class=\"aligncenter size-full wp-image-4682\" \/><\/a><\/p>\n<ul>\n<li><span class=\"lang:sh decode:true  crayon-inline \" >ionic<\/span>  ozna\u010dava da koristimo Ionic CLI<\/li>\n<li><span class=\"lang:sh decode:true  crayon-inline \" >start<\/span>  ozna\u010dava da \u017eelimo pokrenuti novi <em>Ionic<\/em> projekt<\/li>\n<li><span class=\"lang:sh decode:true  crayon-inline \" >Ionic2Aplikacija<\/span>  ozna\u010dava naziv aplikacije<\/li>\n<li> <span class=\"lang:sh decode:true  crayon-inline \" >sidemenu<\/span>  ozna\u010dava vrstu predlo\u0161ka<\/li>\n<li> <span class=\"lang:sh decode:true  crayon-inline \" >&#8211;v2<\/span>  ozna\u010dava da \u017eelite \u017eelimo pokrenuti <em>Ionic 2<\/em> projekt, ina\u010de bi <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/novi-ionic-framework-projekt\/\" target=\"_blank\">kreirali <em>Ionic 1<\/em> projekt<\/a><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic2-templates.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic2-templates.jpg\" alt=\"ionic2 predlo\u0161ci\" width=\"1094\" height=\"324\" class=\"aligncenter size-full wp-image-4685\" srcset=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic2-templates.jpg 1094w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic2-templates-300x89.jpg 300w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic2-templates-768x227.jpg 768w, https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic2-templates-1024x303.jpg 1024w\" sizes=\"auto, (max-width: 1094px) 100vw, 1094px\" \/><\/a><\/p>\n<p>Osim  <span class=\"lang:sh decode:true  crayon-inline \" >sidemenu<\/span>  predlo\u0161ka, prilikom pokretanja projekta mogu\u0107e je birati izme\u0111u sljede\u0107ih nekoliko predlo\u017eaka:<\/p>\n<ul>\n<li>tabs:  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic start Ionic2Aplikacija tabs &#8211;v2<\/span> <\/li>\n<li>sidemenu:  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic start Ionic2Aplikacija sidemenu &#8211;v2<\/span> <\/li>\n<li>blank:  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic start Ionic2Aplikacija blank &#8211;v2<\/span> <\/li>\n<li>tutorial:  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic start Ionic2Aplikacija tutorial &#8211;v2<\/span> <\/li>\n<\/ul>\n<p>Ako prilikom kreiranja projekta ne navedemo koji predlo\u017eak \u017eelimo koristiti dobit \u0107emo  <span class=\"lang:sh decode:true  crayon-inline \" >tabs<\/span>  predlo\u017eak.<\/p>\n<p>Projekt \u0107emo pokrenuti naredbom  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic serve<\/span> i on \u0107e se prikazati u web pregledniku.<\/p>\n<p><a href=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic-sidemenu-starter.gif\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/ionic-sidemenu-starter.gif\" alt=\"ionic sidemenu starter\" width=\"464\" height=\"638\" class=\"aligncenter size-full wp-image-4688\" \/><\/a><\/p>\n<p>Kako bi <em>Ionic 2<\/em> aplikaciju mogli pokrenuti na Android  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic run android<\/span>  odnosno na iOS  <span class=\"lang:sh decode:true  crayon-inline \" >$ ionic run ios<\/span>  ure\u0111aju moramo dodati i pripadaju\u0107e platforme, a to \u0107emo u\u010diniti pomo\u0107u sljede\u0107ih naredbi: <\/p>\n<pre class=\"lang:default decode:true \" >$ionic platform add android\r\n$ionic platform add ios \/\/ iOS platformu mo\u017eete dodati isklju\u010divo na Mac-u <\/pre>\n<h2>Struktura Ionic 2 projekta<\/h2>\n<p>Ako sada pogledate strukturu projekta vidjet \u0107ete puno mapa i puno datoteka, me\u0111utim najbitnije datoteke nalaze se unutar <strong>src <\/strong>mape.<\/p>\n<pre class=\"lang:default mark:9-26 decode:true \" >| - Ionic2Aplikacija\/\r\n     | - hooks\/\r\n     | - node_modules\/\r\n     | - platforms\/\r\n          | - android\/\r\n          | - ios\/\r\n     | - plugins\/\r\n     | - resources\/\r\n     | - src\/\r\n          | - app\/\r\n               | - app.component.ts\r\n               | - app.html\r\n               | - app.module.ts\r\n               | - app.scss\r\n               | - main.ts\r\n          | - assets\/\r\n               | - icon\/\r\n          | - pages\/\r\n               | - page1\/\r\n               | - page2\/\r\n          | - theme\/\r\n               | - variables.scss\r\n          | - declarations.d\r\n          | - index.html\r\n          | - manifest.jsom\r\n          | - service-worker.js\r\n     | - www\/\r\n     | - .editconfig\r\n     | - config.xml\r\n     | - ionic.config.json\r\n     | - package.json\r\n     | - tsconfig.json\r\n     | - tslint.json<\/pre>\n<p>Poja\u0161njenje va\u017enijih datoteka:<\/p>\n<ul>\n<li><strong>config.xml<\/strong> &#8211; konfiguracijska datoteka koja sadr\u017eava naziv aplikacije i popis datoteka od kojih se Ionic 2 aplikacija sastoji.<\/li>\n<li><strong>src<\/strong> &#8211; mapa u kojoj se stvara Ionic 2 aplikacija. Sve stranice, komponente, servise i ostalo kreirat \u0107emo i ure\u0111ivati ovdje.<\/li>\n<li><strong>platforms<\/strong> &#8211; svaka dodana platforma ima svoju mapu u kojoj se nalaze specifi\u010dne datoteke za tu platformu, a koje omogu\u0107avaju kreiranje zavr\u0161ne verzije aplikacije koja ide na ure\u0111aj<\/li>\n<li><strong>node_modules<\/strong> &#8211; npm paketi navedeni u  <span class=\"lang:sh decode:true  crayon-inline \" >package.json<\/span>  nalaze se u ovoj mapi. <\/li>\n<li><strong>plugins<\/strong> &#8211; mjesto gdje se nalaze svi dodaci koji \u0107e pro\u0161iriti mogu\u0107nosti Ionic 2 aplikacije<\/li>\n<li><strong>resources<\/strong> &#8211; sadr\u017eava ikone i po\u010detni ekran (<em>splash screens<\/em>) za dodane platforme, u ovom slu\u010daju to su <em>iOS <\/em>i <em>Android<\/em><\/li>\n<\/ul>\n<h2>Ionic komponenta<\/h2>\n<p>Osnovna gradivna jedinica <em>Ionic 2<\/em> projekta je komponenta koja se sastoji od 3 datoteke npr. komponenta<strong>.ts<\/strong>, komponenta<strong>.html<\/strong> i komponenta<strong>.scss<\/strong><\/p>\n<p>U <strong>.ts<\/strong> datoteci definiramo logiku komponente. <\/p>\n<pre class=\"lang:js decode:true \" title=\"page1.ts\" >import { Component } from '@angular\/core';\r\n\r\nimport { NavController } from 'ionic-angular';\r\n\r\n@Component({\r\n  selector: 'page-page1',\r\n  templateUrl: 'page1.html'\r\n})\r\nexport class Page1 {\r\n\r\n  constructor(public _navCtrl: NavController) {\r\n    \r\n  }\r\n  \r\n}<\/pre>\n<p>U <strong>.html<\/strong> datoteci definiramo raspored sadr\u017eaja komponente. <\/p>\n<pre class=\"lang:xhtml decode:true \" title=\"page1.html\" >&lt;ion-header&gt;\r\n  &lt;ion-navbar&gt;\r\n    &lt;button ion-button menuToggle&gt;\r\n      &lt;ion-icon name=\"menu\"&gt;&lt;\/ion-icon&gt;\r\n    &lt;\/button&gt;\r\n    &lt;ion-title&gt;Page One&lt;\/ion-title&gt;\r\n  &lt;\/ion-navbar&gt;\r\n&lt;\/ion-header&gt;\r\n\r\n&lt;ion-content padding&gt;\r\n  &lt;h3&gt;Ionic Menu Starter&lt;\/h3&gt;\r\n\r\n  &lt;p&gt;\r\n    If you get lost, the &lt;a href=\"https:\/\/ionicframework.com\/docs\/v2\"&gt;docs&lt;\/a&gt; will show you the way.\r\n  &lt;\/p&gt;\r\n  \r\n\r\n  &lt;button ion-button secondary menuToggle&gt;Toggle Menu&lt;\/button&gt;\r\n&lt;\/ion-content&gt;<\/pre>\n<p>U <strong>.scss<\/strong> datoteci definiramo izgled sadr\u017eaja komponente. <\/p>\n<pre class=\"lang:css decode:true \" title=\"page1.scss\" >page-page1 {\r\n\r\n}<\/pre>\n<p>Vi\u0161e o komponentama i na\u010dinu kako se stvaraju biti \u0107e rije\u010di u nekom od sljede\u0107ih blog postova.<\/p>\n<h2>Zaklju\u010dak<\/h2>\n<p>O <em>Ionicu 2<\/em> bi se moglo napisati jo\u0161 toliko toga i sve ranije navedeno mo\u017ee se jo\u0161 detaljnije pojasniti, ali zaustaviti \u0107emo se na ovome. Napravili smo toliko toga i <strong>pokazali kako na jednostavan i brz na\u010din pokrenuti<\/strong> <em>Ionic 2<\/em> <strong>projekt<\/strong>, a zapravo nismo napravili ni\u0161ta jer aplikacija u trenutnom obliku ni\u0161ta ne radi i ni\u010demu ne slu\u017ei. Ipak, temelj imamo i lako \u0107emo dalje. Kroz budu\u0107e blog postove detaljnije \u0107emo se pozabaviti dodavanjem konkretnih funkcionalnosti ove <em>Ionic 2<\/em> aplikacije, a sve \u0107ete mo\u0107i preuzeti na <strong>GitHub<\/strong>u.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ionic 2 je framework za izradu hibridnih mobilnih aplikacija koje dijele isti programski kod (aplikacije razvijamo koriste\u0107i HTML, CSS i JavaScript tj. Angular(2)), za Android, iOS i Windows Phone platformu. Time \u0161tedimo vrijeme ulo\u017eeno u razvoj dok bi u slu\u010daju nativnih aplikacija morali napraviti tri aplikacije s tri razli\u010dite tehnologije. Nekada i to mo\u017ee biti &hellip; <a href=\"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/\" class=\"more-link\">Nastavi \u010ditati <span class=\"screen-reader-text\">Uvod u Ionic 2<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":4676,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[564,351],"tags":[381,373],"class_list":["post-4675","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile","category-razvoj","tag-ionic-2","tag-typescript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Uvod u Ionic 2 - Tomislav Stankovi\u0107<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/\" \/>\n<meta property=\"og:locale\" content=\"hr_HR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Uvod u Ionic 2 - Tomislav Stankovi\u0107\" \/>\n<meta property=\"og:description\" content=\"Ionic 2 je framework za izradu hibridnih mobilnih aplikacija koje dijele isti programski kod (aplikacije razvijamo koriste\u0107i HTML, CSS i JavaScript tj. Angular(2)), za Android, iOS i Windows Phone platformu. Time \u0161tedimo vrijeme ulo\u017eeno u razvoj dok bi u slu\u010daju nativnih aplikacija morali napraviti tri aplikacije s tri razli\u010dite tehnologije. Nekada i to mo\u017ee biti &hellip; Nastavi \u010ditati Uvod u Ionic 2\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-22T21:18:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-05T17:58:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/uvod-u-ionic2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"510\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Tomislav Stankovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisao\/la\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tomislav Stankovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Procijenjeno vrijeme \u010ditanja\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/\"},\"author\":{\"name\":\"Tomislav Stankovi\u0107\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"headline\":\"Uvod u Ionic 2\",\"datePublished\":\"2017-01-22T21:18:23+00:00\",\"dateModified\":\"2019-01-05T17:58:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/\"},\"wordCount\":643,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/uvod-u-ionic2.jpg\",\"keywords\":[\"Ionic 2\",\"TypeScript\"],\"articleSection\":[\"Mobile\",\"Razvoj\"],\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/\",\"name\":\"Uvod u Ionic 2 - Tomislav Stankovi\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/uvod-u-ionic2.jpg\",\"datePublished\":\"2017-01-22T21:18:23+00:00\",\"dateModified\":\"2019-01-05T17:58:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#breadcrumb\"},\"inLanguage\":\"hr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/uvod-u-ionic2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/uvod-u-ionic2.jpg\",\"width\":825,\"height\":510,\"caption\":\"Uvod u Ionic 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/uvod-u-ionic-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Po\u010detna stranica\",\"item\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Uvod u Ionic 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"name\":\"Tomislav Stankovi\u0107\",\"description\":\"Sam svoj bloger\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/#\\\/schema\\\/person\\\/0329c549c57700034ea77f5d3d78396d\",\"name\":\"Tomislav Stankovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hr\",\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"contentUrl\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\",\"width\":248,\"height\":165,\"caption\":\"Tomislav Stankovi\u0107\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/cropped-TomislavStankovic.jpg\"},\"description\":\"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.\",\"sameAs\":[\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/tomislavstankovic\\\/\"],\"url\":\"https:\\\/\\\/www.tomislavstankovic.com\\\/blog\\\/author\\\/tomislavstankovic\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Uvod u Ionic 2 - Tomislav Stankovi\u0107","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/","og_locale":"hr_HR","og_type":"article","og_title":"Uvod u Ionic 2 - Tomislav Stankovi\u0107","og_description":"Ionic 2 je framework za izradu hibridnih mobilnih aplikacija koje dijele isti programski kod (aplikacije razvijamo koriste\u0107i HTML, CSS i JavaScript tj. Angular(2)), za Android, iOS i Windows Phone platformu. Time \u0161tedimo vrijeme ulo\u017eeno u razvoj dok bi u slu\u010daju nativnih aplikacija morali napraviti tri aplikacije s tri razli\u010dite tehnologije. Nekada i to mo\u017ee biti &hellip; Nastavi \u010ditati Uvod u Ionic 2","og_url":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/","og_site_name":"Tomislav Stankovi\u0107","article_published_time":"2017-01-22T21:18:23+00:00","article_modified_time":"2019-01-05T17:58:14+00:00","og_image":[{"width":825,"height":510,"url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/uvod-u-ionic2.jpg","type":"image\/jpeg"}],"author":"Tomislav Stankovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Napisao\/la":"Tomislav Stankovi\u0107","Procijenjeno vrijeme \u010ditanja":"4 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#article","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/"},"author":{"name":"Tomislav Stankovi\u0107","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"headline":"Uvod u Ionic 2","datePublished":"2017-01-22T21:18:23+00:00","dateModified":"2019-01-05T17:58:14+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/"},"wordCount":643,"commentCount":0,"publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/uvod-u-ionic2.jpg","keywords":["Ionic 2","TypeScript"],"articleSection":["Mobile","Razvoj"],"inLanguage":"hr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/","url":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/","name":"Uvod u Ionic 2 - Tomislav Stankovi\u0107","isPartOf":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#primaryimage"},"image":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/uvod-u-ionic2.jpg","datePublished":"2017-01-22T21:18:23+00:00","dateModified":"2019-01-05T17:58:14+00:00","breadcrumb":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#breadcrumb"},"inLanguage":"hr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/"]}]},{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#primaryimage","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/uvod-u-ionic2.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2017\/01\/uvod-u-ionic2.jpg","width":825,"height":510,"caption":"Uvod u Ionic 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tomislavstankovic.com\/blog\/uvod-u-ionic-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Po\u010detna stranica","item":"https:\/\/www.tomislavstankovic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Uvod u Ionic 2"}]},{"@type":"WebSite","@id":"https:\/\/www.tomislavstankovic.com\/blog\/#website","url":"https:\/\/www.tomislavstankovic.com\/blog\/","name":"Tomislav Stankovi\u0107","description":"Sam svoj bloger","publisher":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tomislavstankovic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.tomislavstankovic.com\/blog\/#\/schema\/person\/0329c549c57700034ea77f5d3d78396d","name":"Tomislav Stankovi\u0107","image":{"@type":"ImageObject","inLanguage":"hr","@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","url":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","contentUrl":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg","width":248,"height":165,"caption":"Tomislav Stankovi\u0107"},"logo":{"@id":"https:\/\/www.tomislavstankovic.com\/blog\/wp-content\/uploads\/2019\/10\/cropped-TomislavStankovic.jpg"},"description":"Bloger \u0161irokog raspona interesa od kojih dio voli objaviti na ovom blogu. U neslobodno vrijeme Angular developer mobilnih i web aplikacija.","sameAs":["https:\/\/www.tomislavstankovic.com\/blog\/","https:\/\/www.linkedin.com\/in\/tomislavstankovic\/"],"url":"https:\/\/www.tomislavstankovic.com\/blog\/author\/tomislavstankovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4675","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/comments?post=4675"}],"version-history":[{"count":33,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4675\/revisions"}],"predecessor-version":[{"id":4712,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/posts\/4675\/revisions\/4712"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media\/4676"}],"wp:attachment":[{"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/media?parent=4675"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/categories?post=4675"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tomislavstankovic.com\/blog\/wp-json\/wp\/v2\/tags?post=4675"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}