COMPRESSEDfm

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.

daily.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.dev

Creating 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.

• 0:00 Introduction
• 1:36 Introducing Ken Jones
• 1:57 Birdables
• 3:14 Process of Creating the Cards
  • Print of Figma
  • Tiny Image Compressor
• 5:48 Getting the Cards Printed
• 9:12 NFTs and Minting the Cards
  • Open Sea
• 13:09 Working with SvelteKit
  • pnpm
• 17:29 Sponsor: Hashnode
• 18:15 No Code / Low Code Tools
  • Webflow
  • Netlify
  • Bubble
• 27:29 Sponsor: Daily.dev
• 28:29 Determining which tech stack is best for a specific project
• 30:42 Niche Marketing and Tracking Users
  • Brennan Dunn
  • Drip
  • Mastering ConvertKit
  • Right Message
• 35:45 Client Process
• 38:48 Wrapping Up
  • Svelte Sirens
  • Everything Svelte

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.

Vercel 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.com

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/careers

DatoCMS 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.com

• 0:00 Introduction
• 4:01 Tips and Mini Rants
  • Making TypeScript Look More Like JS Docs
• 9:54 Coming up with a New Idea
• 15:11 Sponsor: ZEAL
• 16:04 Design Sprint
  • Deploy Empathy
  • Software Social Podcast
• 19:42 UI Flow Diagrams
• 20:41 Data Modeling
• 23:07 Sponsor Spot: Vercel
• 24:15 App Map
• 24:56 User Stories
  • Episode 44: What Does it Look like to work on an actual dev team?
• 26:47 Pointing Stories
• 29:22 Prototyping, Wireframing, and User Research
• 34:24 Sponsor: DatoCMS
• 35:17 Which features?
  • Simon Høiberg on Twitter
  • Feed Hive
• 41:29 Grab Bag Questions
• 42: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 Plugs
• 51:06 Amy's Pick: Cho Pat Bands
• 51:58 Amy's Plug: Learn Build Teach Discord Server
• 52:30 James's Pick: The Traitor’s Son Book Series
• 53:50 James's Plug: Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku

In this episode, our guest, Swyx talks about how part-time creators have an advantage over full-time content creators, leading indicators when creating content, networking and engaging with your audience, and creating luck.

daily.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.dev

Creating 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.

• 0:00 Introduction
• 2:06 Introducing Swyx
  • Coding Career Handbook
    • Part-Time Creator Manifesto
• 3:28 Why Writing?
• 7:16 Priority and Time
• 9:45 Better to be Part-Time Creator than a Full-Time Creator
• 12:16 Do you set up a business entity?
• 13:22 Consistency
• 16:49 Lower the Barrier to Entry
• 20:16 Sponsor: Daily.dev
• 21:17 How much do you pay attention to growth?
• 22:37 What is the leading indicator?
  • Second Brain
• 24:17 Engaging with your Audience
• 25:24 Ratio of One for me, One for Them
• 31:44 Networking
• 34:43 Niching
• 37:18 Sponsor: Hashnode
• 38:04 What's a sustainable action plan for part-time content creation
• 40:23 Getting your stuff stolen
• 41:41 Creating Luck
• 48:31 Community Shout outs
  • Monica Lent: Blogging for Devs
  • Coding Career on Twitter

In this episode, James explains how he built a custom Discord Bot for the Learn Build Teach Community that allows users to give out kudos for learning, building, or teaching.

Vercel 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.com

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/careers

DatoCMS 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.com

• 0:00 Introduction
• 3:24 Hot Rant and Quick Takes
• 5:42 Slack vs. Discord
• 9:45 Original Discord Bot
• 15:59 Migrating to a New Tech Stack
  • PlanetScale
  • Prisma
  • Render
  • Railway
  • Fly.io
• 18:40 Sponsor: ZEAL
• 19:32 Pain Points of the Old Tech Stack
• 22:41 Sponsor: DatoCMS
• 23:34 Benefits of Prisma
• 24:56 Benefits of TypeScript
• 27:17 Backend Frameworks
• 29:38 Husky
• 31:54 ts-node-dev
• 33:47 Working with PlanetScale
• 36:45 Sponsor: Vercel
• 37:53 Slash Commands
• 41:38 New Functionality in Discord
• 45:15 Making the Data Available through an Express API
• 47:14 What's the cost?
• 48:55 Grab Bag Questions
• 49:28 Picks and Plugs
• 49:36 James's Pick: Blanket from Costco
• 50:57 James's Plug: How I Built A Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku on YouTube
  • Episode: Episode 32: Getting Started with TypeScript
  • Episode: Making Frontend Developers Full-stack with Prisma with Nikolas Burk
• 51:56 Amy's Pick: Ship 30 for 30
• 52:56 Amy's Plug: Compressed.fm on Twitch

This episode features Nikolas Burke, Head of Dev Rel at Prisma. Prisma is an abstraction layer for managing and interacting with your database.

