JavaScript Remote Conf 2020 May 14th to 15th - register now! Vladimir Novick explains Hasura&#39;s graphQL implementation, and how easy it is to set up an interface to your SQL database. We then learn about Apollo Vue, and explore how to integrate it into your applications. Panel Lindsay Wardell Austin Gil Guest Vladimir Novick Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links The Ultimate Guide to handling JWTs on frontend clients Course Introduction | GraphQL Vue Apollo Tutorial Vue and GraphQL with Hasura video course Instant realtime GraphQL APIs on PostgreSQL | Hasura GraphQL Picks Austin Gil: iClever BK03 Bluetooth Keyboard Lindsay Wardell: Brave Browser Confessions of an Imaginary Friend by Michelle Cuevas Vladimir Novick: Follow Vladimir on Twitch, Website,YouTube Vue Apollo Key Light | elgato.com Keyboard Maestro 9.0.5: Work Faster with Macros for macOS Follow Views on Vue on Twitter > @viewsonvue

Views on Vue

VoV 104: Exploring GraphQL in Vue with Vladimir Novick

In this episode of Views on Vue, guest, Matt Brophy of Urban Outfitters speaks about how they do progressive form enhancement, and also dynamic Vuex modules for dynamic pages. Panel Lindsay Wardell Austin Gil Steve Edwards Guest Matt Brophy Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links Vue Mastery ValidityState Instance-Aware Vuex Modules Part 1 Instance-Aware Vuex Modules Part 2 Instance-Aware Vuex Modules Part 3 vuex-helpers Picks Matt Brophy: The Outsider Thursday Boots Austin Gil: Multi Charging Cables Lindsay Wardell: AlpineJS 10% Happier Steve Edwards: Steven Wright Special (1985) Follow Views on Vue on Twitter > @viewsonvue

VoV 103: Progressive Form Validation & Instance Aware Vuex Modules with Matt Brophy

The Views on Vue panelists discuss components: They delve into what is it, when to create a new one, data management between components and their favorites. Panel: Lindsay Wardell Austin Gil Deane Venske Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Element - A Desktop UI Toolkit for Web SweetAlert2 Vue Material Design Component Framework — Vuetify.js Docs - Read Me ⋅ Storybook GitHub - euvl/vue-notification: Vue.js 2 library for showing notifications Vue Apollo Picks Austin Gil: PrimeVUE Playing Soccer Deane Venske: debugger - JavaScript | MDN AI Dungeon Lindsay Wardell: Replacing Vuex with XState - DEV Community Old CSS, new CSS / fuzzy notepad   Follow Views on Vue on Twitter > @viewsonvue

VoV 102: Components from the Ground Up

Dean and Lindsay talk about the projects they&#39;re working on and the technologies they&#39;re using. Dean talks about using Apache Cordova and Firebase to build mobile apps. Lindsay is working on building his own card game and short circuited the physical design process by building an electron app. Keep listening to see what else they&#39;re working on. Panel Deane Venske Lindsay Wardell Sponsors Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links A Vue Cli 3 plugin for Electron with no required configuration NW.js Picks Deane Venske: Firebase Marak/faker.js Soda Stream Lindsay Wardell: Mirage JS • An API mocking library for frontend developers   Follow Views on Vue on Twitter > @viewsonvue

VoV 101: Real Life Projects Using Vue

Panel: Steve Edwards Lindsay Wardell Austin Gil Deane Venske Charles Max Wood Devlin Duldulao Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Laracasts Journey: Vue Lex Fridman - AI Podcast Posfest 2020 LastPass Open Source Password Management Solutions | Bitwarden Firefox Lockwise — password manager Buttercup Picks: Austin Gil: Inclusive Components ASUS ZenBook 14 Permanent Record: Edward Snowden Deane Venske: GitScrum | GitScrum Lifetime Deal Tolkien Lindsay Wardell: A Vue CLI plugin for trying out vue-next Vue-Channel Steve Edwards: Simplenote Charles Max Wood: Ready, Fire, Aim Harry Potter: Hogwarts Battle | Board Game Legendary: A Marvel Deck Building Game   Follow Views on Vue on Twitter > @viewsonvue  

