‘Vue.js’ Videos

  • Petr Hlavička: Vue.js a WordPress

    Petr Hlavička: Vue.js a WordPress

    WordCamp Bratislava 2018Speaker: Petr Hlavička

    March 1, 2019 — Vue.js je progresivní JavaScriptový framework pro tvorbu uživatelského rozhraní. Je navržen tak, aby jej bylo možné jednoduše implementovat do projektů, které využívají jiné JavaScriptové knihovny. Vue může být použit i jako webový aplikační framework pro pokročilé single-page aplikace (SPA) a je jednoduše rozšířitelný pomocí oficiálních i neoficiálních komponent.

    Díky jeho návrhu a jednoduchosti implementace je možné jej jednoduše použít vedle jQuery s WordPressem a to od komplexnější kalkulačky či formuláře po kompletní front-end webu (šablonu využívající WordPress REST API k zobrazení obsahu).

    V rámci přednášky se dozvíte základní informace o Vue, jaké jsou jeho výhody pro WordPress vývojáře a jaké jsou možnosti použití s WordPressem.

    Presentation Slides »

  • Erick Arbe: Getting Started with Vue.js and WordPress

    Erick Arbe: Getting Started with Vue.js and WordPress

    WordCamp Atlanta 2018Speaker: Erick Arbe

    January 24, 2019 — In this talk, we’ll dip our toes into the hot new javascript framework called Vue.js. We’ll go over how to integrate Vue.js into a custom theme and use WordPress as the backend that powers a simple directory with an ajax search feature and Google Maps. We’ll cover a few basic concepts of Vue and why it can be a nice alternative to using jQuery.

  • Brian Richards: How I created WPBingo using Vue.js, Tailwind CSS, and the WP REST API

    Brian Richards: How I created WPBingo using Vue.js, Tailwind CSS, and the WP REST API

    WordCamp Miami 2018Speaker: Brian Richards

    January 23, 2019 — Just prior to WordCamp US 2017 I had the fun idea of creating an interactive bingo board for all of the fun and unique things that we regularly observe within our community. I was able to knock together the original concept after just a couple of hours thanks to utility provided by View and tailwind. Later I connected it to WordPress via the rest API so that I could more easily manage each of the squares available in the data set.

    In this presentation I walk you through how I went from idea to prototype to fully functional web app. We’ll cover the purpose served by my chosen frameworks and why I picked those instead of writing plain, vanilla JavaScript and CSS (or competing frameworks, for that matter). While this will not be a deep dive into code, we will review specific code samples and you should get enough detail to build this – or something like it –yourself by the time the session has ended.

    Here’s the specific list of the things you can expect to learn during this presentation:

    * Why I chose Vue instead of React for this particular project
    * Some of the neat things that Vue provides to us as developers (Vue.js 101)
    * How to utilize local storage for resilience against connectivity issues and unintended browser refreshes
    * The benefits of utility-based CSS classes
    * How to register custom rest API endpoints
    * Handling API authentication without regular users
    * How you too can totally disrupt the State of the Word address

    Presentation Slides »

  • Erick Arbe: Getting Started with Vue.js and WordPress

    Erick Arbe: Getting Started with Vue.js and WordPress

    WordCamp Asheville 2018Speaker: Erick Arbe

    January 9, 2019 — In this talk, we’ll dip our toes into the relatively new javascript framework called Vue.js. We’ll go over how to integrate Vue.js into a custom theme and use WordPress as the backend that powers a simple directory with an ajax search feature and Google Maps. We’ll cover a few basic concepts of Vue and why it can be a nice alternative to using jQuery.

    Takeaways:

    You’ll know what Vue.js is!
    You’ll have a basic understanding of how to get started with Vue.
    You’ll see how to use the WordPress API in order to use that data with Vue.js

  • Walker Leite: Criando web-components interoperáveis com Vue.js para o WordPress

    Walker Leite: Criando web-components interoperáveis com Vue.js para o WordPress

    WordCamp Floripa 2018Speaker: Walker Leite

    May 5, 2018 — Vou iniciar explicando o que são os single file components do Vue, depois vou explicar como importar arquivos .vue no WordPress sem compilação e com suporte a scoped CSS, para usá-los como componentes no WordPress através da api shadow-dom e Custom Elements. Por fim vamos ver como enviar dados do WordPress para os componentes recém criados.

    Presentation Slides »

  • Marko Banušić: Vue.js with WordPress

    Marko Banušić: Vue.js with WordPress

    WordCamp Zagreb 2017Speaker: Marko Banušić

    December 20, 2017 — Vue.js is progressive javascript framework for creating reactive frontend apps. In this presentation I want to show the advantages to using such framework and how to use it to develop new interfaces. Presentation will guide users through necessary tools, code examples and real world use cases and demos.

  • Allen Moore: Vue.js + WordPress

    Allen Moore: Vue.js + WordPress

    WordCamp Raleigh 2017Speaker: Allen Moore

    June 4, 2017 — The popularity of JavaScript has lead to an ecosystem that’s vibrant, growing, and to be honest, somewhat out of control. Each day leads to a new framework labeled as the next great thing, but each framework presents it’s own unique set of pros, cons, and frustrations.

    In this talk, we will look at Vue.js, one of the most popular JavaScript frameworks available. In 2016, stateofjs.com conducted a survey where over 89% of the surveyed developers gave Vue.js a satisfactory rating, which rates it as the second highest rated framework behind React, which received a rating of 92%. We will look at real world examples of how Vue.js can be integrated into a WordPress project for the front end, the back end, and interaction with the WordPress Rest API.

    Presentation Slides »