Vue.js + WordPress: un ejemplo práctico

Julia Mestieri - WordCamp Bilbao

Castellano | Euskera | English

El objetivo de esta charla es hacer una primera toma de contacto con Vue.js integrado en WordPress con una aplicación real y funcional simple.

Vamos a hacer una introducción desde 0 a Vue.js con sus elementos básicos. Veremos como manejar esta librería para mostrar conjuntos de información simples. Conoceremos que lo hace tan especial y por que este cada vez mas en las conversaciones de desarrolladores.

Luego veremos un ejemplo práctico de como integrarlo en WordPress. Construiremos un simple panel para una tienda con Woocommerce con estadísticas del sitio y productos viendo como coger la información de la API de WordPress y renderizarla con Vue.js.

El contenido de la charla va a contener explicaciones genéricas sobre Vue.js para la introducción pero pasaremos pronto a ver código y ejemplos prácticos, así que esta especialmente recomendada para desarrolladores pero también para aquella gente con ganas de conocer las novedades de ese framework JavaScript pues vamos a ver alguna de sus potencialidades importantes.

 

Ponente: Julià Mestieri

 


Euskera

Hitzaldi honen helburu nagusia Vue.js hobeto ezagutu eta lehen kontaktua egitea da, WordPressekin integratuta aplikazio erreal eta funtzional erraz batekin.

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.

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.

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.

 

Hizlaria: Julià Mestieri

 


English

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.

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.

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

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.

 

Speaker: Julià Mestieri

 

Ponente