VoV 100: Views on Vue Celebrates 100th Episode

The Jared Wilcurt, a prolific Vue developer leads the panelists of Views on Vue into an educational episode on writing tests in Vue. He also speaks about a library that he has been working on that solves a bunch of problems around snapshot testing in Vue. Panel: Steve Edwards Devlin Duldulao Austin Gil Deane Venske Guest: The Jared Wilcurt Sponsors: Springboard | Click here NOW for $500 off the course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ____________________________________________________________   "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links: Snapshot Testing · Jest jest-serializer Vue Test Utils Clean Coders: Training videos. With personality. For software professionals. The Jared Wilcurt - DEV Community Picks: The Jared Wilcurt: Follow The Jared on Twitter @TheJaredWilcurt, Github, Website A Beautiful Day in the Neighborhood Devlin Duldulao: Calvin and Hobbes Deane Venske: The Witcher Series Daily - Source for Busy Developers Austin Gil: @types/jest - npm eslint-plugin-vue mostly-adequate-guide Steve Edwards: Safely Home by Randy Alcorn 

VoV 099: Testing in Vue with The Jared Wilcurt

Lindsay has been working with Gridsome for a while and leads the discussion about what Gridsome is and how it works. A bit of time is spent comparing it to Gatsby from the React Ecosystem. Lindsay also walks the panel through the process of building a Gridsome plugin. Panelists Charles Max Wood Lindsay Wardell Deane Venske Austin Gil Devlin Duldulao Steve Edwards Sponsors Springboard | Promo code "JABBER" gives $500 off the job-guaranteed Course Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans ________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links The ultimate guide to comments for static sites – Shifter Views on Vue on Facebook Follow Views on Vue on Twitter @viewsonvue Picks Devlin Duldulao: Octotree Steve Edwards: King Kong Apparel Lindsay Wardell: Magic: Legends Austin Gil: Tailwind Particles Knife sharpener Deane Venske: Toggl - Free Time Tracking Software Charles Max Wood: The Man In the High Castle Magician: Apprentice  

VoV 098: Gridsome and Gridsome Plugins

In this episode of Views on Vue, Charles Max Wood interviews speakers at GitLab Commit 2019. Eddie Zaneski from Digital Ocean talks about "Creating a CI/CD Pipeline with GitLab and Kubernetes in 20 minutes", Shamiq Islam from Coinbase talks about "Closing the SDLC Loop- Automating Security" and Jasmine James, from Delta Airlines, discusses " How Delta Became Cloud Native-Avoiding the Vendor Lock". Eddie, Shamiq, and Jasmine give the 5 min "elevator pitch" for the talks they gave at the conference. In his talk, Eddie deploys a fake startup going through the whole pipeline: building the application, containerizing an application and shipping it off to Kubernetes. Shamiq, talks about how the conventional approach to security is to consider it at the very end after all developer has wrapped up their work and why that should change. Jasmine explains more in-depth what it means for a big corporation like Delta to be in a Vendor Lock. Sponsors Cachefly Links Creating a CI/CD Pipeline with GitLab and Kubernetes in 20 minutes by Eddie Zaneski Hacktoberfest presented by DigitalOcean and DEV Commit Brooklyn 2019: Closing the SDLC Loop - A Security Panel by Shamiq Islam Commit Brooklyn 2019: How Delta Became Truly Cloud Native - Avoiding the Vendor-Lock by Jasmine James 

VoV 097: Views on Vue Live at Gitlab Commit 2019

