
COMPRESSEDfm
A weekly podcast about web design and development with a little zest from Amy Dutton and Brad Garropy
Latest episodes

Aug 23, 2022 • 1h 4min
74 | So you want to be a Developer Advocate?
In this episode, James shares all the juicy details about Developer Relations / Developer Advocacy / Technical Evangelism and all the things that happen behind the scenes.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:50 "Not" Parenting Rant3:56 Spending Time with Remix5:14 Remix vs Next.js7:09 Remix vs Next.js Article9:01 How James Got His First Developer Advocacy Role12:10 Sponsor: Vercel13:18 Working at Microsoft as a Technical Evangelist18:17 Why Content Creation is Important19:54 Difference Between Technical Evangelism and Developer Advocacy22:05 Tech Is More Than Just Software Development23:00 Sponsor: DatoCMS23:54 Moving to New York City24:50 The Impact of Student Hackathons27:22 James Meets Tom Holland31:04 Learn Build Teach31:28 Speaking in Public34:20 Sponsor: ZEAL35:05 Technical Experience at FedEx40:10 Transitioning Back to Developer Advocacy42:23 Downside of Developer Advocacy47:34 Grab Bag Questions47:46 What are two challenges faced by developer advocates?42:10 What has been the hardest challenge when building a community and how did you address it? What do you like the most and the least about Developer Advocacy?55:44 What advice would you give to become a Developer Advocate?56:36 How much time do you spend building stuff versus marketing versus documentation?58:14 Picks and Plugs52:24 James's Pick: Ryobi Battery Powered Weed-Eater1:00:10 James's Pick: James Q Quick on YouTube 01:00:21 Amy's Pick - Book: Story Worthy01:01:15 Amy's Plug: SelfTeach.me on Twitch

Aug 11, 2022 • 36min
73 | Building web3 with Nader Dabit
Our featured guest for this episode is Nadar Dabit. He explains blockchain, decentralization, Web3, its future, volatility, and how you might get started in this space.SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction0:31 Nader Dabit Intro and Working in Dev Rel4:19 What is web3 and why the shift to web3?10:12 Sponsor: Hashnode10:58 GraphQL in Web312:23 What Does Decentralized Mean?16:33 The Business Model of Web318:20 What is the Blockchain25:46 Sponsor: Daily.dev26:47 Volatility in Web329:07 The Difficulty of Finding Developers in the Web3 Space30:04 Nader's Thoughts on the Future34:04 How Web3 Affects Content Creators35:14 Wrap Up

Jul 26, 2022 • 45min
72 | Working with Storybook
In this episode, Amy shares her experience with working with Storybook, the pros and cons, and how it's changed her developer workflow.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionEpisode 32 - Getting Started with TypeScript7:17 Quick Rant: Wired Headphones8:49 Design SystemsEpisode 46 - Everything You Ever Wanted to know about Design SystemsBootstrapZurb Foundation10:36 Supports Multiple Libraries and Frameworks12:28 Sponsor: ZEAL13:13 How do you enter all the information into Storybook?Frontend Masters: Design Systems with React & Storybook - Emma Bostian18:24 Storybook in the Wild: Building out Frontend Components for Backend DevelopersEpisode 54 - Why RedwoodJS is the App Framework for Startups with David Price Redwood.js with David Price22:17 Comparing Storybook to Testing25:31 Sponsor: Vercel26:39 Breaking Down a Component29:29 Add-Ons with Storybook31:28 Storybook and Figma Integration31:46 Sponsor: DatoCMS32:40 Do you use Storybook at work?33:39 Do you think Redwood is an option that you'll use more of going forward? Or, do you think Storybook is something that you implement outside of Redwood in some of your existing setups?35:05 Is Redwood something teams should be looking at for new projects?36:32 Grab Bag Questions39:16 Picks and Plugs39:26 James's Pick: Spike Ball41:07 James's Plug: TikTok42:25 Amy's Pick: PARA Method43:42 Amy's Plug: Everything Svelte