daily.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.dev

Creating 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.

• 0:00 Introduction
• 1:59 Parenting Tips and Quick Rants
• 5:11 Frontend Developers Becoming Backend / Full Stack
• 7:47 What is an ORM and Why does it Make Working with Databases More Accessible?
• 16:53 Differences with Prisma
• 21:37 Sponsor : Daily.dev
• 22:38 Speed of Working with Prisma
• 23:43 Migrations
• 26:51 Prisma Commands
• 33:42 Sponsor: Hashnode
• 34:27 Prisma: Under the Hood
  • KeystoneJS on Level Up Tutorials
  • Episode 54: Why RedwoodJS is the App Framework for Startups with David Price
  • Amplication
  • Episode 59: Let's be Animated
• 41:52 Final Thoughts
• 44:41 How should people get started with Prisma?

In this episode, Amy and James share 61 of their favorite apps for web design, development, and boosting productivity.

Vercel 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.com

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/careers

DatoCMS 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.com

• 0:00 Introduction
• 3:23 1Password
• 4:10 Adobe Creative Cloud
• 5:11 Alfred
• 6:40 AstroPad Studio
• 7:12 Arctype
• 7:49 Backblaze
• 9:32 Bartender
• 10:04 Bearded Spice
• 10:48 Sponsor: Vercel
• 11:55 Better Touch Tool
• 12:28 Caffeine
• 13:10 Carbon Copy Cloner
• 13:54 CleanShot X
• 15:21 Contrast
• 15:36 Default Folder X
• 16:40 Descript
• 17:19 Dropbox
• 17:47 Discord
• 18:05 Elgato Control Center
• 18:37 Fantastical
• 19:14 fig.io
• 19:45 Figma
• 20:30 Sponsor: DatoCMS
• 21:23 Fly Cut
• 23:00 Glyph Finder
• 23:32 Grammarly
• 24:13 Harvest
• 25:30 Hazel
• 26:44 Hyper
• 27:20 IconJar
• 27:53 iStat
• 28:34 Karabiner Elements
  • The Most Productive Customization I've Made to My Computer This Year
• 29:49 Keyboard Maestro
• 31:29 OBS Studio
• 31:54 Loom
• 32:40 Loopback
• 33:44 Sponsor: ZEAL
• 34:37 Magnet
• 35:28 MAMP Pro
• 35:54 Local by Flywheel
• 36:47 Mouseposé
• 37:30 Notion
• 38:26 NordVPN
• 38:51 Numi
• 39:25 Pixel Snap
• 40:04 Pock
• 40:33 Pocket Casts
• 40:53 Raycast
• 41:37 Shush
• 42:27 Sip
• 43:01 SequelPro
• 43:37 Screenflow
• 44:37 Spotify
• 44:53 Stream Deck
• 45:16 Slack
• 45:34 Suitcase Fusion
• 46:25 Text Expander
• 48:06 Transmit
• 49:02 Tower
• 49:17 Tuple
• 49:42 Unsplash Wallpapers
• 49:58 VLC
• 50:16 VS Code
• 50:35 Yoink
• 51:42 Grab Bag Questions
• 51:55 Run JS App
• 52:06 Obsidian
• 52:50 Picks and Plugs
• 53:03 Amy's Pick: Pet AirTag
• 54:45 Amy's Plug Everything Svelte
• 55:13 James' Pick Cook Once Eat All Week
• 56:12 James' Plug Learn Build Teach Discord

In this episode, our guest, Brittney Postma talks about the Developer Experience (DX) and how it important it is to the work that we do and the frameworks that use.

daily.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.dev

Creating 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.

• 0:00 Introduction
• 1:34 Introducing Brittney Postma
  • Grainger
  • codingcat.dev
  • SvelteSirens
• 2:10 Quick Rants, Hot Takes, and Parenting Tips
• 6:22 Developer Experience
  • Sarah Drasner on the Developer Experience
• 10:21 Sponsor: Hashnode
• 11:10 Developer Experience through Documentation
• 13:34 Tools around the Developer Experience
• 16:54 The Developer Experience when Working on Client Projects
  • Episode 5: Starting a New Project
• 21:18 Developer Experience with Education
• 22:36 Sponsor: Daily.dev - http://daily.dev
• 23:36 Developer Experience when Onboarding
• 28:23 Things to Take into Account when Creating Content
• 33:50 What Advice do you have a Student that's Trying to make Career Choices?
  • Episode 43: New Beginnings for New Developers
  • Episode 35: Crossover Episode with Brittney and Alex
  • Freecodecamp.com
• 35:38 My Vanilla JavaScript is alight and not great, my company wants me to work with Vue JS already. They say I'll learn JavaScript also in a good way while working with the framework right away. What do you guys think?
  • Beginner JavaScript
  • Wes Bos's Courses
• 38:46 Is the dev industry saturated?
• 41:57 Closing Thoughts