In this episode of Views on Vue the panel interviews Daniel Purcell, asking him about using Cordova with Vue. He starts by explaining what Cordova is and how to get started with Cordova. The panel discusses using VueCLI with Cordova. Daniel explains how to make your app look like a mobile app and recommends some tools to help your app look more native.  The panel asks about the cons of using Cordova. Daniel explains how there is a small hit to the performance that rarely affects whether they use Cordova. The panel brings up the common complaint of camera problems, Daniel explains how to get past it.  The benefits of using Cordova are considered next. Daniel explains that debugging and building with Cordova is fast. It is also very economical because you can reuse much of your web apps in your mobile apps. He explains how easy it is to do this and walks the panel through it. They discuss push notifications. Daniel shares some of the apps they have built, the challenges they faced and how they overcame them.  The panel asks Daniel about testing Cordova apps, he walks them through beta testing in the Google play store and Testflight for iOS. The panel is intrigued by Codepush and how it allows you to dynamically update. Daniel shares resources for getting started and gotchas for developers to watch out for when using Cordova. Panelists Charles Max Wood Lindsay Wardell Deane Venske Austin Gil Guest Daniel Purcell Sponsors   CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links https://github.com/m0dch3n/vue-cli-plugin-cordova  https://ionicframework.com/  Announcing the Ionic Vue Beta  https://microsoft.github.io/code-push/  Hero Kids - Fantasy RPG  https://www.velocitywebworks.com https://getyourmarriageon.com/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: Terry Brooks The MaxCoders Guide To Finding Your Dream Developer Job Lindsay Wardell: https://zapier.com/ The Terrible Two Deane Venske: The Santa Clause The Santa Clause 2 The Santa Clause 3: The Escape Clause Raymond E. Feist Daniel Purcell: Brandon Mull It&#39;s a Wonderful Life https://www.vim.org/ Austin Gil: Settings Sync  Web Accessibility Extension - Visual Studio Code  Polacode  :emojisense: 

VoV 096: Cordova and Vue with Daniel Purcell

In this episode of Views on Vue the panel interviews Mirjam Bäuerlein, a developer who is new to Vue. Mirjam starts by explaining her coding journey. She has been coding as a hobby since she was 11 and about 3 years ago decided to make it a career. Her work at the time moved her to frontend development in React; giving her the shot that she needed to get a jump on her new career path. Her newest job is using Vue and is the reason she switched to Vue.  The panel asks Mirjam about her first impressions of Vue and how she is enjoying the language. She shares with the panel what she enjoys about Vue and what she misses about React. Mirjam tells the panel what it has been like getting into development in recent years since most of the panel has been coding for a much longer. She explains how overwhelming it is learning code in the technology-saturated environment.  They discuss the challenges Mirjam faced, deciding where to start, staying focus on one thing and stemming the desire to try everything she found. They discuss the power of starting with basics such as CSS and HTML. They consider all the things you can do just by knowing CSS and HTML.  Mirjam gave a talk on how dog training relates to test-driven development. She trained dogs for years before becoming a developer and is very passionate about testing and test-driven development. These two passions drove her to give this talk. The panel asks her a few questions about training developers and how training dogs relate to test-driven development.  They continue to discuss testing and what tests are best. Mirjam loves unit tests. She explains why she thinks they are the best. The panel brings up a tweet explaining that integrations were the best. They debate what are the best types of tests but they all agree in the end. Just test your applications. She shares tips for writing and debugging tests. She finishes by explain what conference buddy is.  Panelists Charles Max Wood Lindsay Wardell Steve Edwards Austin Gil Guest Mirjam Bäuerlein Sponsors   CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ____________________________________________________________ Links   https://www.duolingo.com/  https://www.cloudflare.com/products/cloudflare-workers/  RuhrJS2019: Mirjam Bäuerlein: Reinforce yourself: a tale of dog training and test-driven development  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: https://adventofcode.com/  https://javascriptforum.net/ Lindsay Wardell: Paleo Maple Pecan Apple Crisp {Vegan}  Steve Edwards: https://www.needtobreathe.com/ Mirjam Bäuerlein: https://www.conferencebuddy.io/  https://exercism.io/ Austin Gil: https://www.cloudflare.com/ https://www.duolingo.com/ 

VoV 095: New to Vue with Mirjam Bäuerlein