Jun 28, 2022 • 47min
71 | Secret Things, Env Vars, How to Handle API Keys Correctly
In this episode, James shares common mistakes people make with their API Keys and explains the appropriate way to handle them.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 IntroductionYouTube Video RE: Mistakes People Make with API Keys6:42 API Keys7:37 Where do API Keys come from?8:57 Mistakes People Make with API Keys9:10 Mistake #1: Hard Coding the API Key Value11:45 Sponsor: Vercel12:53 Mistake #2: Adding an API Key to the .env file, but still exposing the key16:20 Mistake #3: Committing Your Key to Source Control17:59 What should you do about a leaked API key?19:38 Using .gitignore21:20 The Best Way to Handle Secrets22:57 Serverless FunctionsEpisode 57 - Authentication and Authorization and other Buzz Words29:55 Sponsor: ZEAL30:41 Where would you put a Bearer Token?31:40 Server Side Rendering33:49 Public API Keys37:20 Sponsor: DatoCMS38:13 Grab Bag Questions38:24 What's the best way to share environmental variables across different machines?38:35 What are the pros and cons of system environmental variables vs a KMS (Key Management System)?40:34 Picks and Plugs40:44 James's Pick: Sketcher's Tennis Shoes from Costco44:54 James's Plug: YouTube Video - 10 Things JavaScript Developers Have Stopped Doing45:26 Amy's Picks: James Clear 3-2-1 NewsletterAtomic Habits, by James Clear46:14 Amy's Pick: Keystone.js on Level Up Tutorials

May 5, 2022 • 32min
70 | Amy's Teammate, Sunjay Armstead, Interviews Her
In this episode, the tables are turned and you get a different perspective. Sunjay Armstead, is a UI/UX Designer and Developer at ZEAL. Here, he interviews Amy and asks her about leading a team and being a female in the tech industry.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction2:05 What can beginners do to prepare to work on a design / dev team?5:05 Contributing to Open SourceBrian Douglas9:58 Sponsor: Hashnode10:43 What have you learned to so far about leading a team? Challenges, frustrations, highlights?13:36 What ways have you seen your team help you get better?17:33 How do you know what's genuine, constructive critique vs unfounded opinion?19:38 Are there other ways that you can make a design objective?21:11 Sponsor: Daily.dev22:12 What ways has the industry improved and what things still need attention?25:28 What are some of the things that your bosses and coworkers have done right that has been inclusive and that helps you feel part of the team?27:46 What do you do to attend to the different areas of your life?

May 3, 2022 • 1h 6min
69 | Speaking at Conferences
In this episode, James explains how to apply to speak at conferences, how to properly prepare for a speaking engagement, and how to get started.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction5:06 Why speak at conferences?9:12 Sponsor: Vercel10:19 How would you recommend getting started?15:41 How do you Apply to Speak at a Conference?25:56 Sponsor: DatoCMS27:03 PreppingNancy Duarte SlideologyNancy Duarte - ResonateNancy Duarte34:47 Tip: Ask for Feedback35:28 Tip: Make It Interactive38:39 Tip: Don't sell a Product40:00 Tip: Present your Niche at an "Unrelated Conference"41:07 Tip: Confidently say "I'm a Content Creator."42:12 Tip: Create Other Content out of your Conference Talk42:44 Tip: Network as much as Possible47:32 Sponsor: ZEAL48:18 What Other Benefits are there from Speaking?51:04 Grab Bag Questions51:13 Question #1: What was your path to speaking at your first conference? How did you know you were ready? How do you go about picking a topic? What lessons have you learned?54:24 Question #2: What about your defining your audience makes speaking at Tech Conferences challenging?55:59 Question #3: What do you consider when preparing for a CFP and how do you make your proposal stand out from all the other ones? How do you overcome anxiety before speaking? Would it be OK to have a script or a cheat sheet ready?58:17 Question #4: What would you do as a conference attendee and speaker like to see more or less of?1:00:00 Picks and Plugs1:00:32 Amy's Pick: HyperVolt Massage Gun1:02:52 Amy's Plug: Learn Build Teach Discord1:03:12 James's Pick: Dog Training Clicker1:05:19 James's Plug: James on YouTube

