{"id":809,"date":"2017-01-26T01:22:07","date_gmt":"2017-01-26T01:22:07","guid":{"rendered":"http:\/\/www.andrefelizardo.com.br\/blog\/?p=809"},"modified":"2017-02-03T09:15:30","modified_gmt":"2017-02-03T09:15:30","slug":"ionic-2-versao-final","status":"publish","type":"post","link":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/","title":{"rendered":"Ionic 2 &#8211; Vers\u00e3o Final"},"content":{"rendered":"<p>Vou repetir as palavras do <a href=\"http:\/\/twitter.com\/maxlynch\" target=\"_blank\">Max<\/a>: Hoje, eu estou incrivelmente animado\u00a0para anunciar o\u00a0<strong>Ionic 2<\/strong>.<\/p>\n<p>Depois de algumas <em>releases candidates<\/em>, hoje (25-01-17) foi anunciada a vers\u00e3o final do Ionic 2.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"https:\/\/s-media-cache-ak0.pinimg.com\/originals\/1e\/2b\/c6\/1e2bc609ffee9e3980b4b35d7c4c9bba.gif\" alt=\"Gif pessoas aplaudindo\" width=\"342\" height=\"260\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 342px; --smush-placeholder-aspect-ratio: 342\/260;\" \/><\/p>\n<p>Com o lan\u00e7amento da vers\u00e3o final do <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/angular-2-nao-continuacao-do-angular-1\/\" target=\"_blank\">Angular 2<\/a>\u00a0eu realmente estava ansioso por uma vers\u00e3o final do Ionic 2. Quando foi anunciado que a nova vers\u00e3o do Ionic utilizaria como padr\u00e3o a nova vers\u00e3o do Angular, eu fiquei preocupado. Achei que TypeScript era um tiro no p\u00e9 para <!--more-->ambos e Ionic \u00e9 o meu xod\u00f3, \u00e9 meu adesivo preferido do notebook e meu papel de parede do Windows.<\/p>\n<p>Depois de fazer alguns labs, e at\u00e9 uns freelas com Ionic 2 (beta) e Angular 2 eu fiquei mais confiante e vi que foi uma decis\u00e3o acertada da equipe do Ionic continuar usando Angular.<\/p>\n<p>Vamos come\u00e7ar a destrinchar esse cara agora.<\/p>\n<ul>\n<li><a href=\"#novidades\">Novidades do Ionic 2<\/a>\n<ul>\n<li><a href=\"#componentes\">Componentes<\/a><\/li>\n<li><a href=\"#ionic-native\">Ionic Native<\/a><\/li>\n<li><a href=\"#customizacao\">Customiza\u00e7\u00e3o<\/a><\/li>\n<li><a href=\"#desempenho\">Desempenho<\/a><\/li>\n<li><a href=\"#tratamento-erros\">Tratamento de erros<\/a><\/li>\n<li><a href=\"#ionic-serve-lab\">Ionic Serve Lab<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#onde-comecar\">Por onde come\u00e7ar?<\/a><\/li>\n<li><a href=\"#futuro-ionic\">E o futuro do Ionic?<\/a><\/li>\n<\/ul>\n<p><a name=\"novidades\"><\/a><\/p>\n<h2>Novidades do Ionic 2<\/h2>\n<p>A vers\u00e3o 2.0.0 do framework \u00e9 final, est\u00e1vel e de produ\u00e7\u00e3o e com algumas novidades.<br \/>\n<a name=\"componentes\"><\/a><\/p>\n<h3>Componentes<\/h3>\n<p>Tem v\u00e1rios novos componentes, incluindo por exemplo 100% (sim, eu disse 100%) de suporte ao Material Design. Tamb\u00e9m tiveram v\u00e1rias melhorias em controles de formul\u00e1rio, sistema de navega\u00e7\u00e3o, menus e outros.<br \/>\n<a name=\"ionic-native\"><\/a><\/p>\n<h3>Ionic Native<\/h3>\n<p>Mudaram algumas coisas nas possibilidades em trabalhar com os plugins nativos de forma integrada com os recursos nativos, parecido com trabalhar com uma API\u00a0<em>comum<\/em>.<br \/>\n<a name=\"customizacao\"><\/a><\/p>\n<h3>Customiza\u00e7\u00e3o<\/h3>\n<p>O Ionic 2 tem tr\u00eas modos diferentes de customizar (isso at\u00e9 me confundiu um pouco nos meus primeiros labs, porque ainda estava pensando com o mindset do Ionic 1). Voc\u00ea consegue customizar como iOS, Material Design(vulgo Android) e Windows. Realmente fica mais previs\u00edvel a forma de layout em cada uma das plataformas, melhorando a navega\u00e7\u00e3o. O app fica diferente pra cada plataforma, mesmo voc\u00ea desenvolvendo de um jeito s\u00f3. Eu adorei isso.<\/p>\n<p>Se precisar ainda d\u00e1 pra customizar usando Sass ou colocando atributos (classes) no pr\u00f3prio componente.<\/p>\n<blockquote><p>Coment\u00e1rio: Talvez voc\u00ea tenha que convencer o designer a n\u00e3o ficar inventando customiza\u00e7\u00e3o fora do padr\u00e3o do pr\u00f3prio sistema. A usabilidade normalmente ficar\u00e1 melhor sem muita marreta, e o usu\u00e1rio estar\u00e1 acostumado com aquele padr\u00e3o visual.<\/p><\/blockquote>\n<p>Outra coisa legal \u00e9 que est\u00e3o sendo desenvolvidos temas prontos, que s\u00e3o montados a partir das vari\u00e1veis Sass. J\u00e1 tem um tema padr\u00e3o\u00a0<em>Light<\/em>, que \u00e9 inclu\u00eddo em todo app que voc\u00ea cria, e est\u00e1 sendo desenvolvido um tema\u00a0<em>Dark<\/em> (j\u00e1 prevejo sites especializados em disponibilizar temas prontos pra Ionic). [edi\u00e7\u00e3o] Existe esse site de temas <a href=\"https:\/\/market.ionic.io\/themes\" target=\"_blank\">aqui<\/a>, que o Phelippe Andrade colocou nos coment\u00e1rios, mas pensei em temas mais simples, que s\u00f3 trocam a cor.<br \/>\n<a name=\"desempenho\"><\/a><\/p>\n<h3>Desempenho<\/h3>\n<p>O Ionic tinha alguma certa lentid\u00e3o em rolar uma lista, com muitos itens. Agora n\u00e3o \u00e9 mais utilizada a rolagem do JavaScript e com isso o Scroll Virtual est\u00e1 bem mais r\u00e1pido, mesmo para rolar uma lista com muitos itens, usando menos recursos do dispositivo.<\/p>\n<p>Outro fator importante \u00e9 que o\u00a0<a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/angular-2-nao-continuacao-do-angular-1\/\" target=\"_blank\">Angular 2<\/a>\u00a0tem um desempenho bem melhor que a primeira vers\u00e3o, e portanto o Ionic 2 herdou v\u00e1rios ganhos de performance, como os repaints (que o <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/react-js-o-que-e-introducao-ao-react\/\" target=\"_blank\">React.js<\/a> resolve de uma forma legal tamb\u00e9m).<br \/>\n<a name=\"tratamento-erros\"><\/a><\/p>\n<h3>Tratamento de Erros<\/h3>\n<p>Eles lan\u00e7aram umas ferramentas &#8211;\u00a0<em>App Scripts\u00a0<\/em>&#8211; que ajudam a criar, testar e executar os apps.<\/p>\n<p>Com isso, agora, quando voc\u00ea est\u00e1 desenvolvendo usando o comando\u00a0<em>ionic serve<\/em>, os detalhes do erro s\u00e3o exibidos na janela do navegador, e isso poupa bastante tempo, porque voc\u00ea n\u00e3o tem mais necessidade de ficar voltando pro\u00a0<em>prompt\u00a0<\/em>pra tentar descobrir o que est\u00e1 errado.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"http:\/\/blog.ionic.io\/wp-content\/uploads\/2016\/12\/error-reporting.gif\" alt=\"Tratamento de Erros\" width=\"550\" height=\"344\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 550px; --smush-placeholder-aspect-ratio: 550\/344;\" \/><br \/>\n<a name=\"ionic-serve-lab\"><\/a><\/p>\n<h3>Ionic Serve Lab<\/h3>\n<p>Esse, eu gostei pra caramba. Com o comando\u00a0<em>ionic serve &#8211;lab<\/em>, voc\u00ea consegue visualizar como vai rodar em todas plataformas enquanto est\u00e1 desenvolvendo, e isso \u00e9 \u00f3timo. [edi\u00e7\u00e3o] O Ionic Serve Lab j\u00e1 existia na vers\u00e3o 1, mas ele foi bastante melhorado.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter lazyload\" data-src=\"http:\/\/blog.ionic.io\/wp-content\/uploads\/2016\/12\/ionic-lab.png\" alt=\"Ionic Serve Lab\" width=\"539\" height=\"332\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 539px; --smush-placeholder-aspect-ratio: 539\/332;\" \/><br \/>\n<a name=\"onde-comecar\"><\/a><\/p>\n<h2>Por onde come\u00e7ar?<\/h2>\n<p>Come\u00e7a atualizando sua CLI com o comando\u00a0<em>npm install -g ionic<\/em>, e d\u00e1 uma olhadinha no novo\u00a0<a href=\"http:\/\/ionicframework.com\/getting-started\/\" target=\"_blank\"><em>Get started<\/em><\/a>, que por sinal est\u00e1 irado!<br \/>\n<a name=\"futuro-ionic\"><\/a><\/p>\n<h2>E o futuro do Ionic?<\/h2>\n<p>O Max at\u00e9 fez uma piadinha, de que o futuro \u00e9 o Ionic 3 n\u00e9 (ser\u00e1 que \u00e9 uma piada com o versionamento do <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/angular-2-nao-continuacao-do-angular-1\/\" target=\"_blank\">Angular<\/a>? kkkkkkk)<\/p>\n<p>Eles est\u00e3o focados em melhorar a cada dia o desempenho, ter uma simula\u00e7\u00e3o nativa do SDK ainda melhor, pra que seja poss\u00edvel desenvolver diretamente no navegador, o que tornar\u00e1 o desenvolvimento muito r\u00e1pido.<\/p>\n<p>Tamb\u00e9m est\u00e3o focando mais em permitir que seja poss\u00edvel implantar o mesmo aplicativo, com exatamente o mesmo c\u00f3digo nas tr\u00eas lojas de aplicativos (louco hein?!).<\/p>\n<p>Recentemente lan\u00e7aram o Ionic para Empresas, que d\u00e1 &#8216;super-poderes&#8217; pro Ionic View criando uma&#8230;loja de apps pr\u00f3pria. Sem deixar de lado o <a href=\"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-creator-crie-atraves-de-interface\/\" target=\"_blank\">Ionic Creator<\/a> n\u00e9, que \u00e9 uma das ferramentas mais maneiras.<\/p>\n<p>Inclusive, se voc\u00ea j\u00e1 ficou pensando em como eles est\u00e3o mantendo a equipe e os custos, \u00e9 a partir dos planos do Ionic Creator que eles est\u00e3o conseguindo se manter financeiramente. E isso \u00e9 uma boa not\u00edcia, porque\u00a0<em>garante<\/em> uma continua\u00e7\u00e3o do framework.<\/p>\n<p>Gostou?<\/p>\n<p>Se ficar com d\u00favida, deixa a\u00ed nos coment\u00e1rios!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vou repetir as palavras do Max: Hoje, eu estou incrivelmente animado\u00a0para anunciar o\u00a0Ionic 2. Depois de algumas releases candidates, hoje (25-01-17) foi anunciada a vers\u00e3o final do Ionic 2. Com o lan\u00e7amento da vers\u00e3o final do Angular 2\u00a0eu realmente estava ansioso por uma vers\u00e3o final do Ionic 2. Quando foi anunciado que a nova vers\u00e3o [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":813,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[63,117,109,66,5],"tags":[119,96,113,55,102],"class_list":["post-809","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aplicativos","category-dev","category-ionic","category-ios","category-tecnologia","tag-angular","tag-angularjs","tag-ionic","tag-javascript","tag-typescript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ionic 2 - Vers\u00e3o Final - Blog do Andr\u00e9 Felizardo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ionic 2 - Vers\u00e3o Final - Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"og:description\" content=\"Vou repetir as palavras do Max: Hoje, eu estou incrivelmente animado\u00a0para anunciar o\u00a0Ionic 2. Depois de algumas releases candidates, hoje (25-01-17) foi anunciada a vers\u00e3o final do Ionic 2. Com o lan\u00e7amento da vers\u00e3o final do Angular 2\u00a0eu realmente estava ansioso por uma vers\u00e3o final do Ionic 2. Quando foi anunciado que a nova vers\u00e3o [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog do Andr\u00e9 Felizardo\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-26T01:22:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-03T09:15:30+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"393\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andr\u00e9 Felizardo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9 Felizardo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/\"},\"author\":{\"name\":\"Andr\u00e9 Felizardo\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"headline\":\"Ionic 2 &#8211; Vers\u00e3o Final\",\"datePublished\":\"2017-01-26T01:22:07+00:00\",\"dateModified\":\"2017-02-03T09:15:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/\"},\"wordCount\":883,\"commentCount\":17,\"image\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/ionic-2.jpg\",\"keywords\":[\"angular\",\"angularjs\",\"ionic\",\"javascript\",\"typescript\"],\"articleSection\":[\"Aplicativos\",\"Dev\",\"Ionic\",\"IOS\",\"Tecnologia\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/\",\"name\":\"Ionic 2 - Vers\u00e3o Final - Blog do Andr\u00e9 Felizardo\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/ionic-2.jpg\",\"datePublished\":\"2017-01-26T01:22:07+00:00\",\"dateModified\":\"2017-02-03T09:15:30+00:00\",\"author\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\"},\"breadcrumb\":{\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/ionic-2.jpg\",\"contentUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/01\\\/ionic-2.jpg\",\"width\":750,\"height\":393,\"caption\":\"Ionic 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/ionic-2-versao-final\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ionic 2 &#8211; Vers\u00e3o Final\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#website\",\"url\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/\",\"name\":\"Blog do Andr\u00e9 Felizardo\",\"description\":\"Programa\u00e7\u00e3o de dev para dev\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/7ffba68b251851fb519600e2e387a02b\",\"name\":\"Andr\u00e9 Felizardo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/9f9\\\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg\",\"caption\":\"Andr\u00e9 Felizardo\"},\"sameAs\":[\"http:\\\/\\\/www.andrefelizardo.com.br\"],\"url\":\"https:\\\/\\\/www.andrefelizardo.com.br\\\/blog\\\/author\\\/andrefelizardo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ionic 2 - Vers\u00e3o Final - Blog do Andr\u00e9 Felizardo","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":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/","og_locale":"pt_BR","og_type":"article","og_title":"Ionic 2 - Vers\u00e3o Final - Blog do Andr\u00e9 Felizardo","og_description":"Vou repetir as palavras do Max: Hoje, eu estou incrivelmente animado\u00a0para anunciar o\u00a0Ionic 2. Depois de algumas releases candidates, hoje (25-01-17) foi anunciada a vers\u00e3o final do Ionic 2. Com o lan\u00e7amento da vers\u00e3o final do Angular 2\u00a0eu realmente estava ansioso por uma vers\u00e3o final do Ionic 2. Quando foi anunciado que a nova vers\u00e3o [&hellip;]","og_url":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/","og_site_name":"Blog do Andr\u00e9 Felizardo","article_published_time":"2017-01-26T01:22:07+00:00","article_modified_time":"2017-02-03T09:15:30+00:00","og_image":[{"width":750,"height":393,"url":"http:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg","type":"image\/jpeg"}],"author":"Andr\u00e9 Felizardo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Andr\u00e9 Felizardo","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#article","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/"},"author":{"name":"Andr\u00e9 Felizardo","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"headline":"Ionic 2 &#8211; Vers\u00e3o Final","datePublished":"2017-01-26T01:22:07+00:00","dateModified":"2017-02-03T09:15:30+00:00","mainEntityOfPage":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/"},"wordCount":883,"commentCount":17,"image":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg","keywords":["angular","angularjs","ionic","javascript","typescript"],"articleSection":["Aplicativos","Dev","Ionic","IOS","Tecnologia"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/","url":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/","name":"Ionic 2 - Vers\u00e3o Final - Blog do Andr\u00e9 Felizardo","isPartOf":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#primaryimage"},"image":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg","datePublished":"2017-01-26T01:22:07+00:00","dateModified":"2017-02-03T09:15:30+00:00","author":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b"},"breadcrumb":{"@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#primaryimage","url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg","contentUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg","width":750,"height":393,"caption":"Ionic 2"},{"@type":"BreadcrumbList","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/ionic-2-versao-final\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"http:\/\/www.andrefelizardo.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Ionic 2 &#8211; Vers\u00e3o Final"}]},{"@type":"WebSite","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#website","url":"http:\/\/www.andrefelizardo.com.br\/blog\/","name":"Blog do Andr\u00e9 Felizardo","description":"Programa\u00e7\u00e3o de dev para dev","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.andrefelizardo.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"http:\/\/www.andrefelizardo.com.br\/blog\/#\/schema\/person\/7ffba68b251851fb519600e2e387a02b","name":"Andr\u00e9 Felizardo","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","contentUrl":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/wphb-cache\/gravatar\/9f9\/9f92d8b773ef5acf9b462d6dab41d783x96.jpg","caption":"Andr\u00e9 Felizardo"},"sameAs":["http:\/\/www.andrefelizardo.com.br"],"url":"https:\/\/www.andrefelizardo.com.br\/blog\/author\/andrefelizardo\/"}]}},"jetpack_featured_media_url":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/ionic-2.jpg","jetpack_shortlink":"https:\/\/wp.me\/p6EP66-d3","jetpack-related-posts":[{"id":1020,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/comecando-com-ionic-3\/","url_meta":{"origin":809,"position":0},"title":"Come\u00e7ando com Ionic 3","author":"Andr\u00e9 Felizardo","date":"10 de junho de 2018","format":false,"excerpt":"Ionic \u00e9 um framework para criar aplicativos mobile h\u00edbridos atrav\u00e9s de linguagens web (HTML, CSS e JS). Voc\u00ea pode aprender mais sobre o conceito do Ionic Framework aqui. Atualmente estamos no Ionic 3 (3.9.2 para ser exato), e o desenvolvimento do framework vem evoluindo bastante desde o lan\u00e7amento do Ionic\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"Come\u00e7ando com Ionic 3","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2018\/06\/Group.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":799,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/angular-2-nao-continuacao-do-angular-1\/","url_meta":{"origin":809,"position":1},"title":"Angular 2 &#8211; A n\u00e3o continua\u00e7\u00e3o do Angular 1","author":"Andr\u00e9 Felizardo","date":"15 de janeiro de 2017","format":false,"excerpt":"T\u00e1 estudando Angular 2? N\u00e3o? Fica ligado que a gente j\u00e1 est\u00e1 no Angular 4 beta 3! Angular 2 foi oficialmente lan\u00e7ado em setembro de 2016. Mas tamb\u00e9m n\u00e3o precisa ficar t\u00e3o preocupado. De qualquer forma vamos colocar os pingos nos is\u00a0pra voc\u00ea entender de uma vez por toda o\u2026","rel":"","context":"Em &quot;Dev&quot;","block_context":{"text":"Dev","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/dev\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/angular2.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/angular2.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/angular2.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/01\/angular2.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":527,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-framework-desenvolvendo-mobile-apps\/","url_meta":{"origin":809,"position":2},"title":"Ionic Framework &#8211; Desenvolvendo Mobile Apps","author":"Andr\u00e9 Felizardo","date":"14 de maio de 2016","format":false,"excerpt":"O que \u00e9 o Ionic Showcases Ionic Configura\u00e7\u00e3o e Instala\u00e7\u00e3o Node.js Cordova + Ionic Criando o primeiro app Divirta-se O que \u00e9 o Ionic? Ionic \u00e9 um framework livre e de c\u00f3digo aberto. O conceito principal desse framework, \u00e9 possibilitar a cria\u00e7\u00e3o de aplicativos mobile com linguagens web (HTML, CSS,\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"Ionic logo","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":830,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/seja-grato-primeiro-app-na-loja\/","url_meta":{"origin":809,"position":3},"title":"Seja Grato &#8211; Primeiro App na loja","author":"Andr\u00e9 Felizardo","date":"29 de junho de 2017","format":false,"excerpt":"No in\u00edcio de 2017 eu defini o objetivo de colocar tr\u00eas apps pr\u00f3prios at\u00e9 o fim do ano nas lojas de aplicativos. Quando chegou em maio, percebi que n\u00e3o tinha nenhum, ent\u00e3o decidi partir pra cima desse objetivo. A muito tempo eu vinha pensando num aplicativo (sem fins lucrativos) que\u2026","rel":"","context":"Em &quot;Ionic&quot;","block_context":{"text":"Ionic","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/ionic\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/seja-grato.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/seja-grato.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/seja-grato.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2017\/06\/seja-grato.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":590,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/ionic-creator-exportando-e-gerando-apk\/","url_meta":{"origin":809,"position":4},"title":"Ionic Creator &#8211; exportando e gerando apk","author":"Andr\u00e9 Felizardo","date":"23 de maio de 2016","format":false,"excerpt":"Continuando nossa jornada sobre o Ionic Creator, vamos agora exportar o app que fizemos na ferramenta, para podermos editar o c\u00f3digo e gerar o instalador para o Android (.apk). Se voc\u00ea n\u00e3o tem i-d-e-i-a do que \u00e9 Ionic, muito menos Ionic Creator, comece por aqui! No Ionic Creator, no canto\u2026","rel":"","context":"Em &quot;Aplicativos&quot;","block_context":{"text":"Aplicativos","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/aplicativos\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-creator-parte-II.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":623,"url":"https:\/\/www.andrefelizardo.com.br\/blog\/splash-screen-ionic-e-icone\/","url_meta":{"origin":809,"position":5},"title":"Ionic &#8211; Splash Screen e \u00edcone","author":"Andr\u00e9 Felizardo","date":"20 de julho de 2016","format":false,"excerpt":"Depois que voc\u00ea come\u00e7a a brincar um pouco mais com Ionic, a necessidade de deixar o App mais bonitinho vai aparecendo. Se voc\u00ea ja gerou o apk do seu aplicativo,\u00a0deve ter se perguntado como altera a Splash Screen e o \u00edcone do seu App... Splash Screen Splash Screen \u00e9 a\u2026","rel":"","context":"Em &quot;Ionic&quot;","block_context":{"text":"Ionic","link":"https:\/\/www.andrefelizardo.com.br\/blog\/category\/ionic\/"},"img":{"alt_text":"Ionic logo","src":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.andrefelizardo.com.br\/blog\/wp-content\/uploads\/2016\/05\/ionic-01.png?resize=700%2C400&ssl=1 2x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/809","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/comments?post=809"}],"version-history":[{"count":0,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/posts\/809\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media\/813"}],"wp:attachment":[{"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/media?parent=809"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/categories?post=809"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andrefelizardo.com.br\/blog\/wp-json\/wp\/v2\/tags?post=809"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}