In this episode of Views on Vue the panel shares what their set-ups look like. They start by discussing IDE and text editors. Most of them use VScode for their setups but they like to use others when they need them. The panelist list some of their favorite plugins, Vetur, Prettier, Vue peeks, NPM, word counters, and spell checkers. They talk about Vue CLI and other CLIs they use.    Next, they talk about what machines they are all using. Most are currently using a Mac Book Pro. They discuss the pros and cons of using Mac products. Charles Max Wood talks about the desktop he built and how his next computer will be a PC. They consider Linux on Windows. They also compare Linux and Mac. Source code and deployment are discussed as well.    They finish by sharing the physical set-ups in their offices. They discuss furniture, how many monitors they use, how big their monitors are and the tools that make their day more comfortable. They discuss the merits of sitting and standing while working. Desk treadmills are considered. They also talk about working at home compared to working from the office.  Panelists Charles Max Wood Devlin Duldulao  Lindsay Wardell Steve Edwards Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://system76.com/pop  https://desktop.github.com/  https://jfrog.com/artifactory/  https://about.gitlab.com/ https://www.sharemouse.com/  Conquer Under Desk Portable Electric Treadmill Walking Pad  Anti Fatigue Standing Desk Mat  https://vuetifyjs.com/en/ https://github.com/nuxt/create-nuxt-app https://nuxtjs.org/ https://github.com/vuejs/vetur https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: A Christmas Story Rudolf the Red-Nosed Reindeer The Little Drummer Boy Santa Claus Is Comin&#39; to Town The Ultimate Gift Lindsay Wardell: https://thedangercrew.com/ Steve Edwards: https://laughingsquid.com/mouse-cleans-up-tool-shed/  Devlin Duldulao: Rhinos 

VoV 094: Head to Toe Development Set Up

In this episode, the panel interviews Austin Gil, author of Vuetensils. Austin begins by explaining that Vuetensils is and why he wrote it. Vuetensils is a UI library filled with naked components that make it easy to build accessible apps. The panel explains that it is not as opinionated as other libraries making it easy to style yourself.  The panel discusses the need for accessibility and how painful it can be to write accessible apps. Austin explains that developers are what make accessibility hard. The web was designed to be accessible but incorporating design and style complicates it. Austins shares some of the components in Vuetensil and what they do for your app.  Vuetensils, Austin explains is designed to be as out of the way as possible while still giving you what you need. He explains how it differs from libraries like Vuetify and Bootstrap, with these tools you get everything. Vuetensils makes you choose the components you want, forcing you to stay lightweight. Vuetensils is ideal for small projects where you don’t need a lot of UI components.  Finally, the panel discusses the testing of Vuetensils. Austin explains that the library is still young and that he is still working on testing. He explains his plans for the future of Vuetensils and what it will take to get to a version 1 release. The panel discusses how to get started with Vuetensils and how to support it.  Panelists Charles Max Wood Lindsay Wardell Steve Edwards Guest: Austin Gil Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly ____________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! ___________________________________________________________   Links https://vuetensils.stegosource.com/  https://www.w3.org/ https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: White Christmas  Holiday Inn  The Court Jester  The MaxCoders Guide To Finding Your Dream Developer Job  Lindsay Wardell: https://typora.io/ Steve Edwards: Death Nut Challange 2.0  Austin Gil: Get involved in the Vue community 

VoV 093: Vuetensils with Austin Gil

