Enjoy the Vue
Mar 30, 2020 59 min
Episode 10: Web Accessibility with Maria Lamardo
Shownotes [00:03:38] Maria explains the resources that people should know about, tools, and techniques in the accessibility space. [00:08:55] Color issues are touched on with accessibility tools and how to deal with it. An app called, “Color Oracle,” is brought up to help for the color impaired. [00:12:44] Chris mentions a utility that is very useful called, CUID, which generates unique ideas. [00:16:12] A trick is explained that is very useful if you don’t want attributes to be passed and a Chrome extension called Vimium is mentioned. [00:23:00] Maria saw a really great talk at an Accessibility Conference by CB Averitt that you should check out. [00:28:21] Chrome has an extension called, Focus Indicator, that Maria says, “It’s really cute.” Hear what it does. [00:29:57] The topic of accessibility “faux pas” of touch devices is discussed. [00:36:35] If you’re having to retrofit an app with accessibility find out where you can start and where are places you can go to get easy wins. [00:41:13] Accessible design from the beginning was touched on earlier, but now the discussion is on the bigger picture with layouts. [00:44:37] Screen readers and compatibility is touched on as well as WCAG resources which have really good coding examples. [00:47:33] If you want to see a cool YouTube series go check out Rob Dodson’s “A11ycasts!” Picks of the week: [00:50:05] Ari has two picks: A song called “The Light,” by The Album Leaf. Also, a song called, “Da Funk,” by Daft Punk. [00:50:33] Chris has two picks: A game called, “Disco Elysium,” and to protect against the COVID-19 virus using scarves and bandanas instead of surgical masks. [00:54:40] Elizabeth’s pick is a keyboard shortcut on VS code, Ctrl+G, on Mac and Windows. [00:56:57] Maria’s pick is that she let her dog lead her on a walk recently and he led them to a secret new dog park inside their neighborhood and it has changed her life! [00:58:01] Ben has two picks: Check out Maria’s talk at VueConf on Vue Mastery and the tv show, “Survivor” Season 33: Millennials Vs. Gen-X. Resources: Maria Lamardo's Twitter Maria Lamardo's Linkedin Pendo Color Oracle Vimium Cuid Focus Indicator CB Averitt Vue Enterprise Boilerplate base-link component GitHub Ally Organization Rob Dodson-A11ycasts on YouTube Vue School-Web Accessibility with Maria “The Light” by The Album Leaf “Da Funk” by Daft Punk Disco Elysium VS Code shortcut Web Accessibility Talk at VueConf with Maria “Survivor”-Season 33 Sponsor: Linode Special Guest: Maria Lamardo.
Mar 23, 2020 1 hr 3 min
Episode 9: What to Expect when You're expect()-ing (feat. Jessica Sachs and Lachlan Miller)
Get started with Vue Test Utils Guest information Lachlan Miller Twitter @Lachlan19900 Github [Blog/Website](vuejs-course.com/) Book about Vue testing Picks: Talks from Vue Amsterdam, Vue 3 source code, the movie "Parasite". Name: Jessica Sachs Twitter @_JessicaSachs Github Website: https://jessicasachs.io [00:00:49] Jessica and Lachlan give a brief introduction how they started working on Vue Test Utils. [00:02:32] Jessica and Lachlan discuss working on a rewrite of Vue Test Utils in Type Script. [00:04:22] Find out what Lachlan says what’s a priority for them in the next version of Utils. Also, there is discussion of examples of things that Vue Test Utils wasn’t really built initially to help people test that they are now learning. [00:07:35] For those who don’t have much background with testing, you can hear how Vue Test Utils fits in the larger scope of application and where does Vue Test Utils fit with Jest and Cypress. [00:13:08] Mocking and Stubbing are explained as well as the difference between Mount and Shallow Mount. [00:26:36] An important topic Lachlan discusses is documentation and what the team needs to focus on. [00:31:54] Jessica touches on one of the things they are hoping to address in documentation, and she spills out a couple of cool “SPOILERS!” [00:35:41] What is this talk about, “Imposter Syndrome?” It’s just human, let’s say. [00:39:18] Jessica mentions things she built on Vue Test Utils before and things she’s trying to refine. [00:44:32] Find out why Jessica has a “beef” with the existence of set props. [00:48:21] A question was asked what everyone’s main use of set props is, so listen to hear what they said. Picks: [00:53:56] Elizabeth’s has two picks: A song called, “I Wish,” by Tom Misch and the movie, “1917.” [00:54:29] Ben has two picks: A Netflix show called, “Love Is Blind.” And for gamers out there, “Destiny 2,” and it’s FREE!! [00:56:06] Ari has three picks: Two songs by Scattle called, “Relay” and “Serrated.” Also, a show on HULU called, “High Fidelity.” [00:57:05] Chris’s has two picks: Both are shows are on HULU called, “Everything’s Gonna Be Okay” and “Please Like Me.” [00:58:56] Jessica has three picks: An App/desktop game called “Mini Metro,” GitHubs new notifications UI, and an old comedy movie called, “Bull Durham.” [01:01:20] Lachlan has three picks: Vue.js 3 source code is an interesting read, a movie called, “Parasite,” and a Vue.js Documentary. Links: Official Episode #9 Site Follow the podcast on Twitter and Instagram Podcast website Mocking, Stubbing, Mount, Shallow Mount Vue.js-course Vue.js testing handbook Vue.js documentary Sponsor: Linode Special Guests: Jessica Sachs and Lachlan Miller.
Mar 16, 2020 1 hr 8 min
Episode 8: Vue's Education Philosophy Brought to Schools (feat. Hope Wilder)
The theme of this episode is EDUCATION. We have special guest, Hope Wilder, the Founder of Pathfinder Community School, which is a self-directed learning community for ages 5-14, located in Durham, North Carolina. They focus on self-directed education and applying principles with children. Remember these catchphrases: Is it good enough for now? Is it safe to try? Those who do the work decide. [00:01:13] Chris starts off and talks about his background as an educator and voiced his opinions on the traditional education systems. [00:04:21] Hope discusses how she got into education and founding a school. The more she worked with kids, the more she saw that forcing kids to learn things just doesn’t really work. [00:06:08] Hope explains what it means for it to be a democratic school and how it’s a very systems level of approach. [00:11:22] How do the kids learn skills such as conflict resolution and being responsible for getting their work done when working in groups? [00:15:41] Ari wonders if Hope provides any sort of suggestions, guidance, or options for the kids to work from or if it’s very much from their own imaginations and personal motives. [00:19:36] Chris brings up finding your own resources and how a former student at Pathfinder, now co-works at a tech company and he’s only 15 years old! [00:23:08] Ben asks both Chris and Hope about how they feel that self-directed learning relates to development in the Open Source community as far as the relationship between them and how we can learn from that. [00:28:00] Hope discusses sociocracy which is a form of democracy. There are two important principles or catchphrases that they use a lot at the school. [00:41:12] Chris gives his thoughts on bootcamps vs self-taught. [00:49:09] Hope reveals why she created Pathfinder, which was a part of self-healing. [00:57:26] Hope mentions some resources people can dig into if they are looking into self-directed learning for their kids. She gives MANY, so listen. Picks of the week: [01:01:02] Ben’s pick is a book called, “Essentialism” by Greg McKeown. [01:01:54] Chris’s pick is to check out self-directed education, like Pathfinder. [01:03:18] Hope has two picks: “Outlander” on Netflix and a blog called “Post Secret.” [01:06:38] Ari has three picks: two songs by music group “Moderat,” called, “A New Error” and “Les Grandes Marches.” The third is a TV show on HULU called, “Community.” Sponsor: Linode Special Guest: Hope Wilder.
Mar 10, 2020 57 min
Episode 7: Workshops 101
Do you want to learn about teaching a workshop? Then this episode is for you. Find out if you are ready, what it takes, and the things you can do to be successful. [00:01:02] Ben and Chris talk about their workshops they are doing. Ben expands on how he got into teaching workshops. Did Ben really say teaching workshops is easier than speaking? Chris voices his opinion too. [00:06:22] Ari asks Ben and Chris how they come up with content and how do they know it’s good content. [00:13:10] Ari and Elizabeth want to know what mistakes the guys have made and what things have they learned from them. And yes, they have made a few. [00:20:32] Chris talks about using slides.com for workshops and how it helps. [00:25:06] Elizabeth asks in running a workshop what are some formats the guys could suggest using for obtaining feedback on workshops. [00:31:05] Chris discusses his four different persona’s that he created for his workshops. [00:44:45] Ben talks about how he handled transitions from doing workshops to doing a bigger venue like a conference and how he handled it. [00:49:18] Krystal Campioni was mentioned about her talk at a workshop on animating with Vue. Picks of the week: [00:52:26] Ben has 2 picks: Beat Saver (music packs) and an IPAD App called Shadow Draw. [00:53:31] Ari’s pick is a Netflix show called, “The End of the F ing World.” [00:54:12] Chris has 2 picks: Beat Saver and Beast Saber. BennyDaBeast is best mapper and Great Yazer. His second pick is a game called, “Turing Tumble.” [00:56:44] Elizabeth’s pick is an energizing article at github repo called, “Things you can do with a browser in 2020._” Sponsor: Linode
Mar 02, 2020 54 min
Episode 6: May the Forms be with You (feat. Marina Mosti)
This episode features a new guest Marina Mosti, author of the book "Build Forms with Vue.js." We get the opportunity to chat about forms in Vue, her writing process and her journey as a developer and educator. [00:01:25] Marina discusses how she started using Vue and how she started coding using PHP, which led her to Laravel, a free open source PHP web framework. [00:04:18] Elizabeth asks Marina what made her want to become an educator and put out those resources into the ecosystem. [00:05:39] Marina talks about mentoring other women and offering 5-10 minute workshops and exercises to help them understand various focused topics like principles of UX. Also, she talks about the first article she wrote on date-fns. [00:09:23] Marina touches on writing for Progress. Then at some point she started working for VoiceThread and created an educational oriented tool for teachers and users. [00:11:12] Marina’s book, “Building Forms With Vue.js,” was an idea based on a personal annoyance she had with websites not being able to submit forms. Listen to hear about what her book is about. [00:17:10] Ben asks a question about what it means to “mask your input.” Marina talks about Vuelidate and how it’s an amazing library. [00:27:07] Ben asks Marina about how writing a blog was not at all like writing a long article. She elaborates on this. [00:32:56] Ari asks about techniques Marina uses to make sure you’re breaking things to a level that’s digestible to someone new to programming. [00:40:58] Elizabeth asks if Marina has any suggestions for dealing with CSS and dynamic forms. Special Guest: Marina Mosti.
Feb 25, 2020 42 min
Episode 5: Productivity Tools, Workflows & Tabs vs Spaces
One of the things we love most as developers are our tools! In this episode, we talk about some of our favorite productivity tools, debate the merits of different keyboard layouts, how we work as developers and more. And yes, we even tackle the infamous tabs vs spaces debate. [00:00:40] The panel goes over their developer tool stack. First up…browsers [00:03:02] What code editors are they all using? [00:04:39] What Terminal App are they using? Who on the panel is using just Terminal??!!! What?!!! Also, Chris Fritz brings up alt keyboard usage and terminal themes. [00:09:53] Since they started talking about terminal themes, the group wanted to find out what themes they are using in VS Code? [00:14:21] The BIG question?? Tabs or spaces? 1, 2, or 3?? Chris argues that the research shows “2” is the correct answer. [00:20:32] What is their GIT methodology? [00:27:12] What are some of the other favorite VS Code extensions that they like? [00:30:38] What is everyone’s one productivity app that they like to use? Picks [00:35:28] Ari Clark’s first pick is an app she picked up from Marina Mosti’s book “Building Forms with Vue.js” called Mockoon, which allows you to mock out servers. Her next pick is a Netflix show called “Diagnosis.” [00:36:40] Chris Fritz has more Netflix picks this week. A couple of episodes from Black Mirror that he watched: “San Junipero” and “Striking Vipers”. Chris’s second pick is also for Notion. He uses it for relationships as well. [00:39:58] Elizabeth Fine has a “backup” pick, it’s a Testing Handbook for Vue Test Utils by Lachlan Miller. [00:40:29] Ben Hong wraps up this week’s picks with the Anime “Dr Stone” available on Crunchy Roll. Of course, as revealed in the productivity segment, Notion is one of Ben’s other picks this week.
Feb 17, 2020 52 min
Episode 4: JAMming, MCing, Vuex & More with Divya Sasidharan
Feb 10, 2020 56 min
Episode 3: VV Day, DevRel & More with Jen Looper
Sponsored By: Panelists Ari Clark Chris Fritz Ben Hong Elizabeth Fine Show Notes Enjoy the Vue Episode 3 - VV Day, DevRel & More with Jen Looper Thanks so much to Jen Looper for being our guest today! You can find her at: Twitter: @jenlooper Github: jlooper Website: [jenlooper.com](jenlooper.com) Other helpful links: Vue Vixens Website: https://www.vuevixens.org/ Vue Vixens Day Website: https://vvdayus.vuevixens.org/ Vue Vixens Slack Invite: https://communityinviter.com/apps/vuevixens/vue-vixens Donate via Patreon: https://www.patreon.com/vuevixens/posts Partner with them to create experiences Donate time to help with code reviews @VueVixens Twitter account: https://twitter.com/VueVixens Slack is a great way to get in touch Links Official Episode #3 Site Follow the podcast on Twitter and Instagram Podcast website Special Guest: Jen Looper.
Feb 03, 2020 39 min
Episode 2: What We Love About Vue CLI
Sponsored By: Panelists Ben Hong Chris Fritz Elizabeth Fine Show Notes In this week's episode, we talk about a critical developer tool that is often essential to many Vue applications: Vue CLI. In addition to covering what makes it so great, the panel discusses their favorite parts of the tool along with tips and tricks for making sure you get the most out of your Vue CLI builds! Links Official Episode #2 Site Follow the podcast on Twitter and Instagram Podcast website
Jan 27, 2020 27 min
Episode 1: Welcome to the Vue: Meet Your Panel!
Sponsored By: Panelists Chris Fritz Elizabeth Fine Ari Clark Ben Hong Show Notes We are really excited to welcome you to our new podcast - Enjoy the Vue! This podcast is all about Vue.js. We are going to bring you panel and guest discussions involving the Vue and tech communities every week. In this episode, we introduce our panel: Chris Fritz, Ben Hong, Ari Clark, and Elizabeth Fine. Links Official Episode #1 Site Follow the podcast on Twitter and Instagram Podcast website Sponsored By: Linode: An exclusive offer for Enjoy the Vue listeners, sign up today and use promo code 'VUE2020' to receive $20 towards your new account. Promo Code: VUE2020