Apr 28, 2022 • 52min
68 | Developer Productivity, Featuring Brad Garropy
In this episode our guest, Brad Garropy explains his setup for increasing the developer experience and making his developer experience better. He's created several tools along the pipeline.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction4:08 Rants5:39 Introducing Brad Garropy7:39 Developer Tooling8:50 Dot Files RepoWes Bos's Dot FilesBrad Garropy's Dot Files12:38 VS Code SnippetsBrad's VS Code Snippets15:19 NPM PackagesBrad's NPM PackageshttpLabman26:08 Sponsor: Daily.dev30:18 YouTube Shorts32:53 Sponsor: Hashnode33:39 Code Generation and Generating All Kinds of ThingsPlop37:57 GitHub Repository Templates43:55 Picks and Plugs44:04 Brad's Picks: Oculus Quest 246:51 Brad's Pick: Yellowstone47:26 Brad's Pick: Halo49:01 Brad's Plugs: Brad Garropy on YouTube49:39 Amy's Pick: Body Glide51:09 Amy's Plug: Everything Svelte

Apr 26, 2022 • 47min
67 | Learning How to Code and Transition Your Career into Tech with Allan Vila
This episode features Allan Villa. He transitioned into tech by teaching himself how to code in seven months and then landed his first job in tech.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction1:05 Introducing Allan Vila6:20 What curriculum did you use to learn?8:06 100 Devs#100DevsShow Your Work13:10 Sponsor: Vercel14:18 Where did you get started when you were trying to learn?18:23 Preferred Method of StylingCSS Tricks - Specifics on Specificity24:53 Sponsor: ZEAL25:38 Working on Personal Projects30:37 Leveraging Code34:59 Sponsor: DatoCMS35:52 BloggingA Hired Imposter's Secrets42:11 Dropping Bars45:17 Pineapple Pizza

Apr 21, 2022 • 40min
66 | Agency Life and a NFT Side Project with Ken Jones
This episode features Ken Jones, his side project Birdables that's he's turned into an NFT and printed actual trading cards. Ken also runs a small web agency and builds websites in various technologies.Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes0:00 Introduction1:36 Introducing Ken Jones1:57 Birdables3:14 Process of Creating the CardsPrint of FigmaTiny Image Compressor5:48 Getting the Cards Printed9:12 NFTs and Minting the CardsOpen Sea13:09 Working with SvelteKitpnpm17:29 Sponsor: Hashnode18:15 No Code / Low Code ToolsWebflowNetlifyBubble27:29 Sponsor: Daily.dev28:29 Determining which tech stack is best for a specific project30:42 Niche Marketing and Tracking UsersBrennan DunnDripMastering ConvertKitRight Message35:45 Client Process38:48 Wrapping UpSvelte SirensEverything Svelte

Apr 19, 2022 • 55min
65 | Validating an Application: How do I know I’m building the right thing? Where do I start?
In this episode, Amy and James talk about the process of validating an application idea, planning it out, and determining which features get built first.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction4:01 Tips and Mini RantsMaking TypeScript Look More Like JS Docs9:54 Coming up with a New Idea15:11 Sponsor: ZEAL16:04 Design SprintDeploy EmpathySoftware Social Podcast19:42 UI Flow Diagrams20:41 Data Modeling23:07 Sponsor Spot: Vercel24:15 App Map24:56 User StoriesEpisode 44: What Does it Look like to work on an actual dev team?26:47 Pointing Stories29:22 Prototyping, Wireframing, and User Research34:24 Sponsor: DatoCMS35:17 Which features?Simon Høiberg on TwitterFeed Hive41:29 Grab Bag Questions42:02 Question #1: What is a good way to find a need that you can fill and structure it to build for profit?49:13 Question #2: How do you come up with the perfect name for your app?50:53 Picks and Plugs51:06 Amy's Pick: Cho Pat Bands51:58 Amy's Plug: Learn Build Teach Discord Server52:30 James's Pick: The Traitor’s Son Book Series53:50 James's Plug: Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku