{"id":1667,"date":"2017-03-24T19:15:49","date_gmt":"2017-03-24T18:15:49","guid":{"rendered":"http:\/\/2017.bilbao.wordcamp.org\/?post_type=wcb_session&p=1667"},"modified":"2017-03-24T19:17:59","modified_gmt":"2017-03-24T18:17:59","slug":"vue-js-wordpress-un-ejemplo-practico","status":"publish","type":"wcb_session","link":"https:\/\/bilbao.wordcamp.org\/2017\/session\/vue-js-wordpress-un-ejemplo-practico\/","title":{"rendered":"Vue.js + WordPress: un ejemplo pr\u00e1ctico"},"content":{"rendered":"

\"Julia<\/p>\n

Castellano<\/a> | Euskera<\/a> | English<\/a><\/p>\n

<\/p>\n

El objetivo de esta charla es hacer una primera toma de contacto con Vue.js integrado en WordPress\u00a0con una aplicaci\u00f3n real y funcional simple.<\/p>\n

Vamos a hacer una introducci\u00f3n desde 0 a Vue.js con sus elementos b\u00e1sicos. Veremos como manejar esta librer\u00eda para mostrar conjuntos de informaci\u00f3n simples. Conoceremos que lo hace tan especial y por que este cada vez mas en las conversaciones de desarrolladores.<\/p>\n

Luego veremos un ejemplo pr\u00e1ctico de como integrarlo en WordPress. Construiremos un simple panel para una tienda con Woocommerce\u00a0con estad\u00edsticas del sitio y productos viendo como coger la informaci\u00f3n de la API de WordPress\u00a0y renderizarla con Vue.js.<\/p>\n

El contenido de la charla va a contener explicaciones gen\u00e9ricas sobre Vue.js para la introducci\u00f3n pero pasaremos pronto a ver c\u00f3digo y ejemplos pr\u00e1cticos, as\u00ed que esta especialmente recomendada para desarrolladores pero tambi\u00e9n para aquella gente con ganas de conocer las novedades de ese framework JavaScript\u00a0pues vamos a ver alguna de sus potencialidades importantes.<\/p>\n

 <\/p>\n

Ponente: Juli\u00e0 Mestieri<\/a><\/p>\n

 <\/p>\n

\n
\n<\/div>\n

Euskera<\/h2>\n

Hitzaldi honen helburu nagusia Vue.js hobeto ezagutu eta lehen kontaktua egitea da, WordPressekin integratuta aplikazio erreal eta funtzional erraz batekin.<\/p>\n

0-tik hasi eta Vue.js-ra sarrera bat egingo dugu bere oinarrizko elementuekin. Framework hau nola erabili ikasiko dugu informazio talde sinpleak erakusteko. Hain berezi egiten duen hori eta garatzaileen ahotan azken boladan zergatik dabilen ere ikusiko dugu.<\/p>\n

WordPressen nola integratu ikusiko dugu adibide praktiko bidez. Panel sinple bat sortuko dugu WooCommerce denda baten produktuen eta datuen estatistikak erakusteko, WordPressen APIaren bidez datuak jaso eta Vue.js bidez renderizatu.<\/p>\n

Hitzaldiaren edukia Vue.js-ri buruzko azalpenak orokorrak emango ditu baina laster pasako gara kodea ikustera adibide praktiko bidez. Beraz, garatzaileentzako toki aproposa da hau, baita javascript framework honi buruzko berrikuntzak ikasi nahi dituen pertsona guztientzat.<\/p>\n

 <\/p>\n

Hizlaria:\u00a0Juli\u00e0 Mestieri<\/a><\/p>\n

 <\/p>\n

\n
\n<\/div>\n

English<\/h2>\n

The objective of this talk it’s to make the first contact with Vue.js integrated in WordPress with a simple real and functional application.<\/p>\n

We will do an introduction from 0 to Vue.js with it’s basics elements. We will see how to manage this library to show simple information. We will learn what makes so special and why it’s so popular in the developers talks.<\/p>\n

Then, we will see a practical example of how integrate it in WordPress. We will create a simple panel for a WooCommerce shop with statistics of the site and products. We will see how to take the information from the API of WordPress and sho it with Vue.js<\/p>\n

The content of this talk will have generic information about Vue.js for the introduction but we will fast watch code and practical examples. It’s recommended for developers and for those who want to learn more about this JavaScript framework.<\/p>\n

 <\/p>\n

Speaker:\u00a0Juli\u00e0 Mestieri<\/a><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Castellano | Euskera | English<\/p>\n","protected":false},"author":13869550,"featured_media":0,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"_wcpt_session_time":1494679500,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1666],"footnotes":""},"session_track":[446812],"session_category":[],"class_list":["post-1667","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-b"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pheMS7-qT","session_date_time":{"date":"13\/05\/2017","time":"14:45"},"session_speakers":[{"id":"1666","slug":"julia-mestieri","name":"Juli\u00e0 Mestieri","link":"https:\/\/bilbao.wordcamp.org\/2017\/speaker\/julia-mestieri\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":5,"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1667\/revisions"}],"predecessor-version":[{"id":1673,"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/sessions\/1667\/revisions\/1673"}],"speakers":[{"embeddable":true,"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/speakers\/1666"}],"author":[{"embeddable":true,"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wporg\/v1\/users\/quiron"}],"wp:attachment":[{"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/media?parent=1667"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_track?post=1667"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/bilbao.wordcamp.org\/2017\/wp-json\/wp\/v2\/session_category?post=1667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}