deck.mdx

export { default as theme } from './src/index' import { Head, Appear } from 'mdx-deck' import nightOwl from 'prism-react-renderer/themes/nightOwl' import { CodeSurfer } from 'mdx-deck-code-surfer' import { Layout, LayoutNoFooter, BGImage } from './src/index'

<title>Vue London 2018</title>

Vue London 2018

Hello Vue 👋

6.5 hours of content condensed into 30 minutes

---

Scott Spence

web team n👀bie

started the beginning of this month

---

WINNER 🏆

---

<img src={require('file-loader!./images/winner-winner-chicken-dinner.png')} />

---

<img height="670px" src={require('file-loader!./images/vue-doodle.jpg')} />

---

Doodle: credit @MattBrailsford

---

Event MC

Phil Hawksworth

Head of Developer Relations at Netlify

---

#BastardCold™

---

<img height="670px" src={require('file-loader!./images/bastard-cold.png')} />

---

Advanced Vue Testing Strategies

Roman Kuba

Senior Software Engineer at Codeship

---

GraphQL + Apollo + Vue = Magic

Sara Vieira

Developer Advocate🥑 at @YLDio

---

<CodeSurfer theme={nightOwl} lang="javascript" steps={[ { lines: [4], notes: 'Import the Apollo Client' }, { lines: [5], notes: 'Import Vue Apollo for using Apollo with vue' }, { lines: [8, 12, 9, 10, 11], notes: 'Create the provider and give it the URL' }, { lines: [15], notes: 'Tell Vue to use Apollo' }, { lines: [16, 17, 18, 19, 20], notes: 'Mount Vue' } ]} code={import Vue from 'vue' import App from './App' import ApolloClient from 'apollo-boost' import VueApollo from 'vue-apollo' \n const apolloProvider = new VueApollo({ defaultClient: new ApolloClient({ uri: 'https://api.graphcms.com/simple/v1/awesomeTalksClone' }) }) \n Vue.use(VueApollo) new Vue({ el: '#app', provide: apolloProvider.provide(), render: h => h(App) })} />

---

The New Nuxt.js 2

Sebastien Chopin

Nuxt.js Co-author and Founder of CMTY

---

Medium post:

https://medium.com/@nuxt_js/nuxt-js-2-0-webpack-4-esm-modules-create-nuxt-app-and-more-6936ce80d94c

---

Vuex in action

Jacob Schatz

Staff Engineer of Data Science at GitLab

---

I Can't See Low Vision A11y & Users

Chris DeMars

UI Developer - Google Developer Expert

---

What's a11y?

We all know it stands for Accessibility

---

We see Numeronyms every day

2FA

Two Factor Authentication

W3

World Wide Web

---

Slides:

https://www.slideshare.net/ChrisDeMars/i-cant-see-low-vision-a11y-users-115791577

---

Web Team Creative Products Champion for a11y

---

Human vs. AI

(Build a Mobile App with Vue.js, ML Kit, and NativeScript)

Jen Looper

Sr. Dev Advocate🥑. Founded Vue Vixens. GDE

---

<img height="670px" src={require('file-loader!./images/parrot-or-guacamole.png')} />

---

<img height="670px" src={require('file-loader!./images/labradoodle-or-fried-chicken.png')} />

---

Slides:

https://slides.com/telerikdevrel/mlkit-nativescript#/

---

⚡️ lightening talks ⚡ ️

---

Vue Vixens: Badassery in 2018

Natalia Tepluhina

Frontend developer and CTO of VueVixens

---

Vue Vixens hosts workshops for foxy she/they ppl who identify as women & who want to learn Vue.js for web

---

Data Visualisation with Vue

Callum Macrae

---

<img height="100px" src={require('file-loader!./images/vue-logo.svg')} />

---

<img height="10000px" src={require('file-loader!./images/vue-logo.png')} />

---

<img height="10000px" src={require('file-loader!./images/vue-logo.svg')} />

---

<img src={require('file-loader!./images/vue-speed-challenge.png')} />

---

Custom plugins for Vue CLI 3

Divya Sasidharan

Advocating for Netlify

---

What's new in VuePress

Jason Yu

Software Engineer at The Hut Group

---

Adapting Vue internals for Event Handling

Damian Dulisz

---

CodeSandbox.io: New Feature Announcements

Ives van Hoorne

Creator of codesandbox.io

---

Server Side Evaluation

---

<img src={require('file-loader!./images/sse.gif')} />

---

Looking at the UI for vue-cli

Guillaume Chau

Core Team Member of Vue.js

---

🤔

a UI

(Grapical) User Interface

for a CLI

Command Line Interface

---

<img height="670px" src={require('file-loader!./images/vue-cli-ui.png')} />

---

🤔

---

TypeScript and Vue: Bridging the Gaps

Daniel Rosenwasser

TypeScript Program Manager

---

Keynote - Roadmap for the next steps of Vue

Evan You

Creator of Vue.js

(remote)

---

TL;DR

Half the size

Twice the speed

---

Closing Speech

Blake Newman

Organiser + Vue.js Core Team Member

---

Diversity

<img src={require('file-loader!./images/diversity-tweet.png')} />

---

<img height="500px" src={require('file-loader!./images/vue-logo.svg')} />