In this episode, we dive deep into the dynamics of working solo versus being part of a development team. From the ideal team composition at large companies to the challenges of maintaining open source projects, our hosts share their experiences and insights. Learn about the crucial roles of designers and product managers, the importance of documentation, and why even senior developers still Google Git commands. Whether you're a solo developer looking to collaborate or a team player wanting to improve your workflow, this episode has something for everyone.

00:00 - Introduction

01:16 - The Perfect Team Composition

02:44 - Different Approaches to Team Building

04:37 - Working Without Designers: The FedEx Experience

08:10 - Documentation and Project Requirements

12:30 - The Role of Documentation in Team Success

14:47 - Documentation's Impact on Career Growth

15:14 - Onboarding and Documentation Connection

16:51 - Open Source Project Management

19:45 - Automation in Open Source

22:34 - Deals for Devs: Managing Contributors

25:29 - Branch Management and PR Workflows

29:59 - Solo Development Practices

31:21 - Git Commands and Team Workflows

35:14 - Open Source Knowledge Barriers

38:02 - The Importance of Admitting What You Don't Know

39:15 - Episode Wrap-up

• Nick Taylor's Blog Post about GitHub Code Owners - https://dev.to/opensauced/supercharge-your-repository-with-code-owners-4clg
• B Dougie's GitHub Action for the "Take" command - https://github.com/bdougie/take-action/blob/main/action.yml
• Chantastic's Git Course on Epic Web - https://www.epicweb.dev/tutorials/git-fundamentals
• GitHub Documentation on Squash Merging vs Rebase Merging - https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/incorporating-changes-from-a-pull-request/about-pull-request-merges
• Merge vs Rebase vs Squash - https://gist.github.com/mitchellh/319019b1b8aac9110fcfb1862e0c97fb
• GitHub Issue Forms Documentation - https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/syntax-for-issue-forms
• GitHub Pull Request Templates Guide - https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository
• GitHub Code Owners Documentation - https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
• Virtual Coffee's Hacktoberfest Resources - https://hacktoberfest.virtualcoffee.io/
• OpenSauce - https://opensauced.pizza/
• The "Working Genius" Assessment - https://www.workinggenius.com/
• Gun.io Work Personality Quiz - https://gun.io/workstyle/
• Deals for Devs Project - https://www.dealsfordevs.com/
• GitHub Actions Documentation on Release Management - https://docs.github.com/en/actions/sharing-automations/creating-actions/releasing-and-maintaining-actions
• Conventional Commits Documentation - https://www.conventionalcommits.org/en/v1.0.0/

Join Amy and Brad as they break down the latest developments in the React ecosystem following React Conf 2024. From quality-of-life improvements in React 19 to the introduction of the new React compiler, they analyze how these changes will impact everyday development. The episode features an in-depth discussion about Remix's strategic decision to focus on React Router, the ongoing debate between JavaScript frameworks and traditional backend frameworks, and thoughtful insights into choosing the right tools for your projects. Whether you're a seasoned React developer or just getting started, this episode offers valuable perspective on the future of web development.

Sanity delivers content anywhere (just like a headless CMS).

Beyond that, Sanity gives you total composability. A fully decoupled, real-time content back end. Entirely customizable content workspaces.

00:00 - Introduction

00:42 - Sponsor: Sanity

02:12 - React Conf Experience

05:00 - Conference Personalities

08:52 - React Compiler Deep Dive

13:20 - Remix "Taking a Nap" Discussion

26:41 - React 19 Features

33:54 - JavaScript vs PHP/Laravel Debate

41:11 - Framework Decision Fatigue

44:45 - Picks & Plugs

Marc Hess, a Developer Advocate at Prisma, talks about the evolution of Prisma from an ORM tool to a comprehensive platform for database management. The discussion includes practical advice on using Prisma, optimizing documentation, and Marc’s experience with developer advocacy. The team also explores the benefits of Prisma Pulse for real-time applications and how it compares to other ORM tools like Drizzle.

Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders.

00:00 - Introduction and Sponsor Shoutout

00:43 - Sponsor: Convex

01:06 - Introducing Marc Hess from Prisma

• Prisma
• RedwoodJS

04:04 - YouTube Content Creation Tips

11:24 - Introduction to Prisma and Its Products

14:19 - Deep Dive into Prisma Pulse

19:06 - Best Practices for Documentation

• Prisma Documentation
• Divio's Documentation System

29:13 - Client Extensions in Prisma

• Prisma Client Extensions

37:13 - Prisma vs Drizzle Discussion

• Drizzle

44:00 - Picks and Plugs Segment

Joe talks with Amy and James about utilizing open source as a beginner and his interest in TypeScript.

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.

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

• 00:00 Introduction
• 02:04 Explaining Storybook
• 06:03 Component Testing
• 14:14 Storybook Inside Chromatic
• 16:58 The Value of Testing
• 20:55 Storybook and Redwood
• 23:35 Sponsor: Hashnode
• 24:21 What Chromatic Does
• 28:30 Percy vs Chromatic
• 34:32 Sponsor: Daily.dev
• 35:33 Michael at Chromatic
• 38:35 Components
• 44:37 Picks and Plugs

Joe talks with Amy and James about utilizing open source as a beginner and his interest in TypeScript.

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.

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

• 00:00 Introduction
• 02:54 Joes Background
• 04:10 Passion for Open-source
• 05:25 Being an Open-source Beginner
• 11:09 How to Find a Potential Project
• 11:54 Love for Teaching
• 14:44 Sponsor: Hashnode
• 15:34 TypeScript Experience
• 17:51 8 Hours to Learn
• 20:16 Conferences and Meetings
• 24:31 Building Learning Tools
• 25:59 The Power of Content
• 30:01 Sponsor: Daiy.dev
• 36:52 One Minute Vim Pitch

In this Episode guest Ben Haynes tells us about his work at Directus and where the software is headed next.

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.

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

• 00:00 Introduction
• 02:54 Momentum
• 04:10 Ben's Favorite Framework
• 05:25 What problems does Directus solve?
• 11:09 Sponsor: Hashnode
• 11:54 How James Heard of Directus
• 14:44 Hosting Recommendations
• 15:34 Having a Free Tier
• 17:51 Thoughts on TypeScript
• 20:16 Integration with Other Ecosystems
• 24:31 Demoing the Platform
• 25:59 Can Directus do this?
• 30:01 Sponsor: Daily.dev
• 31:02 Transition to CEO
• 36:52 Upcoming Features

Kent discusses his role at Remix and why he loves the product so much.

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.

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

• 00:00 Introduction
• 01:33 Kents Background
• 07:08 The Marketing of Remix
• 09:08 Create Things You're Excited About
• 11:06 Transparency and Honesty
• 13:51 Sponsor: Hashnode
• 14:37 Using Remix and What's Coming Soon
• 24:49 Embracing the Web Platform
• 32:14 How to Handle Databases
• 37:15 Sponsor: Daily.dev
• 38:16 Hate Tailwind?
• 43:58 Tradeoffs

In this episode guest Tessa Mero talks to James and guest cohost Brad Garropy about working in Dev Rel and transitioning her job.

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.

• 00:00 Introduction
• 01:12 Introducing Tessa
• 02:36 How did Brad get Into Web
• 05:46 Draw of Developer Relations and Developer Advocacy
• 09:46 Getting Into Speaking
• 12:17 Preparing for Criticism
• 17:06 Sponsor: Hashnode
• 17:53 How to Progress Your Career
• 22:12 Performance Indicators in Developer Relations
• 26:39 Sponsor: Daily.dev
• 27:40 Working for Open-source
• 34:08 Companies that Prioritize Dev
• 42:19 Brad's Pick: Digital Minimalism by Cal Newport
• 44:09 Brad's Plug: Brad Garropy on YouTube
• 44:28 Tessa's Pick: Shure SM7B
• 47:23 Tessa's Plug: Appwrite Discord
• 48:32 James's Pick: The Weekend Away
• 49:39 James's Plug: James Q Quick YouTube

In this episode James Perkins talks about unexpected job changes and what it’s like to work for start-ups.

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.

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

• 00:00 - Intro
• 03:08 - Creating Content for Companies You Like
• 05:57 - Startups: Phases and Funding
• 08:08 - Layoffs
• 11:32 - Startups and Unicorns
• 15:30 - Payouts and Stock Options
• 21:36 - Sponsor: Hashnode
• 22:22 - Risky Startups
• 28:26 - Black Market Share Deals
• 30:45 - Where to find startup jobs
• 36:19 - Job Confidence
• 42:49 - Sponsor: Daily.Dev
• 43:50 - Don't Burn Bridges
• 48:16 - Final Thoughts and Community Shoutouts

In this episode, James and Amy talk about the Chrome Developer Tools including familiar tabs like Elements, Console, Network, and a few you've probably never heard of! They also share some of their favorite tips and tricks along the way.

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

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

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

• 00:00:00 - Intro
• 00:04:43 - Amy's Trip to Berlin for Prisma Days
• 00:07:47 - What Are Chrome Developer Tools?
• 00:12:18 - The Elements Tab
• 00:16:00 - Sponsor: DatoCMS
• 00:16:54 - Tweaking Styles in the Elements Tab
• 00:19:06 - The Layout Tab, Event Listeners, Breakpoints, and Accessibility Tabs
• 00:23:34 - The Console
• 00:27:18 - Sponsor: Zeal
• 00:28:12 - Performance Insights and Performance
• 00:29:07 - Debugging and the Sources Tab
• 00:31:22 - The Network Tab
• 00:37:07 - Sponsor:  Vercel
• 00:38:14 - The Application Tab - Local Storage, Cookies, and More
• 00:41:30 - The Lighthouse Tab and Framework Specific Tabs
• 00:44:52 - Grab Bag Questions
• 00:50:02 - Picks and Plugs

In this episode, James and Amy answer questions from the audience about Github Copilot, modern frameworks, Serverless vs Express.js, PlanetScale vs Supabase vs Firebase, and more!

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

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

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

• 00:00:00 - Intro
• 00:02:16 - Github Copilot Controversy
• 00:15:08 - Sponsor: DatoCMS
• 00:16:02 - Thoughts on Next JS,Redwood, Remix, and More
• 00:23:27 - Sponsor: ZEAL
• 00:24:22 - Desk Cable Management 
• 00:30:25 - Serverless vs Express.js
• 00:34:50 - Prisma and PlanetScale
• 00:37:17 - Sponsor:  Vercel
• 00:38:24 - Script for YouTube Images
• 00:39:42 - PlanetScale vs Firebase vs Supabase

In this episode, James talks about his experience using SvelteKit to re-create the famous guessing game, Wordle.

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

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

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

• 00:00:00 - Intro
• 00:03:57 - Svelte vs SvelteKit and Wordle
• 00:10:29 - Sponsor: Vercel
• 00:11:36 - How Wordle Works
• 00:15:51 - SvelteKit Stores for Game State
• 00:19:01 - Sponsor: Zeal
• 00:19:53 - More on Game State
• 00:21:33 - Working with LocalStorage
• 00:27:43 - Creating the Keyboard
• 00:29:53- Game Logic for Guessing Letter
• 00:31:12 - Sponsor: DatoCMS
• 00:32:05 - Color-coded Feedback On Guesses
• 00:36:46 - Adding Transitions on Guessed Letters
• 00:38:19 - Custom Overlay and Alert Components
• 00:47:17 - Grab Bag Questions
• 00:50:20 - Picks and Plugs

