{"id":2382,"date":"2017-10-02T21:51:56","date_gmt":"2017-10-02T19:51:56","guid":{"rendered":"http:\/\/2017.chiclana.wordcamp.org\/?p=2382"},"modified":"2017-10-04T09:38:00","modified_gmt":"2017-10-04T07:38:00","slug":"taller-creando-una-app-multiplataforma-con-wordpress-ionic","status":"publish","type":"post","link":"https:\/\/chiclana.wordcamp.org\/2017\/taller-creando-una-app-multiplataforma-con-wordpress-ionic\/","title":{"rendered":"Taller: Creando una APP multiplataforma con WordPress + Ionic"},"content":{"rendered":"<p>Ya esta\u0301 apunto de celebrarse el tan esperado WordCamp Chiclana, y para los que tengan duda si asistir a mi taller u otro de los buenos talleres que hay programados a la misma, os voy a convencer con el siguiente post.<\/p>\n<p>El objetivo de Google durante los u\u0301ltimos an\u0303os es el mo\u0301vil y la tendencia sigue siendo tanto para los usuarios como para Google el mismo camino, en 2016 <a href=\"http:\/\/www.elmundo.es\/sociedad\/2016\/04\/04\/57026219e2704e90048b465e.html\">la navegacio\u0301n mediante el mo\u0301vil supero\u0301 el ordenador por primera vez en la historia<\/a>, esto fue un indicativo de que el camino para el desarrollo web ya tenia que estar 100% orientado a los dispositivos mo\u0301viles.<\/p>\n<p>Cada vez esta cifra va aumentando y como sabemos Google en los u\u0301ltimos an\u0303os ha ido obligando a todas las webs a ser responsive si queri\u0301a mantenerse en su indice de bu\u0301squeda, sino es responsive caera\u0301s hasta lo ma\u0301s profundo de los infiernos.<\/p>\n<p>Mediante esta tendencia y mejorar la velocidad en los dispositivos mo\u0301viles con AMP nos esta\u0301 volviendo locos a todos los desarrolladores, pero siempre con un beneficio para los usuarios.<\/p>\n<p><strong>\u00bfY esto que tiene que ver con mi WordPress?<\/strong><\/p>\n<p>Segu\u0301n las altas esferas de Google, esta\u0301n dejando caer que para 2019 las APP hi\u0301bridas aumentara\u0301n exponencialmente y muchos de los desarrollos web no podra\u0301n vivir sin este tipo de apps, esto es una de los motivos por el cual tenemos que ponernos al di\u0301a sobre las aplicaciones hi\u0301bridas y como gestionarlas junto con nuestro gestor de contenido WordPress.<\/p>\n<p><strong>Pero \u00bfque es una aplicacio\u0301n hi\u0301brida?<\/strong><\/p>\n<p>Actualmente hay dos tipos de aplicaciones, la app nativa y la hi\u0301brida.<br \/>\n<strong>La app nativa:<\/strong> esta\u0301 desarrollada y optimizada especi\u0301ficamente para el sistema operativo y se adapta 100% con las funcionalidades y caracteri\u0301sticas del dispositivo.<\/p>\n<p><strong>La app hi\u0301brida:<\/strong> aprovecha al ma\u0301ximo la versatilidad de un desarrollo web y tiene la capacidad de adaptacio\u0301n al dispositivo como app nativa. Permite utilizar los esta\u0301ndares de desarrollo web (HTML5) y aprovecha las funcionalidades del dispositivo tales como la ca\u0301mara, GPS o los contactos.<\/p>\n<p>Digamos que es como mostrar la web en un iframe de la aplicacio\u0301n pero que ademas nos permite utilizar todos los componentes del tele\u0301fono.<\/p>\n<p><strong>\u00bfPorque hacerla hi\u0301brida y no nativa?<\/strong><\/p>\n<p>Realizar una aplicacio\u0301n nativa puede ser lo ma\u0301s optimo pero tiene la desventaja que hay que mantenerla para ios, android y windows phone, o solo hacerla para un sistema operativo pero perdiendo el pu\u0301blico de las dema\u0301s.<br \/>\nCon una app hi\u0301brida esto no es necesario ya que es un solo desarrollo y se compila la app para todas las plataformas.<\/p>\n<p>Ademas de esto si tienes conocimientos de javascript, html y css no necesitara\u0301s mucho ma\u0301s para aprender como realizar una aplicacio\u0301n multiplataforma con ionic.<br \/>\nY sobre todo que nos comunicaremos con WordPress mediante su API REST y solo tendremos que actualizar el contenido en nuestro WordPress para que aparezca en nuestra aplicacio\u0301n.<\/p>\n<p><strong>\u00bfQue veremos en este taller?<\/strong><\/p>\n<p>En este taller nos vamos a centrar en el Framework Ionic.<\/p>\n<ul>\n<li>Que es el Framework Ionic basado en AngularJS.<\/li>\n<li>Requisitos ba\u0301sicos antes de Ionic.<\/li>\n<li>Instalacio\u0301n Ionic y crear proyecto en blanco.<\/li>\n<li>Un pequen\u0303o recorrido de Ionic, cuales son los principales ficheros y carpetas con las que vamos a trabajar.<\/li>\n<li>Como crear nuestra primera app.<\/li>\n<li>Crear una interfaz sencilla desde 0.<\/li>\n<li>Comunicarnos con la REST API de WordPress para extraer y mostrar contenido.<\/li>\n<li>Lanzar notificaciones mediante nuestra app.<\/li>\n<\/ul>\n<p>En definitiva vamos a ver como crear una app sencilla comunicada con WordPress.<\/p>\n<p><strong>Nos vemos en Chiclana!!<\/strong><\/p>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"660\" height=\"372\" src=\"https:\/\/www.youtube.com\/embed\/fDQ0yX13I1M?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-ES&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ya esta\u0301 apunto de celebrarse el tan esperado WordCamp Chiclana, y para los que tengan duda si asistir a mi taller u otro de los buenos talleres que hay programados a la misma, os voy a convencer con el siguiente post. El objetivo de Google durante los u\u0301ltimos an\u0303os es el mo\u0301vil y la tendencia &hellip; <a href=\"https:\/\/chiclana.wordcamp.org\/2017\/taller-creando-una-app-multiplataforma-con-wordpress-ionic\/\" class=\"more-link\">Sigue leyendo <span class=\"screen-reader-text\">Taller: Creando una APP multiplataforma con WordPress + Ionic<\/span><\/a><\/p>\n","protected":false},"author":15010700,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1141626],"tags":[1145603],"class_list":["post-2382","post","type-post","status-publish","format-standard","hentry","category-wordcamp-chiclana-2017","tag-talleres-wordcamp"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p81f3U-Cq","jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/posts\/2382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/users\/15010700"}],"replies":[{"embeddable":true,"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/comments?post=2382"}],"version-history":[{"count":4,"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/posts\/2382\/revisions"}],"predecessor-version":[{"id":2412,"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/posts\/2382\/revisions\/2412"}],"wp:attachment":[{"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=2382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/categories?post=2382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chiclana.wordcamp.org\/2017\/wp-json\/wp\/v2\/tags?post=2382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}