JSFoo: VueDay 2019
A day spent discussing Vue.js, developments in the Vue ecosystem and component architecture
Aug 2019
26 Mon
27 Tue
28 Wed
29 Thu
30 Fri 08:50 AM – 05:30 PM IST
31 Sat
1 Sun
Accepting submissions till 12 Aug 2019, 11:59 PM
Not accepting submissions
CfP for VueDay is open. You can submit talks for remaining four speaking slots which are still open.
##Topics for proposing talks/workshops/tutorials for JSFoo: VueDay:
We are accepting proposals for:
You can propose talks on the following topics:
Suggest topics not covered in the above list by submitting a proposal on the topic for someone to speak on. We will find a speaker!
JSFoo: VueDay is a single-track event with Birds of Feather (BOF) and speaker connect sessions organized in parallel to talks in the main auditorium. Workshops and tutorials will be held before and after the conference.
We are interested in case studies and talks which expose participants to new approaches. We typically don’t accept:
Proposals will be shortlisted and reviewed by an editorial team consisting of practitioners from the community. Make sure your abstract contains the following information:
You must submit links to videos of talks you have delivered in the past, or record and upload a two-min self-recorded video explaining what your talk is about, and why is it relevant for JSFoo: VueDay.
You must also submit links to the following along with your proposal:
Selected speakers and workshop instructors will receive an honorarium of Rs. 3,000 for speaking at the conference. Confirmed speakers and instructors also get a pass to the conference. We do not provide free passes for speakers’ colleagues and spouses.
We try to offer travel grants to:
JSFoo: VueDay 2019 is funded through ticket sales and sponsorships. Travel grants will vary accordingly.
For more information about speaking write to jsfoo.editorial@hasgeek.com
Accepting submissions till 12 Aug 2019, 11:59 PM
WebXR supports Vue too!WebXR is a latest technology which combines WebVR/AR and it is not boring like lines and lines of code to get a small VR experience. Just a few steps to do the magic. If one is interested to learn the tricks of the magician and get the secrets behind the screen revealed then there you are, must attend my talk to get the cats off the bag. Also, having been contributed for Mozilla since 5 years I w… more
Section: Full talk (40 mins)
Technical level: Beginner
|
Understanding Vue's Reactivity System by Building OneUnderstanding how Vue implements its reactivity system from ground up, its gotchas and what’s coming in future. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Creating a highly reusable VueJS Component library and publishing on NPM using @vue/cli 3.0This talk is going to be about creating highly reusable components using Vue.js, the good practices one must keep in mind when creating a component library and some design patterns we could use. The audience will learn how to create their own libraries of extensible components and how easy it is to publish it on NPM to encourage reusability of code. more
Section: Tutorial
Technical level: Intermediate
|
Ember and Vue: A Real World ComparisonWith the recent changes to the frameworks (Latest Vue and Ember Octane edition), they share a lot of things and started to utilize native platform features such as ES Classes, decorators, etc., So In this talk, We’ll build a real world application in Both Vue and Ember (side by side) and visualize how simple to use the knowledge gained from one framework can be applied to another. The key takeawa… more
Section: Full talk (40 mins)
Technical level: Intermediate
|
How to approach unit testing enterprise vue/vuex applicationsThis talk will go through unit testing in detail, different ways of testing Stores, components, some store testing gotchas, choosing which is suitable for your application. Audience will learn multiple ways the components and store can be tested, Why testing store should be the first thing to do. more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Using Web components in VueIn this talk, my goal is to demonstrate how web components can add value to a complex web application. We’ll discuss use cases where Web components can be a better choice over Vue component. We will also explore how we can convert existing Vue components to web components. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
An Installable Vue powered multi-platform Desktop Applications (Desktop PWA)Hybrid applications are getting wildly popular with the rise of Election. But It still takes some effort to get it working correctly. Now google’s new Desktop PWA has made this process so easy and Simple. One web application can now act as website, mobile app as well as desktop app! without much modifications. Though the features of Desktop PWA are limited as of now since its very new to the mark… more
Section: Crisp talk (20 mins)
Technical level: Beginner
|
ZCUI: A cli for Vue projects lifecycleIntro to project management using custom CLI which not only help to bootstrap the project but also helps during project development lifecycle. This talk will also cover code walkthrough and demo of a project generated by ZCUI. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
A modular approach to building large scale Vue appsVue has been gaining a lot of acclaim in the world of modern FrontEnd development - especially for being easy-to-learn and to get started with. Yet, its a common notion that Vue is only suitable for small to medium sized applications and/or limited to certain parts or modules of a large application. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Migrating Large Scale Apps To VueJSThis talk will highlight process to migrate large scale application built in legacy frameworks, to migrate to SSRed Vue Applications. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Architecture and Dev environment setup for new Vue projects using Vue CLI 3Key takeaways:- Speedy Development Consistency across the app more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Web standards and Vue.js: accessibility and web componentsThe web has drastically changed the way we access, understand and use information. But what about people who have difficulties accessing web content? more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Approaches to structuring Vue componentsVueJS is a very powerful framework as it brings together the goodness of Angular 1.x and other modern developments from the world of JavaScript. I would like to showcase how we have successfully been able to adopt VueJS and integrate it as a critical component in our existing Adobe AEM-based architecture. more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
E2E Testing using Cypress in a Vue ApplicationThis talk will take you through the e2e testing journey in a vue application using Cypress. Why these days developers can test their own own code in frontend development. It also includes various ways to do e2e testing and majorly the difference between selenium and cypress e2e testing techniques and what are its benefits and limitations. more
Section: Crisp talk (20 mins)
Technical level: Beginner
|
Progressive Web App using Vue JSUnderstanding of how to create an VueJS PWA using the appropriate method. more
Section: Crisp talk (20 mins)
Technical level: Advanced
|
Developing Chrome extension using VuejsIn this talk, I will cover basics of creating a chrome extension, with a demo to a chrome extension developed by me to solve my problem. You will get to know a boilerplate for developing chrome extension using vuejs, how to start building one and learnings from my experience. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Testing apps with third-party integrationsThere are two different workshop options we have prepared for JSFoo. In both of them, we will build an express app with third-party integrations and examine best practices to run tests to it. Both workshops are highly interactive with more than 90% hands-on coding and are suitable for 15-50 attendees. The time required is at least 3 hours with a break but we can easily spend a full 6h day in eith… more
Section: Workshop
Technical level: Intermediate
|
Building a Realtime Collaborative Vue.js App using GraphQLThis tutorial will be about building a realtime todo app in Vue.js using GraphQL. The audience would be provided a ready-made GraphQL API endpoint and a boilerplate UI in Vue.js to get started. Using this, they will be integrating Apollo Client and all the functionalities of the app using GraphQL queries, mutations and subscriptions. more
Section: Tutorial
Technical level: Intermediate
|
Testing your Vue.js in it's AwesomenessUnit Testing: Unit testing is a fundamental part of software development. Unit tests execute the smallest units of code in isolation, in order to increase ease of adding new features and track down bugs. Vue’s single-file components make it straight forward to write unit tests for components in isolation. This lets you develop new features with confidence you are not breaking existing ones, and h… more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Vue, I choose you! Reasons why Flock chose Vue.js as it's go-to framework to build apps in the Flock ecosystemAn experience talk as to why a majority of the the Flock Apps in the App ecosystem are built with Vue. more
Section: Crisp talk (20 mins)
Technical level: Beginner
|
A VueJS SPA powered by a multi-repo systemA lot of times while building products, we developers are a group of individuals working on different modules in a project at different places at different timezones. One such use case would be when there are developers contributing to multiple git repositories and the VueJS app is powered by composition of those repositories. more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Building form field components in an enterprise-scale productIn an enterprise-scale product, it is quite challenging to build and maintain reusable forms using component-based frameworks like Vue, React..etc. We’ll be discussing how form fields are handled effectively at a large scale in a product like Chargebee using vue. more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Why to Vue?Are you looking to invest in a new frontend tech stack to integrate / migrate a legacy project? Are you starting a new project and exploring / comparing new frameworks for it? Want to learn how to compare frontend frameworks and what kind of tradeoffs are involved? more
Section: Birds Of Feather (BOF) session
Technical level: Intermediate
|
Building Modular Universal SPA using Nuxt.JSBuilding a fully-fledged application that is server-side rendered, having state management taken care of with the modular architecture is always the end goal of a team/individual to build long-lasting production-ready projects. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Building plugins for Vue and VuexHaving built two popular Vuex plugins (vuex-module-decorators and vuex-persist), I figured there are often pieces of our app that we reuse over and over again, and building a plugin for Vue or Vuex is idea for such situations. We will take a quick look at what are the steps respectively to build a plugin for Vue itself, or it’s data library Vuex. more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Webpack + Vue Loader : Recipe for supercharged VueWhen building ambitious single page applications, it is apt to leverage Vue’s official CLI for quick scaffolding and other useful tools. Vue calls it a “batteries-included build setups for a modern frontend workflow”. more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Making your Vue app accessible for everyoneTalking about building apps for everyone out there in the world. Know your user, and make your app to accomodate every user that can use your app. more
Section: Crisp talk (20 mins)
Technical level: Advanced
|
Atomic Design using VueAtomic design is an evolutionary approach of breaking down interfaces into fundamental building blocks and build the system bottom-up. It helps us to build consistent, solid and reusable design systems. This has gained a lot of strength and popularity in recent days. The Single File Component structure of Vue makes this approach a powerful ally for developers. Let me demonstrate how the union of … more
Section: Crisp talk (20 mins)
Technical level: Intermediate
|
Tips and tricks to customise Vue configurationAre you building large-scale Vue.js app? Is the default configuration for Vue.js and its ecosystem not good enough for your use-case? Have you tinkered with configs to achieve more than what comes out of the box? Or are you simply interested in what more does Vue.js has to offer? more
Section: Birds Of Feather (BOF) session
Technical level: Intermediate
|
Future of VueOn 1st October 2016, we released Vue 2.0. Three years have passed since. The frontend ecosystem, especially JavaScript standards and browsers, have come far. New APIs – e.g., Proxies – are available on most browsers. This has presented us an opportunity to address the caveats in Vue’s reactivity system. We are using this opportunity to address the smaller but important issues in the ecosystem. A … more
Section: Full talk (40 mins)
Technical level: Intermediate
|
Deploying apps with Vue at scaleThe Vue.js core library is designed to be focused and flexible. It’s just a view layer library that doesn’t enforce any application-level architecture. While this can be great for integrating with existing projects, it could be a challenge for those with less experience to build larger scale applications from scratch. more
Section: Birds Of Feather (BOF) session
Technical level: Intermediate
|
Building Scalable & Reusable Vue Web Apps for Multiple InstancesWe’ll see how to efficiently build a Web App to serve different countries having varying changes. Utilising Vue’s feature to architect such Scalable & Reusable Web App. more
Section: Crisp talk (20 mins)
Technical level: Intermediate
Section: Full talk (40 mins)
Technical level: Intermediate
|
State of the Vue ecosystemLearn about the current state of Vue.js Outline The Buzz around Vue.js more
Section: Crisp talk (20 mins)
Technical level: Beginner
Section: Crisp talk (20 mins)
Technical level: Intermediate
|