• Source Code - https://github.com/jamesqquick/sveltekit-wordle-clone
• Wordle Game - https://www.nytimes.com/games/wordle/index.html
• (Amy Plug) Advent of CSS - https://adventofcss.com/
• (Amy Plug #2) Advent of JS - https://adventofcss.com/
• (James Pick) - https://www.amazon.com/Wireless-Charging-Case-Compatible-Microphones/dp/B09C1G9Z1D
• (James Plug) - https://www.youtube.com/c/jamesqquick

In this episode, Amy and James explain Github Actions: what they are, how they work, use cases, and more. Amy also shares some of her personal experience in setting up Github Actions in a recent project.

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

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

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

• 00:00:00 - Intro
• 00:05:27 - What are GitHub actions?
• 00:12:59 - Sponsor: DatoCMS
• 00:13:53 - Linting or Formatting
• 00:24:34 - Sponsor:  Vercel
• 00:30:03 - Sponsor: Zeal
• 00:30:56 - Other Use Cases
• 00:37:12 - Grab Bag Questions
• 00:44:00 - Picks and Plugs

• Learn Github Actions - https://docs.github.com/en/actions/learn-github-actions
• Quickstart for Github Actions - https://docs.github.com/en/actions/quickstart
• Level Up Tutorials Course on Github Actions from Brian Douglass - https://leveluptutorials.com/tutorials/code-automation-with-github/introduction
• (James Pick) Rode Wireless Go - https://www.amazon.com/Rode-Microphones-Wireless-Channel-Microphone/dp/B08XFQ6KP9
• (James Plug) YouTube Channel - https://www.youtube.com/c/jamesqquick
• (Amy Pick) ELOH IPhone Game - https://apps.apple.com/us/app/eloh/id1406382064
• (Amy Plug) Learn Build Teach Discord - https://learnbuildteach.com/

In this episode of Compressed.fm, James, Amy, and Bekah delve into their current projects, share insights on smarter API calls, and discuss the intricacies of working with Redwood JS. The trio also explores the concept of a two-week challenge for creating and selling digital products, the importance of contributing to open source, and the evolving role of AI in web development.

00:00:00 Intro

00:00:42 James's Video on API Best Practices

• YouTube Video: Stop Using JavaScript Fetch - Do This Instead!

00:03:02 Amy Discusses Building a Complex Redwood Application

00:08:06 James and Amy Discuss Resend and React Email Integration

• Resend
• Episode 151: Leaving a Job to Build a Company with Zeno from Resend
• React Email

00:09:24 The Two-Week Challenge: Creating and Selling a Product

• Email Based Course

00:11:45 Bekah on Leadership and Communication Skills in Tech

00:13:14 Planning and Executing a Two-Week Product Challenge

00:20:31 Discussing Autobiographies and Productivity Books

• Ali Abdaal - Feel Good Productivity
• 50 Cent - Hustle Harder, Hustle Smarter
• Chrome Extension: YouTube Playback Speed

00:29:17 Addressing Junior Devs: Tips for Building a Strong Portfolio

• Refactoring UI

00:33:10 James on Turning DealsForDevs.com into a Resource Hub

00:34:08 Conclusion

Anthony Campolo (AJC) joins us to talk about leveraging blockchain infrastructure for decentralized Web3 applications and his experience working as a Developer Advocate at QuickNode.

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.

• 00:00:00 - Intro
• 00:04:06 - Bootcamp Experiences
• 00:09:59  - Sponsor Shoutout: Hashnode
• 00:10:45 - Experience Working on the Core Team of Redwood.js
• 00:18:09 - Sponsor Shoutout: Daily.dev
• 00:19:10 - Defining Web3, Blockchain, and Cryptocurrencies
• 00:27:24 - What is QuickNode? - Blockchain API and Node Infrastructure
• 00:28:54  - The Future of Web3?
• 00:35:48 - Building a Hello World Smart Contract
• 00:43:04 - Closing Thoughts on Web3 and the Blockchain

• Anthony on Twitter - https://twitter.com/ajcwebdev
• QuickNode - https://www.quicknode.com/
• How to Create a dApp on Avalanche's Fuji Testnet with QuickNode: https://www.quicknode.com/guides/web3-sdks/how-to-create-a-dapp-on-avalanches-fuji-testnet-with-quicknode
• A First Look at Deploying Smart Contracts: https://www.youtube.com/watch?v=RvvMWGPJVUI
• A Crash Course in Web3 for Web2 Developers: https://youtube.com/watch?v=kl5nNRKemkY

James and Amy discuss common accessibility mistakes that you should avoid in your web applications.

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

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

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

• 00:00:00 - Intro
• 00:02:54 - What is Accessibility
• 00:10:59 - Sponsor Shoutout: Dato CMS
• 00:11:52- 1. Not Using Alt Tags on Images
• 00:15:30 - 2. Not Using Semantic HTML Tags
• 00:22:16 - 3. Not Checking for Accessible Colors and Contrast Ratio  
• 00:24:18 - 4. Relying on Color To Communicate
• 00:26:10 - 5. Not Adding Validation to Your Forms
• 00:29:39 - 6. Setting Outline to None
• 00:30:45 - 7. Ignoring Reduced Motion Preferences
• 00:33:08 - Sponsor Shoutout: Zeal
• 00:34:00 - 8. Using Non-descriptive Link Text
• 00:35:16 - 9. Not Using Aria Role Tag
• 00:37:29 - 10. Not Labeling Your Input Fields
• 00:39:16 - Additional Resources
• 00:40:50 - Grab Bag Questions
• 00:41:16 - Picks and Plugs

• Give a Damn About Accessibiility - https://www.accessibility.uxdesign.cc/
• A11ycasts - https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g
• Storybook - https://storybook.js.org/
• Deque - https://www.deque.com/
• Ekster Wallet - https://ekster.com/
• Peak Design Bag - https://www.peakdesign.com/products/travel-duffel

Corbin Crutchley joins to talk about how to learn Frontend Frameworks better with his upcoming eBook The Framework Field Guide, https://unicorn-utterances.com/collections/framework-field-guide. 

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.

Unicorn Utterances - https://unicorn-utterances.com/

Framework Guide - https://unicorn-utterances.com/collections/framework-field-guide

Accelerating Angular Development with Ivy - https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215

Learning TypeScript from Josh Goldbergy - https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331

Brad Garropy - https://bradgarropy.com/

• 00:00:00 - Welcome and Intros
• 00:02:12 - Awkward Question of the Day and Rants
• 00:07:18 - Background in Writing and Content Creation
• 00:11:19 - Imposter Syndrome as a Writer
• 00:15:01 - Sponsor Daily.dev
• 00:16:02 - The Framework Field Guide - Learning the Core of Frontend Frameworks
• 00:23:36 - Comparing Modern Frontend Frameworks
• 00:27:42 - Sponsor Hashnode
• 00:28:28 - The Tech Stack Behind the Book
• 00:33:36 - Why Create a Free Book
• 00:41:21 - Future Content Goals
• 00:50:55 - Picks and Plugs

Deno team member, Luca Casonato, joins to talk about Deno, a new JavaScript runtime, and Fresh, a next generation web framework, built for speed, reliability, and simplicity.

**This is a feed swap episode with  PodRocket -- a web development podcast from LogRocket. Every week, PodRocket gets you up to speed on everything happening in the world of web development through in-depth interviews with experienced engineers.

Join LogRocket's Cofounder, Ben Edelstein, and members of the LogRocket engineering team as they interview experienced developers about the best, worst, and newest aspects of all your favorite libraries, frameworks, and technologies. If you enjoy this episode, please be sure to check out PodRocket!**

• Fresh docs
• Islands Architecture
• Deno’s Discord
• Luca Casonato – Twitter
• Podrocket Podcast

• 00:00:00 - Intros
• 00:01:10 - What is Deno
• 00:08:27 - Fresh - The Modern Web framework Built for Speed, Reliability, and Simplicity
• 00:13:57 - Islands Architecture
• 00:18:31 - Fresh Project Structure and Breakdown
• 00:25:47 - Upcoming Exciting Tech
• 00:29:54 - Wrap Up

Adam Bradley joins to talk about some amazing new projects to help increase performance and productivity in Web Development: Partytown, Qwik, and Builder.io.

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.

• 00:00:00 - Intros
• 00:00:52 - Adam Bradley Introductions, Origins of Stencil and Ionic
• 00:08:16 - Qwik Performance Overview
• 00:15:31 - Sponsor Shoutout - Daily.dev
• 00:16:32 - Intelligent JavaScript Bundling and Prefetching
• 00:24:26 - Qwik vs Astro
• 00:29:40 - Sponsor Shoutout: Hashnode
• 00:30:26 - Learning in Modern Web Development
• 00:33:18 - Web Workers and Partytown
• 00:45:07 - Builder.io - "Drag and Drop on Your Tech Stack"

James and Amy talk about everything Serverless and how it fits into modern Web Development. They discuss Serverless Functions, hosting platforms (Netlify, Vercel, and Cloudflare), frameworks and tools, benefits, Edge Functions, and more.

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

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

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

• 00:00:00 - Intro
• 00:00:45 - What Have We Been Up To
• 00:05:35 - Rant: Should You Leave Comments in Your Code?!
• 00:10:23 - Overview of Serverless
• 00:15:00 - Sponsor: Vercel
• 00:21:00 - Sponsor: Zeal
• 00:21:53 - Overview of the Jamstack and Serverless Functions
• 00:35:27 - Sponsor DatoCMS
• 00:37:32 - Benefits of Serverless
• 00:45:41 - Edge Computing
• 00:51:02 - Grab Bag Questions
• 01:01:49 - Picks and Plugs

Colby Fayock joins the show to talk about his developer background, experience as a Content Creator, and his role as a Developer Advocate at Cloudinary.

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.

• 00:00:00 - Intro
• 00:00:58 - Colby's Intro and Background
• 00:03:01 - Colby Background and Content Creation
• 00:06:16 - Wordpress Development and Why It's Still Relevant
• 00:09:23 - Favorite Wordpress Hosts
• 00:11:50 - Security Concerns with Wordpress as a Headless CMS
• 00:12:57 - Headless eCommerce
• 00:16:26 - Thought Leadership and Being an "Influencer"
• 00:18:05 - Creating Accessible Content
• 00:21:48 - How We Plan Content
• 00:22:35 - Updating Outdated Content
• 00:25:45 - Colby's Role as Developer Advocate at Cloudinary
• 00:28:17 - Cloudinary Features
• 00:32:24 - Cloudinary and Wordpress Integration
• 00:39:50 - Colby's Astro Brand Explained
• 00:40:57 - Community Shoutouts
• 00:41:42 - Colby Rant on Moving Past Your Initial Barrier to Entry

In this episode, Amy talks through the details of Dev Operations and setting up a CI/CD (Continuous Integration and Continuous Deployment) pipeline on a recent project, using RedwoodJS, Husky, Postgres, Render, and GitHub Integrations.

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

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

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

• 00:00 Introduction
• 03:40 Amy's Rant On Work Life Balance
• 06:56 What is DevOps?
• 08:11 James Alternative Definition of DevOps
• 10:37 DevOps Workflows of the Past
• 13:00 CI/CD Pipelines + Vercel
• 14:17 Sponsor: Vercel
• 15:24 Amy's Experience with Redwood.js
• 16:35 Readme.so
• 17:12 Project Environments and Setup With Docker
• 21:32 Project Setup - Github Projects, Github Actions, Kent C. Dodds Testing Trophy, etc.
• 30:47 Hosting With Render
• 35:01 Database Best Practices with Shipping Code
• 36:43 Sponsor: DatoCMS
• 37:37 Deploy Previews with Render Based on Github PRs
• 44:01 Deploy Redwood.js on Render (Documentation)
• 45:11 Sponsor: ZEAL
• 45:57 Heroku Github Integration Issues
• 49:39 Grab Bag Questions Section
• 50:08 Picks and Plugs
• 52:52 James's Plug - Top 5 Struggles of a Developer Advocate
• 53:44 Create a SvelteKit Blog With Markdown Files
  • MDsvex
• 57:03 Amy's Plug - Hashnode
• 57:44 Amy's Pick - Matthew McConaughey's book, Greenlights

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.

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

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

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:50 "Not" Parenting Rant
• 3:56 Spending Time with Remix
• 5:14 Remix vs Next.js
• 7:09 Remix vs Next.js Article
• 9:01 How James Got His First Developer Advocacy Role
• 12:10 Sponsor: Vercel
• 13:18 Working at Microsoft as a Technical Evangelist
• 18:17 Why Content Creation is Important
• 19:54 Difference Between Technical Evangelism and Developer Advocacy
• 22:05 Tech Is More Than Just Software Development
• 23:00 Sponsor: DatoCMS
• 23:54 Moving to New York City
• 24:50 The Impact of Student Hackathons
• 27:22 James Meets Tom Holland
• 31:04 Learn Build Teach
• 31:28 Speaking in Public
• 34:20 Sponsor: ZEAL
• 35:05 Technical Experience at FedEx
• 40:10 Transitioning Back to Developer Advocacy
• 42:23 Downside of Developer Advocacy
• 47:34 Grab Bag Questions
• 47: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 Plugs
• 52:24 James's Pick: Ryobi Battery Powered Weed-Eater
• 1:00:10 James's Pick: James Q Quick on YouTube 
• 01:00:21 Amy's Pick - Book: Story Worthy
• 01:01:15 Amy's Plug: SelfTeach.me on Twitch

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.

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
• 0:31 Nader Dabit Intro and Working in Dev Rel
• 4:19 What is web3 and why the shift to web3?
• 10:12 Sponsor: Hashnode
• 10:58 GraphQL in Web3
• 12:23 What Does Decentralized Mean?
• 16:33 The Business Model of Web3
• 18:20 What is the Blockchain
• 25:46 Sponsor: Daily.dev
• 26:47 Volatility in Web3
• 29:07 The Difficulty of Finding Developers in the Web3 Space
• 30:04 Nader's Thoughts on the Future
• 34:04 How Web3 Affects Content Creators
• 35:14 Wrap Up

In this episode, James and Amy are live from Post Con 24 with Sterling Chin from Postman's Labs team. Sterling shares insights on how Postman leverages AI to build tools that enhance developer productivity. He delves into the experimental nature of Postman Labs, the importance of rapid iteration, and how they determine which features make it into production. Sterling also discusses Postbot, an AI assistant designed to streamline the API development process.

00:00 Intro

01:01 What is Postman Labs?

01:51 Criteria for successful experiments

03:31 Understanding customer workflows

04:29 Tips and tricks for rapid iteration

06:16 Internal feedback and dogfooding

08:02 Working in Postman Labs

10:00 Postman's Commitment to R&D

12:02 AI Adoption at Postman

16:47 Overview of Postbot

18:11 Technical details of Postbot

20:16 Postman Flows

21:10 AI tools and agnosticism

22:07 Postbot’s availability and pricing

23:09 Scaling and Team Size

26:07 Customer Feedback and Features

29:03 Closing

In this episode, Amy shares her experience with working with Storybook, the pros and cons, and how it's changed her developer workflow.

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

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

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
  • Episode 32 - Getting Started with TypeScript
• 7:17 Quick Rant: Wired Headphones
• 8:49 Design Systems
  • Episode 46 - Everything You Ever Wanted to know about Design Systems
  • Bootstrap
  • Zurb Foundation
• 10:36 Supports Multiple Libraries and Frameworks
• 12:28 Sponsor: ZEAL
• 13:13 How do you enter all the information into Storybook?
  • Frontend Masters: Design Systems with React & Storybook - Emma Bostian
• 18:24 Storybook in the Wild: Building out Frontend Components for Backend Developers
  • Episode 54 - Why RedwoodJS is the App Framework for Startups with David Price Redwood.js with David Price
• 22:17 Comparing Storybook to Testing
• 25:31 Sponsor: Vercel
• 26:39 Breaking Down a Component
• 29:29 Add-Ons with Storybook
• 31:28 Storybook and Figma Integration
• 31:46 Sponsor: DatoCMS
• 32: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 Questions
• 39:16 Picks and Plugs
• 39:26 James's Pick: Spike Ball
• 41:07 James's Plug: TikTok
• 42:25 Amy's Pick: PARA Method
• 43:42 Amy's Plug: Everything Svelte

In this episode, James shares common mistakes people make with their API Keys and explains the appropriate way to handle them.

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
  • YouTube Video RE: Mistakes People Make with API Keys
• 6:42 API Keys
• 7:37 Where do API Keys come from?
• 8:57 Mistakes People Make with API Keys
• 9:10 Mistake #1: Hard Coding the API Key Value
• 11:45 Sponsor: Vercel
• 12:53 Mistake #2: Adding an API Key to the .env file, but still exposing the key
• 16:20 Mistake #3: Committing Your Key to Source Control
• 17:59 What should you do about a leaked API key?
• 19:38 Using .gitignore
• 21:20 The Best Way to Handle Secrets
• 22:57 Serverless Functions
  • Episode 57 - Authentication and Authorization and other Buzz Words
• 29:55 Sponsor: ZEAL
• 30:41 Where would you put a Bearer Token?
• 31:40 Server Side Rendering
• 33:49 Public API Keys
• 37:20 Sponsor: DatoCMS
• 38:13 Grab Bag Questions
• 38: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 Plugs
• 40:44 James's Pick: Sketcher's Tennis Shoes from Costco
• 44:54 James's Plug: YouTube Video - 10 Things JavaScript Developers Have Stopped Doing
• 45:26 Amy's Picks: James Clear 3-2-1 Newsletter
  • Atomic Habits, by James Clear
• 46:14 Amy's Pick: Keystone.js on Level Up Tutorials

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.

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:05 What can beginners do to prepare to work on a design / dev team?
• 5:05 Contributing to Open Source
  • Brian Douglas
• 9:58 Sponsor: Hashnode
• 10: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.dev
• 22: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?

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.

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
• 5:06 Why speak at conferences?
• 9:12 Sponsor: Vercel
• 10:19 How would you recommend getting started?
• 15:41 How do you Apply to Speak at a Conference?
• 25:56 Sponsor: DatoCMS
• 27:03 Prepping
  • Nancy Duarte Slideology
  • Nancy Duarte - Resonate
  • Nancy Duarte
• 34:47 Tip: Ask for Feedback
• 35:28 Tip: Make It Interactive
• 38:39 Tip: Don't sell a Product
• 40: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 Talk
• 42:44 Tip: Network as much as Possible
• 47:32 Sponsor: ZEAL
• 48:18 What Other Benefits are there from Speaking?
• 51:04 Grab Bag Questions
• 51: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 Plugs
• 1:00:32 Amy's Pick: HyperVolt Massage Gun
• 1:02:52 Amy's Plug: Learn Build Teach Discord
• 1:03:12 James's Pick: Dog Training Clicker
• 1:05:19 James's Plug: James on YouTube

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.

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
• 4:08 Rants
• 5:39 Introducing Brad Garropy
• 7:39 Developer Tooling
• 8:50 Dot Files Repo
  • Wes Bos's Dot Files
  • Brad Garropy's Dot Files
• 12:38 VS Code Snippets
  • Brad's VS Code Snippets
• 15:19 NPM Packages
  • Brad's NPM Packages
  • http
  • Labman
• 26:08 Sponsor: Daily.dev
• 30:18 YouTube Shorts
• 32:53 Sponsor: Hashnode
• 33:39 Code Generation and Generating All Kinds of Things
  • Plop
• 37:57 GitHub Repository Templates
• 43:55 Picks and Plugs
• 44:04 Brad's Picks: Oculus Quest 2
• 46:51 Brad's Pick: Yellowstone
• 47:26 Brad's Pick: Halo
• 49:01 Brad's Plugs: Brad Garropy on YouTube
• 49:39 Amy's Pick: Body Glide
• 51:09 Amy's Plug: Everything Svelte

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.

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
• 1:05 Introducing Allan Vila
• 6:20 What curriculum did you use to learn?
• 8:06 100 Devs
  • #100Devs
  • Show Your Work
• 13:10 Sponsor: Vercel
• 14:18 Where did you get started when you were trying to learn?
• 18:23 Preferred Method of Styling
  • CSS Tricks - Specifics on Specificity
• 24:53 Sponsor: ZEAL
• 25:38 Working on Personal Projects
• 30:37 Leveraging Code
• 34:59 Sponsor: DatoCMS
• 35:52 Blogging
  • A Hired Imposter's Secrets
• 42:11 Dropping Bars
• 45:17 Pineapple Pizza

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 covers the detailed process of taking Postman’s VS Code extension from a proof of concept to a fully-fledged product. Ruben Casas shares insights on the technical hurdles, team dynamics, and the iterative development process.

00:00 Introduction

1:25 Background Story

2:09 Starting the Extension

3:27 Technical Challenges

6:19 Synchronizing State

9:20 VS Code Development Tools

11:12 Developing with Electron

13:05 Team Dynamics

14:46 Onboarding and Quality Control

17:37 Development Process

19:28 Maintenance and Future Plans

21:39 Feedback and Improvements

23:01 User Experience

25:14 PostCon 24 Highlights

27:05 Closing

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

In this episode, James Perkins talks about the SaaS he built, Roll Your Tweet, the tech behind it, and how much it costs to run.

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
• 1:01 Introducing James Perkins
  • Tina CMS
• 1:53 Parenting Tips
• 3:51 Quick Rants: "No one is going to give you a tech job or development job based on social media process"
• 5:43 Quick Rant: Educational Content is better within a Blog Post
• 8:28 Roll Your Tweet
  • Roll Your Tweet
• 10:35 Why is not intimidating to build a SaaS app and what tech stack are you using?
  • Feed Hive
  • Next.js
  • Clerk
  • Planet Scale
  • Prisma
  • Send in Blue
  • Render
• 16:57 Sponsor: DatoCMS
• 17:51 Question: Should you go ahead and build out the Payments piece early or wait until you actually have sign-ups?
  • Paddle
• 22:59 What prompted the change in the tech stack?
• 24:00 How do you run the cron job?
  • Crossover episode with Web Dev Weekly
• 26:54 Working with the Database
• 30:43 Sponsor: Vercel
• 31:50 Developing By Yourself
• 36:41 The Cost of Running Roll Your Tweet
• 40:59 Sponsor: ZEAL
• 41:53 Grab Bag Questions
• 41:58 Question #1: What are you using for the analytics in your app?
  • Plausible
• 44:19 Question #2: Do you stream your work on your SaaS?
• 44:56 Question #3: Will you repeat your tech stack one more time?
• 46:43 Finding James Perkins Online
  • Twitter
  • YouTube
  • Twitch

This episode is Part 2 of Amy and James's favorite VS Code Hot Tips and Tricks for improving the developer experience. They share their favorite extensions, plugins, and themes for getting the most out of VS Code, including some hot takes on GitHub CoPilot.

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
• 6:59 Our Favorite Extensions
• 7:32 Code Snap and Polacode
• 10:57 Better Comments
• 12:14 Bookmarks
• 13:02 Sponsor: DatoCMS
• 13:56 Cloak
• 14:37 Indent 4 to 2
• 16:02 CSS Peak
• 16:48 Error Lens
• 17:34 File Utils
• 19:13 Import Cost
• 21:07 Project Manager
• 21:20 Auto Complete
• 22:09 Tabnine and Kite
• 23:07 GitHub Co-Pilot
• 25:19 Sponsor: ZEAL
• 26:12 Git Integration and Git Lens
• 27:23 GitHub Pull Requests and Issues
• 27:44 LiveShare
• 29:04 IntelliSense for CSS Class Names in HTML
• 30:29 Snippets
• 31:58 Adding Extensions
• 33:07 Thunder Client
  • James's YouTube Video on Thunder Client
• 35:04 Calculator
• 35:34 Markdown PDF
• 36:09 Sponsor: Vercel
• 37:15 change-case
• 38:10 Prisma
• 38:43 Color Bracket
• 39:34 Quokka.js
• 40:20 Colorize
• 40:50 Text Pastry
• 41:16 Emmet
• 42:00 Window Colors
• 43:34 Peacock
• 43:55 Building Your Own Extensions
• 44:32 Cobalt 2
• 45:37 Other Themes
  • Night Owl
  • Winter is Coming
  • Midnight Synth
  • codeSTACKr
  • Level up Tuts
  • Shades of Purple
  • Hot Dog Stand
• 47:45 Grab Bag Questions
• 47:56 Question #1: How Hard is it to code your own VS Code Extension?
• 48:10 Question #2: Have you heard of Thunder Client?
  • Thunder Client
• 48:25 Question #3: What do you think of Beginner Developers Using Extensions to Make Things Easier?
• 51:20 Question #4: Any References or Guides on Creating a VS Code Extension that You guys have used?
• 52:34 Picks and Plugs
• 52:36 James's Pick: Duolingo App
• 54:03 James's Plug: James Q Quick on YouTube
• 54:31 Amy's Pick: Pacific Northwest Backpack / Arkadia Supply Co
• 55:07 Amy's Plug: Amy's YouTube Channel

In this episode, David Price talks about Redwood.js, its origin, how it can help you quickly spin up a full-stack JavaScript application, and how you can get involved in their community.

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
• 1:09 Meet David Price
  • Preston Warner Ventures
• 3:30 What is Redwood.js?
• 7:23 What do you expect modern apps to be able to do?
• 14:31 Origin Story of Redwood.js
  • Tom Preston Warner
  • Chatterbug
  • Peter Pistorius
  • Jekyll
  • Matt Biilmann
  • Chris Bach
• 19:23 Sponsor: Vercel
• 20:31 Bike Shedding
• 26:17 Taking away the Pain
• 31:17 Structure within Code
• 34:52 Sponsor: DatoCMS
• 35:46 Why React, Prisma, and GraphQL as your starting point?
  • Amy's YouTube Video - Intro to Testing
• 42:59 Learning with Redwood
• 47:34 What is Storybook?
• 50:36 Getting Started with Redwood
  • Redwood Tutorial
  • Discord Community
  • Discourse Forums
  • Docs
• 52:55 Sponsor: ZEAL
• 53:49 Redwood.js Stickers
• 54:51 Redwood Community

In this episode, Amy and James share some of their favorite keyboard shortcuts and workflows for using within VS Code.

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:02 Quick Rants, Unpopular Opinions, and Parenting Tip
• 6:21 Everything Svelte
• 7:23 VS Code Basics
  • YouTube Vide on Webstorm and VS Code
• 9:37 Working with Text and Navigation
  • Use arrow keys to go up / down a line or left / right character by character
  • (Mac) Option + left / right to go word by word
  • (Mac) Cmd + left / right to go to the beginning/end of a link
  • (Mac) Cmd + top/bottom to go to the top/bottom of the page
  • (Mac) Within Keyboard Settings, you can change your key repeat and delay until repeat
  • (Mac) Cmd + D or (Windows) Ctrl + D, to select an entire word
  • At the end of the word, (Mac) Opt + Backspace to delete the word
  • (Mac) Cmd + D to select a word, then Cmd + D again to select the next instance of that word in your document
  • (Mac) Cursor on a variable name + F2 to rename all instances of that variable within the file
  • Episode 49 - Working within the Terminal
  • (Mac) Opt + up/down - move the file up or down. If you hold down shifts while you do that it, it will duplicate the line
  • If you’re on a line, don’t select anything, and hit (Mac) Cmd + C, it will copy the entire line.
  • If you’re on a line, don’t select anything, and hit (Mac) Cmd + X, it will cut the entire line
  • (Mac) Cmd + Enter to inject a new line after the line you’re in.
  • (Mac) Cmd + Shift + Enter to inject a new line above the current line
  • (Mac) Select a word, then hit Cmd + F, it will pull up the Find search box, with the word you selected pre-populated
  • (Mac) James has set up a custom keyboard shortcut to do the same thing with Cmd + H for replace.
  • To set up a key binding, hit Cmd + Shift + P, type in Keyboard Shortcuts, and VS Code provides you with an interface for customizing your shortcuts
• 18:54 Sponsor: DatoCMS
• 19:48 Customize Editor Look
  • Turn off Mini Map
  • Hide File Preview / Turn off soft opens
  • Breadcrumbs
  • Outline Toggle (within the sidebar)
  • Files currently open (within the sidebar)
  • (Mac) Cmd + B to toggle the sidebar open and closed
  • (Mac) Cmd + Shift + F to show and hide the Terminal
  • Zen Mode
• 25:14 Snippets
  • Snippet Manager - https://code.visualstudio.com/docs/editor/userdefinedsnippets
• 27:11 Opening, Closing, and Saving Files
  • (Mac) Cmd + P to search for a file
  • (Cmd) Cmd + Shift + P to open the Command Palette
  • Advanced New File
  • (Mac) Cmd + Ctrl + right/left/top/bottom arrow to move that window into split-pane view
  • (Mac) Right click on the tab to open the same file in split pane view
• 29:56 Split Pane View
• 32:09 git within VS Code
• 33:49 Integrated Terminal
• 36:11 Debugging within VS Code
  • Amy’s YouTube Video on Debugging
• 37:47 Sponsor: ZEAL
• 38:40 Extensions within VS Code
  • Settings Sync
  • Live Server Extension
  • AdventofJs.com and Adventofcss.com
• 40:40 Themes
• 41:00 vim
  • Vim for VS Code from JS Joe
  • On Twitter @jsjoeio
  • vim.so from Kenneth
• 43:41 Sponsor:  Vercel - http://vercel.com
• 44:49 Grab Bag Questions
• 45:07 Question #1: How do you make VS Code work like PHP Storm, or Web Storm, as far as auto imports and hinting?
  • James on YouTube: Video for comparing VS Code and PHP Storm
• 46:53 Question #2: How do you make VS Code open from the Terminal
  • Add VS Code to your Path
• 48:26 Question / Comment #3: Find and Replace with Regex
  • Crossover episode with Web Dev Weekly
  • Brad’s YouTube Video on working within Regex
  • RegexPal.com
• 50:15 Picks and Plugs
• 50:28 Amy's Pick: Taco Cat Goat Cheese Pizza
• 51:05 Amy's Plug: Everything Svelte
• 51:33 James's Picks and Plugs: Black and Decker Coffee Grinder
• 52:14 James's Plug: Learn Visual Studio Code

In this episode, Amy, Brad, and Bekah welcome back Kent C. Dodds, who shares exciting updates about his latest project, Epic Web.dev. Kent discusses the philosophy behind his comprehensive web development course, the importance of understanding foundational technologies, and the motivation behind creating Epic Web Conf. He also dives into the benefits of building your own authentication systems and the decision-making process behind the Epic Stack. The conversation is filled with insights on balancing different technologies, creating cohesive learning experiences, and the future of web development education.

Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders

• 0:00 - Intro
• 1:09 - Sponsor: Convex
• 2:09 - Overview of EpicWeb.dev
• 3:09 - Journey from PayPal to Epic Web
• 8:14 - Teaching Approach and Workshop App
• 10:47 - Building your own Authentication System
• 16:59 - Decision-Making and Epic Stack
• 21:35 - Launching Epic Web Conf
• 27:26 - Consistency in Teaching and Conferences
• 35:03 - Future Plans for EpicWeb.dev
• 43:16 - Picks and Plugs
  • Kent
    • Pick: Brandon Sanderson’s books - Particularly the Mistborn series and his involvement in the Wheel of Time series.
    • Plug: Epic Web Conf - An exciting web development conference happening in Park City, Utah.
  • Bekah
    • Pick: Primal Buffalo Chicken Stick
    • Plug: @opensauced on Twitter/X
  • Brad
    • Pick: Ray-Ban Wayfarer Sunglasses
    • Plug: @bradgarropy on Twitter/X
  • Amy
    • Pick: The Artists Way by Julia Cameron
    • Plug: Two Week Build

In this episode, Shaundai Person talks about her interview experience at Netflix and what it’s like to work there. She has several tips for landing your first or next job.

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
  • React Robbins
  • TS for JS
• 1:17 Introducing Shaundai
• 3:39 Advantages of Having a Sales Background
• 9:43 Specific Example from one of Shandai’s Interviews
• 14:08 Sponsor: ZEAL
• 15:01 What was involved in the Technical Side of Your Interview?
• 17:30 Culture Fit
  • Culture Fit vs. Culture Add
• 19:03 Getting comfortable in the Interview
• 24:25 Sponsor: Vercel
• 25:33 Come with a list of questions
  • Question: “Share a story with me that you think embodies what you love about the Netflix culture”
  • Ask targeted questions, specific to the person
  • Send out Thank You Videos after the interview
• 33:18 Do we need to complete all the coding challenges on LeetCode before getting a job at Netflix?
• 35:48 Research before the interview
  • Frontend Happy Hour
  • Reach out to people currently doing the job you’re interviewing for, at that company
• 41:27 Sponsor: DatoCMS
• 42:21 What languages, frameworks, tools, are you working with right now?
• 42:50 If you fulfill 75% of the requirements, go for it.
• 46:29 Anything your want to share about the kind of day-to-day activities?

In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other?

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
• 8:19 When do you start adopting new CSS Properties into Your Workflow
• 10:25 History of Grids
• 12:50 Floats in the Olden Days
• 16:32 Sponsor: Vercel
• 17:39 Problems Flexbox and Grid Solve
• 18:45 The Difference Between Flexbox and Grid
• 21:19 How well do you know all the properties?
  • CSS Tricks CSS Grid Cheatsheet
  • CSS Tricks Flexbox Cheatsheet
  • Kevin Powell on YouTube
  • Flexbox Froggy
  • What the Flexbox (by Wes Bus on YouTube)
• 24:49 Sponsor: DatoCMS
• 25:42 Using Flexbox
• 30:46 Sponsor: ZEAL
• 31:39 Favorite Parts about Flexbox
• 32:42 flex-wrap
• 34:23 flex-grow
• 35:11 flex-shrink
• 36:06 order
• 38:33 CSS Grid
  • CSS Grid course by Wes Bos
• 39:58 12 Column Grid
• 45:25 Grid Template Areas
• 47:01 Displaying Tabular Data
• 48:48 Grab Bag Questions
• 49:01 Question #1: What do you think about using grid and flexbox together?
• 49:49 Question #2: When do you reach for CSS Grid and when do you reach for Flexbox?
• 50:25 Question #3: Why should he learn Grid if he already knows Flexbox?
• 51:58 Picks and Plugs
• 52:11 James's Pick: Charcoal Pillow from Costco
• 53:15 James's Plug: James Q Quick on TikTok
• 53:40 Amy's Picks: Drink Holder for Luggage
• 54:11 Amy's Plug: EverythingSvelte.com

In our very first guest episode, Brian Douglas, Director of Developer Advocacy at GitHub, joins us to talk about Open Source projects and the benefits of contributing.

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