Views on Vue

Sponsors:

• Sentry use the code “devchat” for 2 months free on Sentry small plan
• Triplebyte offers a $1000 signing bonus
• CacheFly

Host: Charles Max Wood Guest: Donovan Brown Episode Summary In this episode, Charles speaks with Donovan Brown, a principal DevOps Manager with Microsoft with a background in application development. Donovan talks about Azure DevOps and the transition from Visual Studio Team Services (VSTS) to Azure DevOps. They discuss the absolute need for continuous integration (CI) in developer teams and the ease of creating CI and continuous deployment (CD) pipeline to Azure. Links:

• https://devchat.tv/js-jabber/jsj-345-azure-devops-with-donovan-brown-live-at-microsoft-ignite/
• Donovan Brown’s GitHub
• Donovan Brown’s Twitter
• Donovan Brown
• Donovan Brown – Channel 9
• Donovan Brown – Microsoft
• Azure
• YoTeam
• Azure.com/devops
• https://azuredevopsdemogenerator.azurewebsites.net/
• https://azure.microsoft.com/en-us/services/devops/pipelines/
• GitHub
• Azure DevOps’ Twitter
• https://twitter.com/TheLoECDA

Picks: Donovan:

• YoTeam
• VSTeam Powershell Module

Charles:

• Jet Blue
• Beta Tester

Special Guest: Donovan Brown.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors

• Sentry use the code “devchat” for $100 credit
• Triplebyte
• CacheFly

Panel

• Divya Sasidharan
• Erik Hanchett
• Charles Max Wood

Joined by special guest: Natalia Tepluhina Episode Summary  In this episode of Views on Vue, the panelists talk to Natalia Tepluhina, Senior Frontend Developer at GitLab, about the importance of good documentation and the value of its contribution to open source in comparison to that of actual code. Natalia talks about the projects she has written documentation for, and they discuss the challenges in producing good docs. She explains three rules in making documentation comprehensive and the process involved in its creation.  They then go into specifics about Vue documentation and discuss plugins, differences between cookbooks and guides, ways for developers to contribute to the projects, resources that they can use to learn stuff effectively and Vue Vixens curriculum vs official Vue documentation. Natalia gives an overview of Vue Vixens’ workshops (catered exclusively to women in software development) and mentions some locations around the world where they are held. She gives details about them including reasons why they choose to build mobile apps, their content and curriculum, and technical level of attendees. She also encourages women listeners to join their Slack channel (given in the links section) for more information about Vue Vixens. The panelists finally discuss representation of various groups in software development in general and the benefits of attending such workshops. Links

• Vue.js
• Vue cookbook
• Awesome Vue
• Twitter poll on Documentation vs Code contribution
• Vue Vixens
• Vue Vixens Slack channel
• Workshop at VueConf US
• Building a Desktop App with Vue 
• Natalia’s Twitter
• Natalia’s GitHub
• https://www.facebook.com/ViewsonVue/
• https://twitter.com/viewsonvue

Picks Erik Hanchett:

•  Brotopia:Breaking Up the Boys’ Club of Silicon Valley

Divya Sasidharan:

• How to build a Vue CLI plugin by Natalia Tepluhina

Natalia Tepluhina:

• Vue 2.6

Charles Max Wood:

• Regularly spend time with just your significant other
• Honey - Chrome Plugin
• Withings weighing scale

Special Guest: Natalia Tepluhina.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors

• Sentry use the code “devchat” for $100 credit
• Triplebyte
• CacheFly

Episode Summary In this episode of Views on Vue, the panelists chat about accessibility with Maria Lamardo, a Board Certified Assistant Behavior Analyst currently working as a Corporate Systems Engineer at Nutanix. Maria is also the founder of Developers at RTP and is the Vue Vixens' Chapter Leader. She has extensive experience with people with learning disabilities. For Maria, accessibility means making the web available to everyone regardless of their location and their disabilities. These disabilities could be permanent or temporary and can be auditory, visual and cognitive in nature. One of the biggest challenges in developing accessible apps is making the business case to management. Maria shares tips on how to approach new projects with accessibility in mind from the start. Elements of Vue that help with accessibility like the vue-announcer plugin and Accessible Rich Internet Applications (ARIA) attributes are briefly discussed. Beyond accessibility, Maria shares her journey of how she transitioned to become a web developer. Links

• https://www.linkedin.com/in/marialamardo
• https://github.com/mlama007
• https://www.meetup.com/tr-TR/Developers-RTP
• https://vuevixens.org/team
• https://www.npmjs.com/package/vue-announcer