In this episode, Amy and James talk about adding CSS and JavaScript animations to your project: things to consider, the best properties, methods, and libraries to use.

Vercel 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.com

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/careers

DatoCMS 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.com

• 0:00 Introduction
• 2:48 Parenting Tip
• 4:04 Rant: Learning Multiple Languages
• 6:37 Our Fantastic Sponsors
• 6:51 What We've Been Up To
• 9:59 Why use animations?
  • Jason Lengstorf
  • Josh Comeau
  • CSS for JS
• 12:27 Adding Context for Users
• 14:34 Games and Animation
  • Val Head
• 16:28 Speed of Animation
• 17:33 Sponsor: Vercel
• 18:40 Transitions vs Animations
• 23:06 Animations in CSS
  • Cubic Bezier Curve
• 28:02 Transition Property
• 32:16 Sponsor: DatoCMS
• 33:10 Green Sock
  • YouTube Video on Tweening SVGs with GreenSock
• 35:45 Framer Motion
  • Matt Perry
  • Will Johnson (Egghead Course on Framer Motion)
  • Pete Cape Cod - Hashnode Article on Framer Motion
  • Motion.dev
• 39:10 React Spring
• 39:52 Remotion
  • Johnny Burger on Twitter
• 41:15 Sponsor: ZEAL
• 42:08 Built into SvelteKit
  • Swortle
  • Wand Selector
• 45:09 Grab Bag Question
• 45:21 Grab Bag Question #1: What would you prefer? CSS Animations? Vanilla CSS? JS? Or an animation library like GSAP or Framer Motion?
• 46:59 Grab Bag Questions 2: What are the cheapest and most expensive (performance) types of animation?
• 48:24 Picks and Plugs
• 48:37 Amys Pick: Camo Studio
• 50:07 Amy's Plug: SelfTeachMe on YouTube
• 52:25 James's Pick: Logitech Lights
• 53:59 James's Plug: James Q Quick on YouTube

This episode features Bekah Hawrot-Weigel as she talks about how Virtual Coffee got started, the role of storytelling within communities, and the importance of learning the basics in development.

daily.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.dev

Creating 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.

• 0:00 Introducing: Bekah Hawrot-Weigel
• 2:10 Parenting Tips
• 4:43 Virtual Coffee
• 11:01 Tech Stack for the Website
  • Eleventy
  • Remix
  • CraftCMS
• 13:03 Learning New Technologies
  • Jekyll
  • TensorFlow
  • Gant Laborde Book
• 18:13 Sponsor: daily.dev
• 19:13 Working with the Basics
• 24:03 Asking Questions
  • Virtual Coffee Discussions on GitHub
• 30:51 Participating in a Community
• 35:34 Sponsor: Hashnode
• 36:23 Renaming Networking to Investing in Your Community
• 40:25 Answering "Why Should we Hire You?"
• 41:12 Finding the Community that you want to be Part Of Through Storytelling
  • How to get Run Over by a Truck
• 48:29 Soapbox: A Person Centered Approach to Build Both Internal and External Communities
  • Never Split the Difference
• 52:54 Community Shout Outs
  • Virtual Coffee
  • Cincinatti Software Craftsmanship
  • cfe.dev
  • Learn Build Teach Discord Community
  • You Got This Events

In this episode, James and Amy, explain all the buzz words: authentication, authorization, JWTs, sessions, and cookies. And what's the best implementation for your site?

Vercel 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.com

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/careers

DatoCMS 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.com

• 0:00 Introduction
• 4:30 Unpopular Opinions and  Parenting Tips
• 8:55 All the Buzzwords
• 10:38 What would you do if you were to build authentication and authorization into your own site?
• 12:08 Authentication VS Authorization
• 15:57 Sponsor: DatoCMS
• 16:51 Roles and Permissions
• 20:18 Cookies and Sessions
• 25:45 Facebook Tracking
• 27:04 The Relationship Between Sessions and Cookies
• 29:28 Sponsor: ZEAL
• 30:21 JWTs, JSON, and Web Tokens
• 35:35 Combining JWTs with Cookies
• 36:45 Beware: Cross Side Scripting
• 38:53 Refresh Tokens
• 41:22 Identity / SaaS Platforms for to Handle Authentication
  • Auth0
  • Okta
  • Next Auth
  • Supabase
  • Firebase
• 46:32 Sponsor:  Vercel
• 47:40 Grab Bag Questions
• 48:06 Question #1: Is it JWT or JOT?
• 50:31 Question #2: Rolling your own Auth System vs. Using a Service
  • James Perkins - Live Episode
  • Clerk.dev
• 51:19 Question #3: What is your favorite Girl Scout Cookie?
• 52:33 Picks and Plugs
• 52:46 Amy's Pick: CodeSpark
• 54:18 Amy's Plug: Everything Svelte
• 54:57 James's Pick: Publix Sub Sandwich
• 56:28 James's Plug: Learn Build Teach Discord