Friday, 3 November, 2017 UTC
Summary
After the wildly successful reception of the first React digest we are expanding our coverage with the three most popular front-end JS libraries/frameworks: Angular, React and Vue. Kicking off the series with the VueJS Talks Digest Q3, a collection of 19 recorded talks from meetups and conferences during July, August and September (hence the Q3 title).
Subscribe to the newsletter and get notified once the Angular and React talks, or the October digest of VueJS are live.
What is MeetupFeed?
MeetupFeed is a monthly curation of recorded talks from the latest tech meetups and conferences. We want to make it easy for developers to follow and discover what’s happening in their global communities.
Features:
- All the talks are in English and video quality is at least OK
- Most of the talks have short descriptions, bio and attachments that have been approved by the speakers (yep, we are contacting them one-by-one)
- For enabling some sort of Q&A, we have added the twitter profiles of all the speakers we could find
- Pro tip: digests are quite long so you should consider using a Read it later app or YouTube’s Watch later playlist
Follow us on twitter or subscribe to the monthly newsletter (strictly one mail per month) and receive the next digests in your inbox. Enjoy the curation and as always, feedbacks are welcome!
Vue NYC (New York, NY)
Vue Q&A (24:51)
Evan You
An open-ended Q&A with the creator of Vue.js
Vue.js: If rails and react made a baby (8:06)
Anton Revich
We will be discussing how i used Vue.js to recreate a 1 page app originally written in React. Will go over basic syntax of Vue.js and benefits and disadvantages of Vue.js compared to react. SLIDES.
Testing vue (12:58)
Matt O’Connell (Adobe)
This will be a high level introduction into the world of testing Vue components. We will look at existing component testing libraries and discuss the roadmap for the future of testing Vue. SLIDES.
Extending Vue’s single file components to do more (24:37)
Justin Bennett
Vue’s single file components support script, style, and template blocks. Did you know it can also support custom blocks? I’ll show you how to plug into vue-loader to add custom blocks for all the interesting usecases you never knew you had. SLIDES.
Vue.js: the Progressive Framework (38:24)
Evan You
This talk will be a high-level introduction to the Vue framework, covering its origin, architecture, design philosophy, ecosystem and (some) comparison with other mainstream frameworks. SLIDES.
Production Ready Progressive Web Apps with vue-pwa-boilerplate (17:53)
Jeff Posnick
vue-cli along with the vue-pwa-boilerplate gives developers a solid starting point for building production-ready Progressive Web Apps. We’ll walk through the process of getting started, and cover all the benefits that you build your PWA on a solid foundation.
A Short Synopsis of Vue Storybook (12:02)
Erin Depew (Behance)
Styleguides are an important tool for development and design teams, but they often have an underwhelming feature-set and are difficult to implement. Storybook is a lightweight styleguide generator that addresses these common issues and now supports Vue components. During this talk, we’ll present a brief overview of Vue Storybook: what it does, how it works, and why you would want to use it.
Erin Depew is a software engineer at Behance in New York. As a jack-of-all-trades, she has more hobbies than time, but at the moment she loves designing beautiful user interfaces, implementing data visualisations and geeking out about functional programming.
Mobile Apps with Vue and NativeScript (11:40)
Ignacio Fuentes
Leverage the Vue architecture to produce native mobile apps for iOS and Android
Intro to Vetur (13:59)
Pine Wu
Vetur is one of the first editor extensions that aims to bring powerful IDE features to front-end frameworks. With syntax-highlighting, error-checking, linting, formatting and auto-completion, Vetur has become VSCode’s default choice for editing Vue files. During this talk, we’ll take a look at Vetur’s various features with some live coding.
ForwardJS (San Francisco, CA)
Getting Hooked on Vue.js (38:05)
Dalton Mitchell (Riskalyze)
This is the story of how I used Vue.js to build the redesigned UI of our web application. While I was initially skeptical, Vue made it easy to just try it out on a tiny feature at first, eventually building a full featured SPA without much more knowledge required than for the “Hello World” examples that I started with. Along the way, I learned some surprising things by trying a new tool and will share lessons about how framework creators can build tools that allow developers to be productive without sacrificing performance or an enjoyable user experience.
Chicago Javascript Meetup (Chicago, IL)
Getting started with Vue.js
Michael Ginalick (Outcome Health)
In this discussion, we will cover some of the philosophies behind building apps with Vue js. Why Vue might be a good choice for your application, and how to scale your application using Vue. Finally, we will look at an example application to see Vue in action. SLIDES.
Michael organizes Chicago Vue.js meetup group.
Denver Vue JS Meetup (Denver, CO)
OverVue of ES2015/next, babel, eslint and Webpack (1:07:41)
CJ Reynolds (Galvanize)
It’s really easy to get started coding a Vue.js app with the vue-cli, but there is a lot going on in that generated directory. This talk will give an overvue of all the things that go into building a Vue.js app, and how to customize it to your hearts content. By the end of this talk, attendees will be able to:
* Use the latest features of ECMAScript including CommonJS modules, Classes, Arrow Functions, Template Strings, Destructuring and Method Definitions
* Update the included babel config to use the latest features of es-next
* Add/remove/update rules in the included .eslintrc
* Modify/update and add plugins to the included webpack config
SLIDES.
CJ is an an Instructor, Full Stack Developer, Maker, Hardware Tinkerer and Technologist. He’s worn many hats including Software Engineer, Help Desk Consultant, System Administrator and Quality Assurance Analyst. CJ has a passion for sharing knowledge and writing clean self documenting code.
Develop Denver 2017 (Denver, CO)
An OverVue of Vue.js (59:26)
CJ Reynolds (Galvanize)
Vue.js is a modern JavaScript front-end framework built to organize and simplify web development. With over 55K stars on github, Vue.js has quickly gained popularity for it’s simplicity and ease of use.
In this talk I will give an overvue of the framework including vue-cli, directives, components, event handling and vue router.
Whether you’re a JavaScript veteran or JavaScript noob you’ll walk away from this talk with the resources to get started on your first application with Vue.js.
TALK
SLIDES AND CODE
CJ is an an Instructor, Full Stack Developer, Maker, Hardware Tinkerer and Technologist. He’s worn many hats including Software Engineer, Help Desk Consultant, System Administrator and Quality Assurance Analyst. CJ has a passion for sharing knowledge and writing clean self documenting code.
Vue JS Singapore (Singapore, Singapore)
Vue For Real (20:21)
Tai Shi Ling (UI-licious)
VueJs may not have official support of tech giants like Google and Facebook, but you would be mistaken to think of it as any less than Angular and React. Vue has already being used in production to build complex web applications by companies like CodeShip and GitLab. Find out why you should consider using Vue for your next big project.
Tai Shi Ling is the CEO of UI-licious. She’s been building web apps over the last 5 years and seen the rapid development of the web, lived and breathed jQuery, then AngularJs 1, before finally falling in love with Vue.
Vue.js 101 – Introduction (42:31)
Lionel Yeo (Wesvault)
* What the is Vue.js? A brief history
* Why Vue and What Makes It Different?
* Why some say it’s the next big thing?
* Live Coding (only because Vue is just so simple!)
Laracon EU 2017 (Amsterdam, NL)
Building a realtime dashboard with Laravel, Vue and Pusher (47:27)
Freek Van der Herten (Spatie)
On the wall mounted TV in our office a dashboard is displayed. At a glance we can see what the current tasks for each member of our team are, which important events are coming up, which music is playing, … and much more.
In this talk I’ll explain how we leveraged both Laravel and Vue to build the dashboard. After demonstrating the dashboard itself we’ll take a deep dive in the code. We’ll take a look at the entire flow: the grid system, how events are broadcasted using Pusher, some cool Vue mixins and much more. After this talk you’ll be able to setup your own dashboard using our open sourced code. SLIDES.
Freek Van der Herten is a partner and developer at Spatie, an Antwerp based company that specializes in creating Laravel apps. The company has an open source first mentality. Freek is the author of many packages that Spatie releases. According to GitHub awards Spatie is in the top 3 of PHP developers worldwide. He is currently building https://ohdearapp.com
After hours Freek writes about modern PHP and Laravel on his blog and is a co-organizer of PHP User group in Antwerp, Belgium. When not coding he’s probably rehearsing with his kraut-rock band.
Building an Airbnb-like search experience (23:55)
Julien Bourdeau (Algolia)
Building search can be complicated, you have to find the relevant data, rank them, handle typos and of course, it has to be fast. In this talk I will show you how to build a typo-tolerant geo-aware lightning-fast search with Laravel and Algolia. We will basically reproduce Airbnb search experience in 45 minute.
Inside Vue Components (44:49)
Evan You
If you’ve used Vue with Laravel, you’ve likely become used to the single file Vue components that just works out of the box. This talk will discuss how we moved from the traditional language-based separation of concern to this new pattern for composing UI in our apps, how this trend is reflected in the bigger frontend scene as a whole, and some technical details on how all the magic happens under the hood.
Evan is a developer, designer and creative coder. He is the author of Vue.js, a JavaScript framework for building modern web interfaces with reactive components. In the past Evan worked at Meteor Development Group on the most starred full-stack JavaScript framework on GitHub, and before that spent two years at Google Creative Lab hacking on experimental UI prototypes for various Google products.
TernopilJS Meetup (Ternopil, UA)
How I manage time and stay fit using Vue.js (27:48)
Olga Filipova
In this topic Olga speaks about the web application developed for her second book on Vue.js. This application is called ProFitOro, it combines the Pomodoro timer with small office workouts: www.profitorolife.com. SLIDES.
Olga – tech lead frontend @OptioPay, Berlin and CTO @EdEra (Ukrainian educational project). The author of two books: Learning Vue.js 2 and Vue.js 2 and Bootstrap 4 Web Development: Build Responsive SPAs with Bootstrap 4, Vue.js 2, and Firebase
The post All the recorded VueJS talks from the last three months — VueJS Talks Digest Q3 2017 appeared first on MeetupFeed.