Views on Vue - Podcasts - <section class='relative'></section> <div class='max-w-6xl mx-auto px-4 sm:px-6'> <div class='pt-28 md:pt-32 md:pb-20'> <div class='text-center items-center'> <img class="mb-6 mx-auto" data-aos="zoom-y-out" data-aos-delay="150" src="/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpdCI6WzMwMCwzMDBdfSwicHVyIjoidmFyaWF0aW9uIn19--b30d2b2ffbdad3e82053ac7499c91f84964a05ab/viewsonvue-1-scaled.jpeg" /> <div class='max-w-3xl mx-auto'> <p class='text-2xl font-bold text-gray-700 mb-8' data-aos='zoom-y-out' data-aos-delay='300'>Make your Vue skills take off today!</p> </div> <div class='flex flex-wrap justify-center space-x-4 space-y-4 mb-8'> <span class='text-lg pt-4 mt-1 pr-4'>Hosted by:</span> <a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/steve-edwards"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTAsInB1ciI6ImJsb2JfaWQifX0=--d8bfe9f6537ed1771d1a25418a1e6a0f44ba592d/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/stve.jpeg" /> <span class='text-xl font-medum mt-1'>Steve Edwards</span> <span class='text-gray-500 px-1'>•</span> </a><a class="flex items-center space-x-2" data-aos="zoom-y-out" data-aos-delay="400" href="/authors/cody-bontecou"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MzY1LCJwdXIiOiJibG9iX2lkIn19--af9c8d812998e68a78d9f4fec68d332788cd9db9/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6WzMwLDMwXX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--c2dede76e9267d28b6be4e742680f7d4676da73a/Cody%20Bontecou.jpg" /> <span class='text-xl font-medum mt-1'>Cody Bontecou</span> </a></div> <div class='flex flex-wrap justify-center space-x-4 space-y-4'> <a class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10 mt-4" href="https://www.spreaker.com/show/6102086/episodes/feed"><i class='fas fa-rss text-white mr-2'></i> RSS </a><a class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://open.spotify.com/show/5ewAN7ghB7GTTRz0Ohm7Ks"><i class='fab fa-spotify text-white mr-2'></i> Spotify </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://podcasts.apple.com/us/podcast/views-on-vue/id1364741105"><i class='fab fa-apple text-white mr-2'></i> Apple Podcasts </a><a class="bg-red-600 hover:bg-red-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://www.youtube.com/playlist?list=PLJesql-aSfX5mncQRWN4wenuTnb62eA8s"><i class='fab fa-youtube text-white mr-2'></i> YouTube </a><a class="bg-purple-600 hover:bg-purple-700 text-white font-bold py-2 px-4 rounded inline-flex items-center h-10" href="https://music.amazon.com/podcasts/e0030aa6-b46a-41b6-ad80-85f0fae40f31/views-on-vue"><i class='fab fa-amazon text-white mr-2'></i> Amazon Music </a></div> </div> </div> <h2 class='text-3xl md:text-4xl font-hkgrotesk font-extrabold mb-4 mt-16 md:mb-0 md:mt-12'>Episodes</h2>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-089-100-days-of-vue-challenge">VoV 089: 100 Days of Vue Challenge</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 26, 2019 <span class='text-slate-300'>·</span> Episode 089 </div> <div class='text-sm text-slate-500'> This episode of Views on Vue is coming to you live from Microsoft Ignite with Charles Max Wood. With the changes in Views on Vue show and its hosts, Charles has decided to learn more of the Vue language. In order to do this he will be enrolling himself and whoever else wants to learn the Vue language to a Vue challenge. He describes the #100daysofvuechallenge he will launching which was modeled after a fitness challenge he did earlier. The developer who wants to be a part of the #100daysofvuechallenge has to commit a piece of code everyday and read up on blogs articles and other resources on Vue developing everyday. Charles himself will commit an hour a day to this everyday. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-089-100-days-of-vue-challenge"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/the-maxcoders-guide-to-finding-your-dream-developer-job-603020d9-0372-42a7-8085-7e8ef79aabbe">The MaxCoders Guide To Finding Your Dream Developer Job</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 20, 2019 </div> <div class='text-sm text-slate-500'> </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/the-maxcoders-guide-to-finding-your-dream-developer-job-603020d9-0372-42a7-8085-7e8ef79aabbe"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-088-switching-from-native-ios-to-vue-with-christian-kienle">VoV 088: Switching From Native iOS to Vue with Christian Kienle</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 19, 2019 <span class='text-slate-300'>·</span> Episode 088 </div> <div class='text-sm text-slate-500'> In this episode of Views on Vue Elizabeth Fine interviews Christian Kienle about his switch from native iOS development to Vue development. Chris starts by sharing his history as a developer and why he started using Vue. He shares his fascinating story. He nearly died which turned his life upside down. After going on a cruise that brought him back to his life, Chris wanted to build a cruise app. This made him looking into making a web app this all brought him to Vue. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-088-switching-from-native-ios-to-vue-with-christian-kienle"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-087-there-is-no-shame-in-mental-illness">VoV 087: There is No Shame in Mental Illness</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 12, 2019 <span class='text-slate-300'>·</span> Episode 087 </div> <div class='text-sm text-slate-500'> In this episode of Views on Vue panel discusses mental health. They start by sharing what they do in their free time and consider the value of having a balanced life with hobbies and time spent doing non-code related things. They discuss the importance of respecting your mental health and being aware of where you stand. It is possible to stay aware of things going on in the coding community and to be successful without coding in all your free time. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-087-there-is-no-shame-in-mental-illness"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-086-prototyping-and-the-design-cycle-with-michele-cynowicz">VoV 086: Prototyping and The Design Cycle With Michele Cynowicz</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Nov 05, 2019 <span class='text-slate-300'>·</span> Episode 086 </div> <div class='text-sm text-slate-500'> The guest panelist for this episode of Views on Vue is Michele Cynowicz. Michele is a senior front-end engineer at Vox Media. The discussion opens up with Ari asking Michele to share her background of how she got into development. She started in design in the late 1990’s and early 2000’s and transitioned into being a front end developer working with basic HTML and CSS and moved up into working with JavaScript, frameworks, and back end technologies. She has also worked with templating systems for Python and PHP. She is currently working on projects with Ruby on Rails and has recently worked on a project where she put a VueJS front end on top of a Ruby on Rails back-end. This project was the beginning of her forray into VueJS and this leads her into the topic for this episode, prototyping and the design cycle. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-086-prototyping-and-the-design-cycle-with-michele-cynowicz"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-085-the-good-the-bad-and-the-ugly-with-filipa-lacerda">VoV 085: The Good, the Bad, and the Ugly with Filipa Lacerda</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 29, 2019 <span class='text-slate-300'>·</span> Episode 085 </div> <div class='text-sm text-slate-500'> On this episode of Views on Vue the panelists are joined by Filipa Lacerda. Filipa is a senior front-end engineer at Gitlab where they have been using Vue. The topic for this episode of Views on Vue is “the good, the bad, and the ugly” where the panelists discuss some of the positives of their experience with Vue as well as some of the struggles they’ve had. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-085-the-good-the-bad-and-the-ugly-with-filipa-lacerda"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-084-nuxt-js-with-sebastien-chopin">VoV 084: Nuxt.JS With Sebastien Chopin</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 22, 2019 <span class='text-slate-300'>·</span> Episode 084 </div> <div class='text-sm text-slate-500'> Sebastien Chopin is a front end developer who works mostly in JavaScript and is the creator of Nuxt.JS, a framework based off of Vue. Nuxt started as a JavaScript framework for application rendering and today it can be used to create any kind of application. One advantage of using Nuxt with Vue comes in with server side rendering. Even though a user can use Vue for server side rendering, they will need the use of outside modules where using Nuxt will help them to get started quicker. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-084-nuxt-js-with-sebastien-chopin"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-083-css-tooling-and-development-practices-with-tracey-holinka">VoV 083: CSS Tooling and Development Practices With Tracey Holinka</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 15, 2019 <span class='text-slate-300'>·</span> Episode 083 </div> <div class='text-sm text-slate-500'> This episode of Views on Vue features Tracey Holinka, a web application architect with the role of front-end lead for Bloomberg industry group. The Views on Vue podcaster begin by asking Tracey how she got into Vue. Her Vue experience starts at work where she didn’t like the technologies they were using so she and a colleague decided to switch over to GraphQL, Apollo Client, and Vue. One of the many things that she appreciates about Vue is its diverse array of applications. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-083-css-tooling-and-development-practices-with-tracey-holinka"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-082-developer-tooling-and-dev-setup-for-working-with-vue">VoV 082: Developer Tooling and Dev Setup for Working With Vue</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 08, 2019 <span class='text-slate-300'>·</span> Episode 082 </div> <div class='text-sm text-slate-500'> On this episode of Views on Vue the panelists discuss their preferences for their development environments and tools. They begin with their preferences for text editor, font, and theme in their Vue development environments. All three currently use Visual Studio Code as their main text editor. Ari Clark switched to VS Code from Atom because she prefers the support that it has for Vue and Ben Hong switched from Sublime. Ben prefers the night owl theme and the operator mono font. On the other hand, Ari prefers the one dark pro theme for its syntax highlighting and prefers dank mono as her font. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-082-developer-tooling-and-dev-setup-for-working-with-vue"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-081-micro-frontends-with-luca-mezzalira">VoV 081: Micro-Frontends with Luca Mezzalira</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Oct 01, 2019 <span class='text-slate-300'>·</span> Episode 081 </div> <div class='text-sm text-slate-500'> Luca Mezzalira is an Italian developer. He is the VP of architecture at DAZN, a multi-country live streaming platform for sports, Google developer expert, and London JavaScript community manager. Luca got his start in programming 16 years ago when a friend told him about it and gave him a book. He was very intrigued and went on to learn multiple languages and travel the world for his job. For the last 4-5 years he’s been working in architecture, and is now the leader on thoughts on micro-frontends. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-081-micro-frontends-with-luca-mezzalira"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-080-awesome-conf-with-rahul-kadyan">VoV 080: Awesome Conf with Rahul Kadyan</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 24, 2019 <span class='text-slate-300'>·</span> Episode 080 </div> <div class='text-sm text-slate-500'> In this episode of Views on Vue the panel interviews core team member Rahul Kadyan. They discuss his various contributions to the vue ecosystem and his recent conference, Awesome Conf. The panel starts by asking Rahul about rollup-plugin-vue. Rollup is a bundle like webpack. When Rahul got his start in Vue he wanted to use rollup so he created rollup-plugin-vue. This caught the eye of the core team and he received an invite to join the core team. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-080-awesome-conf-with-rahul-kadyan"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-079-why-vue-js-is-the-best-framework-ever-with-gwendolyn-faraday">VoV 079: Why Vue.js is the Best Framework Ever with Gwendolyn Faraday</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 17, 2019 <span class='text-slate-300'>·</span> Episode 079 </div> <div class='text-sm text-slate-500'> In this week’s episode of Views one Vue, the panel interviews Vue’s biggest fan, Gwendolyn Faraday. Gwen shares her story of getting into vue. How she was a little reluctant at first but ended up being so impressed with everything Vue has to offer. Gwen is a Vue educator and loves how easy it is to teach Vue, with its great docs and human-focused design. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-079-why-vue-js-is-the-best-framework-ever-with-gwendolyn-faraday"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-078-waxing-philosophical-with-christoffer-noring">VoV 078: Waxing Philosophical with Christoffer Noring</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 10, 2019 <span class='text-slate-300'>·</span> Episode 078 </div> <div class='text-sm text-slate-500'> In this episode of Views on Vue, the panel waxes philosophical while talking with Microsoft advocate Chris Noring. Chris is also the senior cloud developer at Microsoft and has experience in a variety of frameworks including, .NET, Angular, React and Vue. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-078-waxing-philosophical-with-christoffer-noring"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-077-tackling-tedious-testing">VoV 077: Tackling Tedious Testing</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 03, 2019 <span class='text-slate-300'>·</span> Episode 077 </div> <div class='text-sm text-slate-500'> Joined by their newest member, Elizabeth Fine, the panel discusses testing. The share their approaches to testing and consider which approaches are best. The panel shares their experiences and testing mishaps. They share their favorite tools and libraries for testing. The different types of testing are defined and discussed, including unit testing, integration testing, cross-browser testing, accessibility testing, and snapshot testing. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-077-tackling-tedious-testing"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div>  <div class='sm:flex items-center p-5 border-b border-slate-100 justify-between'> <div class='flex items-start mb-4 sm:mb-0'> <img class="shrink-0 rounded ml-5 sm:ml-0 sm:mr-5 order-1 sm:order-none" alt="Podcast 01" height="88" width="88" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--1946890250457a8a8ba5237e5390eeb69720efff/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOls4OCw4OF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--710162c810a44961ddb457e0c9da3aecb631cd24/viewsonvue-1-scaled.jpeg" /> <div> <h3 class='font-hkgrotesk font-extrabold text-lg mb-1'> <a class="text-slate-800 hover:text-blue-500 transition duration-150 ease-in-out" href="/podcasts/views-on-vue/episodes/vov-076-typescript-tell-all-with-jack-koppa">VoV 076: Typescript Tell All with Jack Koppa</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 27, 2019 <span class='text-slate-300'>·</span> Episode 076 </div> <div class='text-sm text-slate-500'> Jack Koppa, a frontend developer at Politico, joins the panel to discuss the adoption of Typescript at Politico. Having a background in Angular, React and Vue, Jack compares the onboarding process for all 3 frameworks. Jack Koppa explains why Politico decided to switch to Typescript and shares his experiences during the change. The panel discusses the reactions of the other developers at Politico and Jack explains the learning curve and eventual acceptance of Typescript among the Politico developers. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/views-on-vue/episodes/vov-076-typescript-tell-all-with-jack-koppa"><i class='text-6xl text-blue-500 fa-solid fa-circle-play'></i> </a></div> </div> <nav class='flex items-center justify-between border-t border-gray-200 px-4 sm:px-0 mt-6'> <div class='-mt-px flex w-0 flex-1'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pr-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=11"><svg aria-hidden='true' class='mr-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M18 10a.75.75 0 01-.75.75H4.66l2.1 1.95a.75.75 0 11-1.02 1.1l-3.5-3.25a.75.75 0 010-1.1l3.5-3.25a.75.75 0 111.02 1.1l-2.1 1.95h12.59A.75.75 0 0118 10z' fill-rule='evenodd'></path> </svg> Previous </a></div> <div class='hidden md:-mt-px md:flex'> <span class='inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'>...</span> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=8">8</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=9">9</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=10">10</a> <a rel="prev" class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=11">11</a> <span class='inline-flex items-center border-t-2 border-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600'>12</span> <a rel="next" class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=13">13</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=14">14</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=15">15</a> <a class="inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=16">16</a> <span class='inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700'>...</span> </div> <div class='-mt-px flex w-0 flex-1 justify-end'> <a rel="next" class="inline-flex items-center border-t-2 border-transparent pl-1 pt-4 text-sm font-medium text-gray-500 hover:border-gray-300 hover:text-gray-700" href="/podcasts/views-on-vue?page=13">Next <svg aria-hidden='true' class='ml-3 h-5 w-5 text-gray-400' fill='currentColor' viewbox='0 0 20 20'> <path clip-rule='evenodd' d='M2 10a.75.75 0 01.75-.75h12.59l-2.1-1.95a.75.75 0 111.02-1.1l3.5 3.25a.75.75 0 010 1.1l-3.5 3.25a.75.75 0 11-1.02-1.1l2.1-1.95H2.75A.75.75 0 012 10z' fill-rule='evenodd'></path> </svg> </a></div> </nav> </div>