Picks Erik Hanchett:

• https://gridsome.org/
• Program With Erik
• https://www.hbo.com/game-of-thrones

Chris Fritz:

• Sex Education
• Good Place
• https://purple.com/seatcushions

Charles Max Wood:

• https://www.audible.com/
• Kingfountain series by Jeff Wheeler
• Turmeric Bio Shots

Maria Lamardo:

• https://www.vuemastery.com/
• Xbox Adaptive Controller

Special Guest: Maria Lamardo.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors

• Sentry use the code “devchat” for $100 credit
• Triplebyte
• CacheFly

Panel

• Chris Fritz
• Divya Sasidharan
• Charles Max Wood

Episode Summary In this 50th episode of Views on Vue, the panelists talk about how they came on-board the show and what gave rise to the Vue podcast. They mention their favorite episodes and the most notable speakers they have had till now. They describe how they got involved in the Vue community in general and their experiences along the way and also dive into what they are working on currently. Charles speaks about wanting to help people reach their goals through the podcast by introducing more shows, reaching out to them, creating good content and more. In the end, the panelists discuss about delegating tasks thereby making time for more things to work on, and things they do to decompress and unwind from their everyday schedule. Links

• VueConf US
• Miriam Suzanne

Picks Chris Fritz:

• Semiosis
• Getting enough sleep

Divya Sasidharan:

• Our Software Dependency Problem
• Mort
• Duolingo Spanish podcast

Charles Max Wood:

• Upcoming series – The Big Four-O on The DevRev
• Zoom

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors

• Sentry use the code “devchat” for $100 credit
• TripleByte

  Episode Summary In this episode Chris and Divya discuss the various aspects of making online forms for clients or checkout processes for customers user friendly. They discuss input masking which allows the user who might be a client or customer to input data such as phone numbers and emails in a way that is readable to the user while still allowing the browser to read the information on the website or when filling out an online form. Chris and Divya touch on some basic questions the engineer might come across in creating these fields. These include: where the users cursor is, pasting issues, time zones, autosizing text areas. They go into detail on filling out forms and the options of having multiple end-points one end point, and ways to help the customer or client fill out data smoothly and correctly. They discuss a little about using a progress bar to help users to see how far along they are in the process. They discuss the option of help-text which helps users to quick reference what something might be when filling out a less familiar form. They discuss briefly the usage of max-limit or max-length; AB Testing. Ultimately in this episode, Chris and Divya help those software engineers who are wanting a basic understanding of what questions they might come across to make a client or customers process on the form or site as smooth as possible through input masking and more.   Links

• cachefly.com
• Autosize
• Rachel's Cartooning For Developers
• Content Editable
• Get Selection
• Computer Properties and Watchers

  Picks Chris

• Stardew Valley
• Talk to people - “Talk to people in your life when you are having a hard time. It can be tempting to not want to bother people with your problems you don’t want people to feel like you are causing a problem. Every day that you avoid people you lose friendship points.There is not a risk to reaching out, being vulnerable, and sharing.”

Divya

• Book Theif
• Fortified Bike Light  

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors:

• Netlify
• Sentry use the code “devchat” for 2 months free on Sentry’s small plan
• CacheFly

Panel

• Divya Sasidharan
• Chris Fritz
• Charles Max Wood

Special Guest: Dobromir Hristov Episode Summary  In this episode of Views on Vue, the panelists talk to Dobromir Hristov, a frontend developer from Bulgaria working for hypefactors. Dobromir is also the organizer of VueJS Bulgaria and he created a Vue Beginners Workshop to increase the size of Vue community in Bulgaria. Dobromir describes the workshop’s development stage and his preparation process for the curriculum. He explains that for this workshop, they targeted developers with very little JavaScript experience. The workshop is also available on GitHub for people to check out and contribute. The panel then compares different workshop styles and best methods to keep the audience interested in the workshop content. Dobromir then gives details on the setup and concept of his workshop. He explains that he used Game of Thrones as the concept which the audience really enjoyed. He then describes what he would do differently next time. The panel talks about best practices and tips to prepare a good workshop and share anecdotes about their experiences addressing an audience in a workshop. Links

