My JavaScript Story - 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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZml0IjpbMzAwLDMwMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--1524c583f267c9a78e9a10c0d4ee9530bfcfcf81/myjavascriptstory.jpg" /> <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'>en-us</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/charles-max-wood"><img class="w-8 h-8 rounded-full border" src="https://topenddevs.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDksInB1ciI6ImJsb2JfaWQifX0=--1dad156f38e1a600f7a44cd25941a40a3355a1a1/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGVnIiwicmVzaXplX3RvX2ZpbGwiOlszMCwzMF19LCJwdXIiOiJ2YXJpYXRpb24ifX0=--4999ccec80334605e2d9b81503c259a6c69a879a/Charles.jpeg" /> <span class='text-xl font-medum mt-1'>Charles Max Wood</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/6102067/episodes/feed"><i class='fas fa-rss text-white mr-2'></i> RSS </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/my-javascript-story/id1237399540"><i class='fab fa-apple text-white mr-2'></i> Apple Podcasts </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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-156-wayne-haugen">MJS 156: Wayne Haugen</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 08, 2020 <span class='text-slate-300'>·</span> Episode 156 </div> <div class='text-sm text-slate-500'> </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-156-wayne-haugen"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-155-rakesh-pandey">MJS 155: Rakesh Pandey</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Sep 01, 2020 <span class='text-slate-300'>·</span> Episode 155 </div> <div class='text-sm text-slate-500'> </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-155-rakesh-pandey"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-154-soumyajit-pathak">MJS 154: Soumyajit Pathak</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 25, 2020 <span class='text-slate-300'>·</span> Episode 154 </div> <div class='text-sm text-slate-500'> </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-154-soumyajit-pathak"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-153-dean-radcliffe">MJS 153: Dean Radcliffe</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Aug 11, 2020 <span class='text-slate-300'>·</span> Episode 153 </div> <div class='text-sm text-slate-500'> Dean Radcliffe talks about how he got into programming early in life and the influences that brought him to writing code. He also then explains how he got into programming again in college and his internship at a company that did livestreaming of sports and concerts. He nearly didn't graduate. He finished his degree and then went on to write Ruby and later got deep into JavaScript. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-153-dean-radcliffe"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-152-kevin-kreuzer">MJS 152: Kevin Kreuzer</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jul 21, 2020 <span class='text-slate-300'>·</span> Episode 152 </div> <div class='text-sm text-slate-500'> Kevin Kreuzer, a freelance front end engineer from Switzerland shares his developer’s journey in this episode of the My JavaScript Story. Kevin is also a Google Developer expert, who loves JavaScript, Angular etc and as such writes a lot of blog posts and maintains some open source libraries. And when he is not engrossed in the tech world, he is out snowboarding or playing soccer. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-152-kevin-kreuzer"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-151-raul-jimenez">MJS 151: Raul Jimenez</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jul 07, 2020 <span class='text-slate-300'>·</span> Episode 151 </div> <div class='text-sm text-slate-500'> Raúl Jiménez runs a small consultancy focused on Angular out of Barcelona Spain. Raul got into programing in High School. He was working on the equivalent of a USA based Associates Degree. He had a computer when he was 5 and got into copy/paste programming on the Spectrum computer. He started writing on his own at 16. He started with TurboPascal and then got into other languages before graduating to Angular and JavaScript. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-151-raul-jimenez"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-150-loiane-groner">MJS 150: Loiane Groner</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jun 23, 2020 <span class='text-slate-300'>·</span> Episode 150 </div> <div class='text-sm text-slate-500'> Loiane Groner is an Angular developer from Brazil currently living the USA. She started out working in Java and has worked in Java for nearly 14 years before moving over to Angular. She did an episode on Adventures in Angular about writing documentation in Portuguese. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-150-loiane-groner"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-149-andrew-evans">MJS 149: Andrew Evans</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Jun 09, 2020 <span class='text-slate-300'>·</span> Episode 149 </div> <div class='text-sm text-slate-500'> Andrew Evans is a history major turned designer turned developer. His journey leads through doing development in Java, getting and MBA, and eventually picking up Angular and working at Capital One. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-149-andrew-evans"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-148-farzad-yousefzadehr">MJS 148: Farzad Yousefzadehr</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> May 26, 2020 <span class='text-slate-300'>·</span> Episode 148 </div> <div class='text-sm text-slate-500'> In this week's episode of My JavaScript Story, Charles Max Wood interviews Farzad Yousefzadehr, who was a guest on the React Round Up show. As a Senior Software Engineer, Farzad has the cool job of designing and refactoring existing games at Epic Games. He currently lives in Helsinki, Finland, with his lovely wife and cat. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-148-farzad-yousefzadehr"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-147-kay-plosser">MJS 147: Kay Plößer</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> May 12, 2020 <span class='text-slate-300'>·</span> Episode 147 </div> <div class='text-sm text-slate-500'> Kay Plößer is an German developer who does front-end and mobile development with React. He primarily focuses on developer relations and will be teaching at a University soon. He got started in programming doing basic scripting and game mods to buy game weapons when the game started. He also build IRC bots and programs that ran in IRC. We dive into his journey through development into React and JavaScript. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-147-kay-plosser"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-146-hakon-krogh">MJS 146: Håkon Krogh</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Apr 28, 2020 <span class='text-slate-300'>·</span> Episode 146 </div> <div class='text-sm text-slate-500'> Håkon Krogh is a Norweigan developer who focuses on web performance. We start out discussing working from home in the current pandemic. His current company works in Product Information Management. It's a headless ecommerce system. We dive into his experience learning learning to build applications and learning JavaScript and leading a team. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-146-hakon-krogh"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-145-varya-stepanova">MJS 145: Varya Stepanova</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Apr 14, 2020 <span class='text-slate-300'>·</span> Episode 145 </div> <div class='text-sm text-slate-500'> Varya is an expert in design systems. She talks about the process of working in and building design systems. She learned basic Pascal at school. She did programming exercises on paper. She then got into building web pages for groups she was a part of. She then picked up PHP and went professional at that point. On the front-end, she began picking up JavaScript and worked using Yandex's internal framework. Follow here story through the rest of the podcast. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-145-varya-stepanova"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-144-josh-ponelat">MJS 144: Josh Ponelat</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Apr 07, 2020 <span class='text-slate-300'>·</span> Episode 144 </div> <div class='text-sm text-slate-500'> Josh Ponelat is Software Architect at SmartBear working on Swagger and OpenAPI. He's from South Africa. Josh's father is a programmer and was heavily influenced by his father. He started with ANSI-C and hacking on shells. He studied graphic design in school. He got back into programming in PHP and MySQL and wound up transitioning to JavaScript. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-144-josh-ponelat"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-143-paige-niedringhaus">MJS 143: Paige Niedringhaus</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Mar 31, 2020 <span class='text-slate-300'>·</span> Episode 143 </div> <div class='text-sm text-slate-500'> Paige Niedringhaus started her career as a Digital Marketer before making the move to becoming a software developer at the Home Depot. She current works with React and Node building internal apps for them. This episode discusses the ins and outs of making that transition in a semi-recent world and community. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-143-paige-niedringhaus"><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/eyJfcmFpbHMiOnsiZGF0YSI6MjEsInB1ciI6ImJsb2JfaWQifX0=--d752d3cef7f2eb5c6c423d949a7ce7a238164099/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJqcGciLCJyZXNpemVfdG9fZmlsbCI6Wzg4LDg4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--9b4464a44b140ce6869be922e5c7648e6444f07a/myjavascriptstory.jpg" /> <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/my-javascript-story/episodes/mjs-142-daniel-caldas">MJS 142: Daniel Caldas</a> </h3> <div class='font-hkgrotesk font-medium text-sm text-slate-500 mb-1'> Mar 24, 2020 <span class='text-slate-300'>·</span> Episode 142 </div> <div class='text-sm text-slate-500'> Daniel Caldas is a Portuguese developer working and living in Singapore. He learned to code in high school programming in Pascal. He moved up to the university and that's where he encountered JavaScript. He wound up doing a bunch of design work, static websites, and jQuery. He explains his journey and learning methods leading to a job working for Zendesk on their CRM. </div> </div> </div> <div class='shrink-0 sm:ml-5'> <a aria-label="play" href="/podcasts/my-javascript-story/episodes/mjs-142-daniel-caldas"><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/my-javascript-story"><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-indigo-500 px-4 pt-4 text-sm font-medium text-indigo-600'>1</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/my-javascript-story?page=2">2</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/my-javascript-story?page=3">3</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/my-javascript-story?page=4">4</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/my-javascript-story?page=5">5</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/my-javascript-story?page=2">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>