In this episode of Views on Vue Charles Max Wood interviews speakers at JAMstack Conf SF His first interview is with Ire Aderinokun. Ire works for Buycoins, a cryptocurrency exchange for Africa. She gave a lightning talk, “Headless Chrome & Cloudinary for progressively enhanced dynamic content on the web”. After giving a brief overview of her talk to Charles, Ire defines progressive enhancement for the listeners.    Walking through how progressive enhancement works, she explains how Headless Chrome and Cloudinary helped her with the project she shared in the talk. Ire and Charles consider the blindspot that developers experience because they work on high-end devices and how using progressive enhancement helps those who use lower-end devices.   Ire shares her experience with JAMstack and explains how progressive enhancement works with JAMstack. Charles shares his experience using JAMstack. The episode ends with Ire giving advice and resources to help get started with progressive enhancement.    Next, Charles interviews Shawn Erquhart work runs the Netlify CMS project. Charles share his experience using Netlify and Shawn address some of the issues Charles has come across. Charles does say the using Netlify is simple, clean and nice. Shawn shares the origin story of Netlify. They discuss what it means to be a git-based content management system.    They discuss how to contribute to the Netlify CMS open source project. Charles mentions his book and they discuss how contributions to open source projects like these are a great way to get a job. Shawn explains how to get started implementing Netlify CMS and how they target different static site generators.  Finally, Charles interviews Tammy Everts. Tammy gives listeners a sneak peek into her talk about website performance, more specifically JavaScript performance. Charles discusses the performance of Devchat.tv and Google Lighthouse scores. Tammy explains that while Google Lighthouse is good it isn’t completely reliable and can miss chunks of time when your JavaScript is failing and you have unhappy users. Tammy shares ways to drill down and see how your JavaScript is behaving in the wild. She talks about blocking Javascript which every developer is familiar with and non-blocking JavaScript that has high blocking CPU time which makes for janky sites. Tammy and Charles discuss what CPU is and what it measures. Tammy names resources and tools to help avoid this problem.  Rules of thumb for avoiding these issues are explained by Tammy. First, Reduce, make sure all the JavaScript needs to be there. Next, Monitor, track your metrics. She also suggests working with vendors and maintaining a performance budget for metrics that matter. The interview ends with a little about Speedcurve and what they do. Tammy is the CXO of Speedcurve.  Panelists Charles Max Wood Guest Ire Aderinokun Shawn Erquhart Tammy Everts Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly   Links https://jamstackconf.com/sf/ https://speedcurve.com/ https://twitter.com/tameverts? https://buycoins.africa/ https://www.netlify.com/ https://www.netlifycms.org/ https://twitter.com/erquhart Headless Chrome & Cloudinary for progressively enhanced dynamic content https://github.com/ireade/caniuse-embed https://ireaderinokun.com/ https://twitter.com/ireaderinokun https://github.com/ireade https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue 

VoV 092: Views on Vue at JAMstack Conf SF 2019

In this episode of Views on Vue the new panel is introduced. Lindsay Wardell is a full-stack developer from Portland, Oregon. Steve Edwards was in tech support for 20 years and is a self-taught programmer who is now working full time in Vue. Devlin was a registered nurse, who studied development by night. Charles Max Wood, CEO of Devchat.tv, got a degree from BYU and has been in development and podcasting for about 13 years.  Each of the panelists shares what they are using Vue for, work and personal projects. The panel gives Charles advice on his project. They give recommendations for learning Vue and consider how simple Vue is compared to other more intimidating languages. They share their preferred learning mediums and styles, giving advice for those still discovering how they learn. They also discuss their preferred methods for writing code and preferred text editors.  Panelists Charles Max Wood Steve Edwards Lindsay Wardell Devlin Duldulao Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://quasar.dev/  https://vueschool.io/ https://www.vuemastery.com/ https://www.freecodecamp.org/news/vue-js-full-course/ https://www.programwitherik.com/ https://www.udemy.com/course/vuejs-2-the-complete-guide/ https://www.pluralsight.com/ How Data Modeling, Vuex, and APIs Work Together  https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue Picks Charles Max Wood: https://www.buymeacoffee.com/devchattv  Mr Krueger’s Christmas  It’s a Wonderful Life  Steve Edwards: Death Nut Challange 2.0  Lindsay Wardell: Vscode-dashboard Devlin Duldulao: Natural Selection 

VoV 091: Meet Our New Panel

In this episode of Views on Vue Charles Max Wood joins Mandy Michael at JAMstack Conf SF, where she gives a talk about responsive typography and variable fonts. Mandy explains what variable fonts are and how they can be used to shrink, stretch and do some very fun and creative thing with them. They discuss how to use them and Mandy explains some of the demos from her talk.    Charles asks Mandy what some of the things were that she had to cut from her talk. She had to cut a few longer demos, details and performance improvements that can be made with responsive typography. Mandy shares what she is working on now with responsive typography and explains how much fun she has had expressing herself through variable fonts. To see more of Mandy’s demos and to learn more about responsive typography and variable fonts see the links below.  Panelists Charles Wood Guest: Mandy Michael Sponsors Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://jamstackconf.com/sf/ https://variablefonts.dev/ https://codepen.io/collection/XqRLMb/ https://twitter.com/Mandy_Kerr? https://www.facebook.com/ViewsonVue https://twitter.com/viewsonvue 

VoV 090: Variable Fonts with Mandy Michael

A weekly discussion among Vue developers about Vue and it's ecosystem.

hubhopper

Views on Vue

hubhopper