• Vue.js
• Dobromir’s Twitter
• Dobromir's GitHub
• Dobromir's Medium
• Dobromir's Workshop on GitHub
• VueJS Bulgaria
• Vuelidate Error Extractor
• Vue.js Beginners Workshop Facebook
• Dobromir's Blog Post: A brief review of Vue learning resources — State of 2018
• Slides
• VueSchool
• Dopamine
• Vue Mastery
• Intro To Vue
• Chris' Slides
• Sarah Drasner
• Project voice from diaphragm
• https://twitter.com/mhartington
• https://www.facebook.com/ViewsonVue/
• https://twitter.com/viewsonvue

Picks: Divya Sasidharan:

• Summerland by Hannu Rajaniemi
• Making and Breaking the Grid: A Graphic Design Layout Workshop by Timothy Samara
• Sarah Soueidan

Chris Fritz:

• https://opencollective.com/vuejs
• http://www.vueconf.us/workshops/
• https://www.patreon.com/vuevixens

Charles Max Wood:

• Fart Bomb
• Charles' GitHub: New devchat.tv Build on Eleventy

 Dobromir Hristov:

• Testing Vue.js Applications by Edd Yerburgh
• Testing Vue.js components with Jest by Alex Morales
• Ditto Keyboard App
• Gyazo
• Slides

 Special Guest: Dobromir Hristov.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors:

• KendoUI
• Sentry use the code "devchat" for $100 credit
• TripleByte

Panel:

• Chris Fritz
• Divya Sasidharan
• Erik Hatchett
• Charles Max Wood

Special Guest: Kevin Drum Notes: This episode features special guest Kevin Drum from Virginia. Kevin is a remote developer for Asteris, a company supplying tech to veterinarians based out of Colorado. Kevin works daily on a Vue app called Keystone Omni which provides imaging solutions for veterinarians, but was invited on the show because he made a blackjack game with Vue. The panel discusses his inspiration for making a game with Vue, since Vue is most often used to manage data. Kevin details the technologies he used to create his game, including GreenSock and the influence of Vue X on the design of his app. He discusses some of the bugs he encountered while creating his game. Kevin talks about designing the interface with Figma and the caution that should be taken when adding sound effects to a game. He discusses his decision to use Canvas and WebGL, as well as other technologies like Vue Babylon JS. The panelists talk about shaders, an algorithm that will manipulate shapes, and the difficulties with using them. They talk about how to get started making your own game. Kevin advises listeners to first focus on the logic of the game and then on the aesthetics, encouraging a “make it work first, then make it pretty later” approach. They also encourage listeners to play around with Vue by making a demo app first to practice changing all the different properties of the elements. The panelists talk about other uses for Vue in games and if there are benefits to writing a game loop outside of Vue. Chris highlights the #vuenicorn contest that was hosted on twitter. Terms:

• Canvas
• Dom elements
• SVG
• CSS
• GreenSock
• webGL
• Node
• VueX
• Figma
• Tone JS
• Vue Babylon JS
• Unity
• Native
• Electron
• Cordova
• Capacitor
• Shaders
• Phaser
• Web audio API

Picks: Chris:

• CrossCode
• Vue Conf US Workshops

Erik:

• Let's talk about an unnecessary but popular Vue plugin article

Charles:

• McKirdy Trained Running Coaches
• Garmin Foreunner Watch

Kevin:

• Refactoring UI
• Game Programming Patterns

Special Guest: Kevin Drum.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors

• KendoUI
• Sentry use the code "devchat" for $100 credit
• TripleByte
• CacheFly

Panel

• Chris Fritz
• Divya Sasidharan
• Joe Eames
• Charles Max Wood

Joined by Special Guest: Darren Jennings Summary Darren Jennings talks about his open source component vue-autosuggest and his experience open sourcing it. He talks about support, use cases, and feature implementation. The panel shares support request stories. Darren gives tips for open sourcing and making components more reusable. He shares his favorite tools for composing components. He explains the benefits he has seen open sourcing this component.   Links

• https://openresty.org/en/
• https://konghq.com/
• https://github.com/Educents/vue-autosuggest
• https://vuejsdevelopers.com/2018/01/15/vue-js-render-props
• https://medium.com/@darrenjennings/open-sourcing-your-first-vue-component-5ef015e1f66c
• https://twitter.com/darrenjennings
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Charles Max Wood:

• http://entreprogrammers.com/
• The Pomodoro Technique: The Acclaimed Time-Management System That Has Transformed How We Work
• https://kanbanflow.com/
• https://www.11ty.io/
• https://www.netlify.com/

Darren Jennings:

• Xstate library
• Hollow Knight - Nintendo Switch
• vue-autosuggest

Chris Fritz

• http://www.matthewbrowngames.com/hexcellsinfinite.html
• Be vulnerable with people in your life.
• The Power of Vulnerability: Teachings of Authenticity, Connection, and Courage

Divya Sasidharan:

• https://24ways.org/
• https://calendar.perfplanet.com
• http://shortdiv.com/

Joe Eames:

• Framework Summit
• ng-conf minified
• Give

•  

Special Guest: Darren Jennings.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors:

• KendoUI
• Sentry use the code "devchat" for $100 credit
• TripleByte

Panel:

• Divya Sasidharan
• Erik Hanchett
• Chris Fritz
• Joe Eames
• John Papa
• Charles Max Wood

Special Guest: John Datserakis Episode Summary In this episode of Views on Vue, the panelists talk to John Datserakis, a full stack developer from North Shore Massachusetts. John has been programming for 9 years and works for Promosis, Inc. a company that develops and designs sweepstakes programs and other marketing tools. After leaving jQuery, John wrote a detailed tutorial comparing Vue and React. He felt that there weren’t enough tutorials available that show the issues developers face while coding in real time. With this tutorial he wanted to go through all the challenges a developer can face while learning a new framework from scratch. Comparing his favorite and least favorite parts using React, he mentions he didn’t “fall in love with it” enough to leave Vue. John then compares his experiences with Create React App and Vue CLI and talks about his most recent project, Best Meta which helps pick the most popular items on Amazon. John also talks briefly about his experiences using Vuex and Redux. Writing the detailed comparison tutorial helped John sharpen his JavaScript skills but he reveals that, at the end of the day, he will use Vue for his next project. Links

• Vue.js
• React.js
• John's GitHub
• John's Twitter
• John's LinkedIn
• Promosis, Inc.
• https://webpack.js.org/
• https://angular.io/cli/update
• https://cli.vuejs.org/
• https://redux.js.org/
• https://www.facebook.com/ViewsonVue/
• https://twitter.com/viewsonvue
• John's Recent Project: Best Meta
• John Datserakis' Article - Comparing Vue and React

John Datserakis’ open-source projects on GitHub that pertain to the article:

• koa-vue-notes-api
• koa-vue-notes-web
• koa-react-notes-web

John Datserakis' Other Recent GitHub Projects:

• vue-simple-context-menu
• vue-cookie-accept-decline
• vue-programmatic-invisible-google-recaptcha

Picks John Papa:

• A book by Chris Noring on React
• Chris Noring's Twitter

Divya Sasidharan:

• Framework Summit
• Sarah Drasner’s Workshop Design for Developers
• Ghost

Erik Hanchett:

• AWS Amplify

Chris Fritz:

• Google Fi Referral Code
• Ball Lightning by Cixin Liu
• FrontendMasters

Joe Eames:

• ng-conf Minified – YouTube
• Framework Summit
• John Papa - AngularConnect

Charles Max Wood:

• Eleventy
• Nunjucks

John Datserakis:

• John's Recent Project: Best Meta
• Netlify
• Anthony Gore's Website

       Special Guest: John Datserakis.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Sponsors

• KendoUI
• Sentry use the code "devchat" for 2 months free on Sentry small plan
• TripleByte
• CacheFly

Panel

• Joe Eames
• Charles Max Wood

Joined by Special Guest: Alexander Lichter Summary Alexander Lichter introduces Nuxt.js, explaining how to use it and what use cases it can be used for. He explains why a developer should learn Nuxt.js and advises on a few learning resources. The panel discusses statically rendered sites and server-side rendering. Alexander shares what’s next for Nuxt.js and what to expect in the newest version. As a core team member at age 21, Alexander explains how he got involved with the Nuxt.js team. The panel shares an appreciation that anyone with any amount of experience can contribute to open source. Alexander shares a little about his own life and what is “nuxt” for him. Links

• https://school.programwitherik.com/p/create-awesome-vue-js-apps-with-nuxt-js
• https://devchat.tv/dev-rev/
• https://nuxtjs.org/
• https://vueschool.io/
• https://www.lichter.io/
• https://twitter.com/TheAlexLichter
• https://github.com/manniL
• https://www.facebook.com/ViewsonVue
• https://twitter.com/viewsonvue

Picks Joe Eames:

• https://vueschool.io/
• https://serviceworkies.com/

Charles Max Wood:

• Disney Heroes: Battle Mode
• The Immortal Nicholas

Alexander Lichter:

• http://www.brainerrors.com/anchoringeffect-gandhi.php
• https://medium.com/@vipercodegames/nuxt-deploy-809eda0168fc

•  

 Special Guest: Alexander Lichter.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy