COMPRESSEDfm (James Q. Quick, Amy Dutton, Brad Garropy, Bekah HW)

In this episode, Amy and James talk about freelancing -- finding the right clients, thoughts on Fivrr and Upwork, planning projects, scope creep, road mapping, time tracking, talking about budgets, charging, and late changes to a project.

SPONSORS

Pathwire / Mailgun / Mailjet

Pathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.

You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.

For more information, simply visit Pathwire.com

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit their site.

Show Notes

0:00 Introduction

0:40 Sponsor: ZEAL

3:06 Finding Clients

3:24 What are some things you do to try and find opportunities?

• Talk about what you do
• Work in Public
• Facebook Groups
• Discord Servers
• Marketing on the front end, building up to word of mouth.

6:00 Thoughts on Fivrr and Upwork

7:30 Bryan Harris "Pitching and Closing"

7:49 Planning out a Project

• Ask lots of questions
• Episode 4 - Talked about asking lots of questions

8:05 Asking what their budget is

• Benefit both sides by not wasting time

10:04 Willing to price out in phases

11:04 Ways that you can adjust the budget? What are wiggle room areas?

• Automations
• Unique Marketing Page Templates
• Memberships

12:14 Sponsor: Vercel

12:54 Creating Estimates

• Harvest for time tracking - https://www.getharvest.com/
• Toggle - https://toggl.com/
• Magic Number

15:53 Google Spreadsheet for Generating Estimates

• Join the Newsletter to receive this Sheet for Free

17:27 How do you avoid scope creep when freelancing?

• Roadmapping
• Quick Start Road Mapping: Everything You Need to Know to Get Started

18:50 Sponsor: Pathwire

19:41 The importance of communication

• Sending out weekly project updates: what happened this past week, what I intend to accomplish the following week, any blockers or questions

21:11 Including a section in the contract of things NOT included

22:07 Understanding the ramifications of a change in the project

• Changing the scope of the project, typically requires more time and money
• Prioritizing one section, de-prioritizes another

22:51 Ways you can Charge a Client

23:46 Charging by the Hour

26:07 Other costs you have to take into consideration: health care, business expenses, utilities

28:54 Value-Based Pricing

• Difficulty in trying to quantify value

31:26 Charging a Project-Based Rate

33:46 Grab Bag Question #1: When do you set up your business?

35:03 Grab Bag Question #2: Project Maintenance

35:27 Picks and Plugs

35:54 James's Pick: The book, Throne of Glass

36:20 James's Plug: eBook, YouTube for Developers

36:45 Amy's Pick: Contrast App

37:15 Amy's Plug: SelfTeach.me on YouTube

James Q Quick shares how he got his start in tech and how a couple of job interview rejections turned into a bigger opportunity and ultimately a career path as an evangelist, speaker, and teacher.

SPONSORS

Pathwire / Mailgun / Mailjet

Pathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.

You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.

For more information, simply visit Pathwire.com

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit their site.

Show Notes

0:00 Introduction
0:54 Missed Opportunity in High School
1:24 Majoring in Computer Science
1:59 Building your First Mobile Application
5:42 First Technical Interview
7:55 Sponsor: Vercel / Next.js
8:58 Getting into JavaScript
9:14 Applying for Jobs
9:53 Technical Evangelist at Microsoft
10:41 Moving back to Memphis
10:57 Developer Bootcamp by Colt Steele on uDemy
11:42 Decisions and Setting the Trajectory of Your Life
14:07 Getting into Content Creation
16:23 Working at FedEx
17:27 Transitioning into Auth0
17:53 The Easiest Part about Content Creation
19:09 Learning Right Now
20:22 Automating Everything
21:45 Sponsor: Pathwire / Mailgun / Mailjet
22:37 Grab Bag, Question #1: How do you start a career in tech?
24:57 Grab Bag, Question #2: Is there a moment where you almost quit? What made you push through?
27:35 Sponsor: ZEAL
28:22 James's Picks: Testimonial.to
29:33 James's Plug: [James's YouTube Channel(http://youtube.com/c/jamesqquick)
29:38 James's Weekly newsletter
29:58 Amy's Pick: Descript
31:08 Amy's Plugin: SelfTeach.me YouTube Channel
31:56 Conclusion

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

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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

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

Sponsors

Hashnode

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

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

Show Notes

• 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

We have a great episode where all 4 cohosts look back on 2023 and look forward to whats coming in 2024.

Show Notes

• 00:00 Intro and Welcome
• 00:53 Meet Ups and Conferences
• 03:27 What is Virtual Coffee
• 04:22 Bekah at OpenSauced
• 09:52 Job Search
• 17:44 2023 Reflections
• 33:22 Migrating ro Remix
• 47:49 2024 Looking Forward

Brad, James, and Amy tell us about their favorite new technologies, gadgets, and softwares and how to decide when to adopt them into their workflow.

Show Notes

• 00:00 Introduction
• 02:42 How to decide what new tools to use?
• 07:27 NUPHY Air75
• 10:13 Stream Deck Plus
• 16:33 AI Tools
• 29:14 Warp and Fig
• 32:29 Arc Browser
• 37:23 Polypane
• 43:53 Git Later App and Swish
• 51:34 Picks and Plugs

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?

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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

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.

Sponsors

Daily.dev

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

Hashnode

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.

Show Notes

• 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

Kelvin discusses his work at Treble and why he thinks the browser could use LESS JavaScript.

Sponsor

Daily.dev

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

Show Notes

• 00:00 Introduction
• 00:40 Daily.dev
• 01:17 Kelvins Background
• 04:53 Why do you enjoy creting content?
• 08:27 Treble and API Life Cycle
• 12:37 Treble Functions
• 16:27 Documentation
• 20:24 API Score
• 24:49 Team Integrations
• 28:10 Shipping Less JavaScript
• 35:13 Miscellaneous Questions
• 38:47 Picks and Plugs

James and Amy discuss different categories of sites and the best tools and tech stacks to reach for. Categories include brochure and marketing sites, eCommerce, Applications, and Membership sites.

SPONSORS

Pathwire / Mailgun / Mailjet

Pathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.

You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.

For more information, simply visit Pathwire.com

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

https://www.codingzeal.com/hiring

Show Notes

0:00 Introduction

2:42 Asking a lot of questions

• What does this thing need to do? - Determine the hopes and dreams for the app o the app will be able to grow as the site grows.
• Working on an MVP
• Who's going to update it?

5:36 Jot things down on paper

• What's it going to look like?

7:23 Holotypes - fancy word for category

• A holotype gives a framework for being able to ask the right questions and know what tech to reach for.

8:34 Brochure or Marketing Sites

• Mostly informational
• Examples: restaurants, stores, moving company

9:39 eCommerce Sites

• Collecting credit card information

10:11 Membership Sites

• Managing users
• Ability to Log in
• Determining what a user can do once they've logged in
• Collecting information on your users

10:49 Difference between authentication and authorization

11:40 Difference between a web site and a web application

• Interactivity

13:00 Sponsor: Vercel

13:17 YouTube video: I don't use Create React App anymore

13:42 Technologies for Brochure and Marketing Sites

13:57 WordPress

• Powers 1/3 of the Internet
• Powers 14.7% of the top 100 websites

16:39 Webflow
* No Code Solution
* Writes and exports clean code

19:40 James's personal site is on Gatsby
* Can be difficult if you don't know GraphQL

21:01 Other options, apart from React

• Nuxt.js is the Next.js Vue equivalent
• Scully for Angular

21:26 Platforms eCommerce sites

• Easy Digital Downloads
• Stripe
• PayPal
• Shopify
• Gravity Forms
• Snip Cart
• Podia
• GumRoad

26:14 - Refactoring UI

27:17 Sponsor: Pathwire / Mailgun / Mailjet

28:58 Membership Sites

• Compressed.fm is using Auth0 and the API folder
• Membership plugins within WordPress
• Podia has a membership component

30:05 Grab Bag Question #1: When is a good time to start freelancing?

• What is your tolerance for risk?
• Do you have a partner that can help contribute additional income or provide health benefits?
• Talk to your employer. They may be willing to negotiate.
• Talk to local stores, build a network
• Can start right away, not all or nothing.

33:15 Grab Bag Question #2: What are your thoughts on not code tools for developers?

• No code tools will not put developers out of work. They will just enable developers to focus on more interesting problems.
• Conversation around no code should be a safe space.

35:53 Sponsor: ZEAL

36:46 Amy's Pick: Roost Stand
Perfect laptop stand for mobile or remote working.

37:23 Amy's Plug: SelfTeach.me on YouTube channel

• Series on SVGs
• Getting ready to release a series on building the custom audio player, used on the Compressed.fm site.

37:42 James's Pick: BenQ Light

• Helps with eye fatigue

38:20 James's Plug #1: The Learn Build Teach Discord Community (free)

38:42 James's Pick: James Q Quick on YouTube Channel

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.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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

James and Amy discuss all things current in tech as well as answer your questions from the livestream.

Sponsor

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 02:07 Current Fun Work
• 06:03 Posting More and Social Media
• 17:24 Learning From Building the Astro Course
• 19:54 Using Next 13
• 23:19 Made With Zeta
• 30:11 AI Tools
• 34:04 Midjourney
• 45:01 Paid Content and Value
• 49:09 Framework Decision Process
• 56:27 Starting in Content Creation
• 01:06:44 Sources to Keep Up
• 01:07:27 Starting With Sponsors
• 01:11:21 Starting Your Own Podcast
• 01:15:32 Express API and Videos
• 01:16:16 Picks and Plugs…Sort Of

Bryan joins James and Amy to discuss the JAMstack, all the hot takes and even some old school technology.

Sponsor

Daily.dev

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

Show Notes

• 00:00 Introduction
• 00:39 Sponsor: Daily.dev
• 01:12 Welcome Bryan
• 05:02 Defining the JAMstack
• 21:13 The Power of JAMstack
• 26:39 Hot Takes on Tailwind, Vanilla Java, and React
• 45:58 Caching Problems
• 51:39 Picks and Plugs

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

Sponsors

ZEAL

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

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

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

Show Notes

• 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

Links

• 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

Chris joins James and Amy to show his love for vanilla JavaScript and why returning back to the basics maybe the best thing for developers.

Sponsor

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 01:18 Why Vanilla JavaScript?
• 02:39 Difficult Interview Questions
• 04:01 Patterns and Conventions
• 06:31 Code Generators
• 10:45 Recreating Libraries?
• 13:56 Proxies
• 24:46 Testing
• 26:24 Why Svelte is Different
• 33:33 Sponsor: Hashnode
• 34:18 Local Storage
• 40:51 Web and Service Workers
• 43:28 Chris's Course Platform
• 50:50 Sponsor: Daily.dev
• 51:51 Picks and Plugs

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.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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

Cory joins all the co hosts to share about his personal projects and how he prioritizes what new tech to learn about.

Show Notes

00:00 Welcome Cory and Framework Jumping
23:29 Music Talk and Non Screen Hobbies
32:58 Coreys Podcast
38:08 Picks and Plugs

Josh talks with James and Amy about teaching TypeScript and ESLint to beginners.

Sponsors

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 01:21 Josh's Background
• 02:45 Josh's First Project
• 04:37 TypeScript Beginnings
• 05:43 What is a Generic?
• 08:44 What Makes TypeScript Interesting
• 10:11 Transpiring
• 12:58 Sponsor: Daily.dev
• 13:59 Getting into TypeScript ESLint
• 19:54 ESLint Set Up
• 22:38 Josh's Book
• 16:42 Measuring Book Success
• 29:13 Sponsor: Hashnode
• 29:59 Open Source Developer as a Job Title
• 32:08 When Your Passion is Your Career
• 36:34 Josh's Soapbox
• 39:28 Pro Tips
• 41:24 Picks and Plugs
• 45:35 Something Annoying in ESLint
• 46:55 More Picks and Plugs

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.

Sponsors

daily.dev

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

Hashnode

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.

Show Notes

• 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, we combine forces with Brad Garropy and Richard Gottleber from Web Dev Weekly for a Crossover Episode. The four of us discuss our favorites: languages, frameworks, CSS methodologies, technologies, testing tools.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 1:41 Favorite Frontend Framework
• 7:53 Favorite CSS Methodology
• 12:15 Sponsor: Vercel
• 13:23 Favorite Language
  • JHey
  • Cassie Evans
  • Destin Lee
• 25:34 Favorite Side Projects
  • JQQ Memes
  • Avneesh Agarawl
  • Daily Texas Country
  • bradgarropy.com
• 30:26 Sponsor - DatoCMS
• 31:19 Favorite Frontend Framework
  • Cassidy Williams
  • Learn Build Teach Discord
• 38:02 Favorite Testing Tools
  • Applitools
  • Angie Jones
• 45:28 Favorite Content Creator
  • Jason Lengstorf
  • Chris Sev on Twitter
  • Kapehe
  • Scotch.io
  • Better.dev
  • James Q Quick
  • Richard's Blog
  • Amy's YouTube Channel
  • Scott Tolinski - Level Up Tutorials
  • Programming YouTuber's Discord
• 51:36 Sponsor: ZEAL
• 53:07 Picks and Plugs
  • Brad's Pick: Rescue Helicopter
  • Brad's Plug: Brad Garropy on YouTube
  • Richard's Pick: Rainbow Corgi from Learn with Jason
  • Richard's Plug: Dead Trees / Physical Books
  • Amy's Pick: Post-It Notes
  • Amy's Plug: SelfTeach.me on Twitch
  • James's Pick: TikTok Portable Rig
  • James's Plug: James Q Quick on TikTok

New year, new you. If you're thinking about getting started or are new to dev, this episode is for you! Amy and James talk about where they started, where they would begin today, and any and all advice for beginners.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Tella

It's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. 

For more information visit tella.tv

Show Notes

• 0:00 Introduction
• 2:39 Sponsor: ZEAL
• 3:24 PSA: Logarithm vs Algorithm
• 5:58 Amy's Learning Process
• 7:31 James's Learning Process
• 10:12 Make Learning Fun
• 12:29 Consistency while Learning Something New
• 13:24 Where's a Good Place for People to Get Started
  • Crossover Episode with Purrfect.dev
• 17:40 Sponsor: Vercel
• 18:46 Where to get started
  • Free Code Camp
  • Learn Build Teach Discord Community
  • Level Up Tutorials Discord Community
  • Jason Lengstorf, Party Corgi Discord Community
  • Colby Fayock, Space Jelly Discord Community
  • Scrimba
  • Scrimba Discord Community
  • Traversy Media on YouTube
  • Ania Kubow on YouTube
  • Ania Kubo - 12+ Hour Boot Camp
  • Jessica Coder Coder
  • Web Dev Simplified
  • Colby Fayock on YouTube
  • Jesse from CodeStackr
  • Colby's Course on Level Up Tutorials: eCommerce on the JAMStack with SnipCart, Next.js, and WordPress
  • Level Up Tutorials
  • Courses by Wes Bus
  • Courses by Chris Sev on Better.dev
  • James Q Quick's Courses
  • James on YouTube
  • Amy on YouTube
  • JavaScript Jabber
  • Syntax.fm
  • CodePen Radio
  • Shop Talk Show
  • Code Newbie
  • Purrfect Dev
  • Web Dev Weekly
  • Compressed.fm - Episode 2 - James's Origin Story
  • Compressed.fm - Episode 3 - Amy's Origin Story
• 27:40 How do you prioritize all the things that someone could learn?
  • Tech Rally on Twitter
  • Danny Thompson
• 29:53 Finding and Reaching out to Mentors
• 34:09 Bootcamps
  • Learn Academy
  • Launch Code
• 38:19 Community
• 40:55 Going Beyond a Tutorial
• 42:26 Sponsor: Tella.tv
• 43:13 Adding on to a Tutorial
  • Advent of CSS
  • Advent of JavaScript
• 45:41 Job Search
  • Taylor Desseyn
• 49:47 Grab Bag Question - Original Tweet
• 52:32 Picks and Plugs
• 52:46 Amy's Pick: Code Names
• 53:43 Amy's Plug: Everything Svelte
• 54:48 James's Pick: Laptop Stand
• 55:40 James's Plug: Building a Dynamic Landing Page with Next.js, Tailwind, and DatoCMS
   

Jakub joins Amy, James, and Brad to give a look into how he uses open source as well as the start of his YouTube channel.

Sponsor

###Contenful

Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful

Show Notes

• 00:44 Sponsor: Contentful
• 01:15 Welcome Jakub
• 02:38 View Storefront with Existing E-Commerce Platforms
• 10:39 Component Libraries
• 17:51 Framework Talk
• 24:03 Content Creation
• 28:22 Teaching What You Know
• 39:44 Picks and Plugs

This is a crossover episode with our friends, Alex Patterson and Brittney Postma from the Purrfect.dev podcast. In this episode, we all discuss our jobs. Even though we're all in tech, our day-to-day work looks vastly different.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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 real-time 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

Show Notes

• 0:00 Introduction
• 2:25 Alex Patterson - Cloud Architect
• 6:49 T Shape Model and the Broken Comb
• 13:05 Sponsor: Vercel
• 14:13 Amy Dutton - UI / UX and Frontend Development
• 21:32 Sponsor: ZEAL
• 23:04 Brittney Postma - Building Systems in Svelte
• 31:28 Sponsor - DatoCMS
• 32:21 James Q Quick - Dev Rel
• 46:07 Getting Your First Job
• 57:09 Picks and Plugs
• 57:18 Amy's Pick - Meeter
• 58:03 Amy's Plug - AdventofCSS.com
• 58:47 Brittney's Picks
  • Learn Build Teach Discord
  • Foundation
• 59:26 James's Pick
  • Rode Go
  • The Diary of a Young Girl, by Anne Frank
• 1:01:04 James's Plug - AdventofJs.com
• 1:01:16 Alex's Picks
  • Foundation
  • Google Dev Fest

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.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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

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

Sponsors

Hashnode

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

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

Show Notes

• 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

It’s Brads first episode as an official co-host! As we welcome Brad we get to know his story, his experience, and how he landed where he is today.

Show Notes

• 00:00 Welcome Brad (Officially)
• 01:22 College?
• 13:!5 Hardest Parts
• 17:50 Content Creation
• 23:22 Adobe to Atlassian to the Future
• 30:50 Interview Experience and Tips
• 34:29 Next Steps and Goals
• 39:48 Picks and Plugs

Michael speaks about his experience at Amplify and the benefits of going serverless and what are some of the logistics of utilizing it.

Sponsor

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 00:43 Welcome Michael
• 02:30 Background in AWS and Amplify
• 08:01 Amplify Overview
• 13:09 Overwhelmed by AWS
• 21:08 Sponsor: Hashnode
• 21:54 Amplify and SvelteKit
• 23:45 Cold Starts and Lambda Function
• 29:15 Terms and Definition
• 41:03 Edge and Cloud Functions
• 42:04 Endpoints
• 45:42 How are APIs created?
• 00:00 Daily.dev
• 00:00 How to Start with AWS?
• 00:00 Michaels New Team
• 00:00 Picks and Plugs

In this episode, Amy talks about Figma and how it's perfect for project collaboration -- whether you're a designer, developer, project manager, or stakeholder; everyone can benefit.

Sponsors

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Show Notes

• 0:00 Introduction
• 3:07 What is Figma?
• 3:26 History of Design Tools
  • Photoshop
    • Difference between vaster and rector
  • Sketch
    • Abstract
    • Zeplin
    • Invision
    • Sketch Cloud
  • Figma
    • Collaboration
    • Components
• 10:42 Sponsor: ZEAL
• 12:16 Figma - Platform Agnostic
• 13:40 Adobe XD
• 15:28 Variants
• 16:22 Shared Libraries
• 17:48 Commenting System and Collaboration
• 18:46 Developer Handoff Tools, including exporting CSS
• 19:43 Plugins
  • Anima
  • Ania Kubo on YouTube
• 20:21 Sponsor: Vercel
• 21:36 More Figma Plugins
  • Super Tidy
  • Google Sheets Sync
• 23:07 Prototyping and Interactions
• 23:23 FigJam
  • How Figma Uses FigJam
• 24:20 Structuring a Project within Figma
  • Cover with a thumbnail
  • The project's design
  • Iconography
  • Design System and Components
  • Archive Page
• 27:02 Learn More about Figma
  • Scott Tolinsky, Playlist on Figma
  • Level Up Tutorials
  • Figma's Education Videos
  • Jesse Showalter, Figma Playlist
• 28:26 Grab Bag Questions: Message us on Twitter at @compressedfm
• 28:44 Picks and Plugs
• 28:57 Amy's Pick: Parse Hub
• 30:33 Amy's Plug: Compressed.fm Newsletter
• 30:56 James's Pick: iPhone Mount
• 31:50 James's Plug: James on TikTok at jamesqquick
   

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

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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, 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.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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?

Ray Deck, a seasoned data scientist and founder of State Change AI, talks about the evolving landscape of software development with the rise of no code and low code platforms. He explains how these tools are not just for non-technical founders but also offer significant advantages to experienced developers. The episode explores the practical applications of no code tools in business and how they can lead to faster, more efficient product development.

Show Notes

00:00 - Introduction to the episode and guest Ray Deck

01:02 - Ray’s background in data science and founding State Change AI

03:01 - The concept of no code and low code and their impact on accessibility

07:06 - Choosing between no code, low code, and traditional coding

09:12 - Pitching no code tools to developers

14:01 - When to use no code vs. custom development

• OutSystems
• Mendix
• Xano
• Flutter Flow
• WeWeb
• Webflow

24:06 - Automation as a critical component of no code solutions

• Zapier
• BuildShip
• FastGen

32:00 - Discussing State Change AI’s role in the no code ecosystem

• Bubble

39:27 - Picks and Plugs

• James's Pick: Powerstep Inserts - High-quality shoe inserts for added comfort.
• James's Plug: Learn Build Teach Community - A Discord community for developers
• Bekah's Pick: Flux Footwear - Zero drop shoes ideal for walking, weightlifting, and running
• Bekah's Plug: 29 Days of Open Source Series on Dev.to - Highlighting open-source alternatives to proprietary software.
• Ray's Pick: Ollama - Open-source platform for running large language models locally.
• Ray's Plug: State Change AI YouTube Channel - Focusing on the hardest projects in no code and low code.

In this episode, Amy and James explain the fundamentals of git and their most-used commands. They also explain basic different workflows, if you're working with a team or by yourself.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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 real-time 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

Show Notes

• 0:00 Introduction
  • James's new camera: Sony A6400
  • The Way Down on HBO Max
• 4:38 What is git? And why would you use it?
• 8:09 git is Different than GitHub / BitBucket / GitLab
• 10:41 Sponsor: ZEAL
• 12:13 How do you use it?
  • GitHub Desktop
  • Tower
  • Within VS Code
• 14:25 Basic Commands
  • git init
  • git clone
  • git commit
  • git remote
  • git push
  • git pull
  • git checkout
• 22:08 Sponsor: DatoCMS
• 23:02 Merge Conflicts
• 24:58 Team Strategies
• 28:48: Sponsor - Vercel
• 30:07 Best Practices
  • gitmoji
• 33:32 Pull Requests
• 36:38 Grab Bag Questions
• 36:55 Question #1 - How early into learning development should I learn?
• 39:59 Question #2 - Best way to implement CI/CD?
• 43:17 Question #3 - Common mistakes and our biggest git mistake?
• 46:12 Question #4 - Best git command flow?
  • Amy's git series on YouTube - git for Beginner
  • Atlassian git resources
• 47:53 Question #5 - Best way to work with a Team and git?
  • Amy's YouTube Channel: Best Practices for Teams
• 48:56 Picks and Plugs
• 49:10 Amy's Pick - Cometeer Coffee
• 49:52 Amy's Plug - Advent of CSS
• 50:35 James's Pick - Snack Magic
• 51:31 James's Plug - Advent of JavaScript

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

Sponsors

Hashnode

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

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

Show Notes

• 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, Amy and James talk about their experiences on actual development teams and the different processes and workflows that work best.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 2:58 Jobs on a Development Team
• 4:58 What is agile?
• 7:09 Sprints
• 8:32 Deadlines and Milestones
• 10:19 Sponsor: Vercel
• 11:25 Writing Stories
• 15:23 Types of Stories
• 21:26 Version Control and Git within a Team
  • Episode 34 - Getting git
  • Using Git with a Team on YouTube
• 22:55 Continuous Integration and Continuous Deployment
  • Everything Svelte
• 26:41 Code Reviews
  • Tweet from James / Compressed.fm Codebase
• 28:27 Sponsor: DatoCMS
• 29:21 Prioritizing and Pointing Stories
• 34:47 Who writes the stories?
• 36:21 Velocity
• 38:26 Pair Programming
  • Tuple
  • LiveShare through VS Code
• 45:08 Meetings
• 47:46 How Design Fits into the Process
• 49:12 Sponsor: ZEAL
• 50:05 Grab Bag Questions
• 53:10 Amy's Pick: Rainbow Pirates
• 53:27 Amy's Plug: Everything Svelte
• 53:50 James's Pick: Kreg Pocket Hole Jig Pro 720
• 55:53 James's Plug: James Q Quick on YouTube

Austin joins James and Amy to take a deep dive into Web Forms.

Show Notes

• 00:00 Introduction
• 03:57 Intro to Forms
• 06:28 Bringing in JavaScript
• 10:50 Potholes
• 13:24 Modern Frameworks
• 16:45 Progressive Enhancement
• 26:59 What can go wrong with Java?
• 31:55 Forms in Svelte
• 35:36 File Uploads
• 43:50 Serverless and FIle Systems
• 48:45 Flaws of Object Storage

Lane Wagner joins Brad, Amy, and James to discuss how to set your portfolio up for success and how to use it to get the perfect job for you.

Sponsors

RapidAPI

RapidAPI, the world's largest API hub, is used by over three million developers to find, test, and connect to thousands of APIs — all with a single API key and dashboard.

Find the APIs that you need for your project, embed the API into your app, and track usage of all your APIs through a single dashboard. If you create an API, use RapidAPI to make it available to over three million developers already using the RapidAPI Hub.

Show Notes

• 00:00 Sponsor: RapidAPI
• 00:54 Learn Both
• 04:54 Portoflios and Resumés
• 07:05 Customizing GitHub Profile
• 09:19 What Hiring Mangers Look For
• 11:04 Front End vs Back End
• 13:03 Algorithms and Date Structures on Interview
• 13:57 Pairing
• 19:05 Lighthearted Interviews
• 20:33 Unique Interview Experience
• 23:23 NDA Code
• 25:24 Boot.dev
• 26:33 Picks and Plugs

Evyatar joins Compressed to talk of his love for open source, most importantly his project Vest.

Show Notes

• 00:00 Introduction
• 01:40 Work vs Open Source Balance
• 04:35 Struggles of Being a Maintainer
• 05:24 Community Involvement
• 07:34 Need in Form Validation to Vest
• 11:24 Core Features of Vest
• 13:22 Formulation Libraries
• 17:14 Connection
• 19:52 Usage
• *21:29 Full Time Open Source
• 26:28 Emoji Picker
• 30:54 New Projects
• 32:29 Picks and Plugs

In this episode, Amy and James talk about small design tweaks that you can make that will make a big difference. These recommendations are helpful if you're looking for basic principles and guidelines to take your site to the next level.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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 real-time 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

Show Notes

• 0:00 Introduction
• 3:13 Applying Design Principles
  • Episode 5 - How Do you Start a New Design Project?
  • Episode 10 - Design Fundamentals (Part 1)
  • Episode 11 - Design Fundamentals (Part 2)
• 3:41 Alignment
  • Working from a 12 column grid
• 4:55 Align Text Left
• 5:46 Sponsor: Vercel
• 6:54 Proximity - Items that are closer together, your eye will group together
• 9:00 Hierarchy
• 10:37 Drop Shadows
• 12:34 Typography
  • Il1 Test
• 17:20 Sponsor: DatoCMS
• 18:14 x-height should be used to determine line-height
• 18:41 Long Form Copy - Use 20px
• 18:50 Line Length - Use 45 - 75 characters in a line, 66 characters is the sweet spot
• 20:47 Smaller the font size, the more line-height you need
• 21:27 Fibonacci Sequence - 14, 20, 34, 54, 88
• 24:02 Copy Style
  • Design For Scanners
  • Start your messages with the goal first, not the action:
        Example: Drag a song to your "Awesome Tunes" folder to add it to your playlist
        Versus: Add a song to your playlist by dragging it to the "Awesome Tunes" folder
• 26:01 Consistency
• 26:29 Spacing
  • White Space
  • 4pt and 8pt
• 27:46 Color
  • Coolors.co
  • Tint - Color mixed with white
  • Shade - Color mixed with black
  • Tone - Color mixed with Gray
• 29:48 Sponsor - ZEAL
• 31:19 Mobile
  • Thumbs need at least a 48 x 48 target area
  • Put things near the bottom of the screen
• 32:20 Lean into Stereotypes
• 33:40 Don't rely on color alone to convey messages
  • For example, a red outline around the input — some users are color blind
  • When the page is loading, help the user know what's happening
  • Empty or blank states should be well designed - guide the user to the next action
• 34:35 Picks and Plugs
• 35:25 Amy's Pick - FigJam
• 36:12 Amy's Plug - Advent of CSS
• 36:40 James's Pick - MagSafe Charger
• 37:50 James's Plug - Advent to JavaScript

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

Sponsors

ZEAL

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

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

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

Show Notes

• 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, Amy and James discuss all the things that go into course creation: why? What? How? Where to Host? Building the right audience.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Tella

It's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. 

For more information visit tella.tv

Show Notes

• 0:00 Introduction
• 6:29 Why create a course?
  • Building an audience
  • Generate side income
• 16:29 Sponsor: Tella
• 17:22 What do you create a course about?
• 23:39 How do you plan a course?
• 28:02 Sponsor: Zeal
• 29:33 How do you help people in your courses?
• 30:47 Other components that go into course creation
• 37:12 Where to Host a Course?
  • Podia
  • Udemy
  • Teachable
  • Thinkific
• 43:35 Sponsor: Vercel
• 44:44 Grab Bag Questions
• 45:01 How do you provide support for your course?
• 46:34 How do you determine what to charge?
• 49:24 How do you build the right audience?
• 50:27 Picks and Plugs
• 50:41 James's Pick - Presentation Clicker
• 51:31 James's Plug - James Q Quick on TikTok
• 51:42 Amy's Pick - Sanuk Sandals
• 52:08 Amy's Plug - Advent

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.

Sponsors

daily.dev

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

Hashnode

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.

Show Notes

• 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

Amy and James continue their creator series for designers and developers, explaining some of the things that they learned while starting their own podcast.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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 real-time 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

Show Notes

• 0:00 Introduction
  • JS Challenges
  • Advent of CSS
  • Advent of JS
  • Advent of SVGs
• 2:47 Gear for Starting Your Own Podcast
  • Rode Micro
  • Episode 14 - Building the Perfect Desk Setup
• 6:45 Why podcast (vs another medium)?
• 8:29 Types of Podcasts
  • Interview
  • Monologue
    • Amy Porterfield
  • Co-Host
    • Syntax
    • Shop Talk Show
• 10:27 Our Why
• 14:26 Sponsor: DatoCMS
• 15:20 Creating Show Segments
• 17:57 Hosting
  • Buzzsprout
    • Creating ZEAL Podcast
  • Anchor
  • Transistor.fm
  • Simplecast
• 20:36 Cover Art
• 21:06 Creating a Trailer
  • Submitting to different podcatchers
• 22:36 Finding Sponsors
  • Creating a Prospectus
  • Field of Dreams
• 25:26 Sponsor: Vercel
• 26:38 Workflow
  • SquadCast
  • Screenflow
  • Descript
    • Chris Sev
  • Auphonic
  • Forecast
  • MailChimp
• 33:14 Things We Want To Do
  • Write Accompanying Blog Posts
  • Make clips for social
• 35:17 Things I Wish We'd Done Differently
  • Line up Reviews on iTunes
• 36:33 Sponsor: ZEAL
• 38:02 Grab Bag Questions
• 38:21 What have we learned? Future goals, ambitions?
• 42:11 How important is consistency on publishing dates?
  • Seasons vs Episodes
• 45:05 Amy's Pick - Book: The Ride of a LifeTime
• 45:42 Amy's Plug - SelfTeach.me on Twitch
• 46:04 James's Pick - Portable Light
• 47:03 James's Plug - @jamesqquick on TikTok
  • James Q Quick's Newsletter
  • Captain Marvel Website

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.

Sponsors

daily.dev

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

Hashnode

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.

Show Notes

• 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

Leticia tells Brad and Amy about her new book, her transition into tech, and all about her experience working at Stripe.

Show Notes

• 00:00 Introduction
• 00:43 Leticia’s Transition into Tech
• 02:52 Languages for Learning
• 06:29 Learning and Using Python
• 08:26 Moving to Ruby
• 09:06 Involvement in Communities
• 13:32 Motivation to Change
• 18:00 Getting to Stripe
• 22:53 Gaining Confidence
• 27:08 Writing a Book
• 34:39 Travel
• 37:26 Progression at Stripe
• 41:23 Personal Sites
• 49:42 Picks and Plugs

Jacob discusses the ways he uses Svelte in his work at Stylitics as well as some of his personal projects.

Sponsors

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 01:31 Jacob's Background
• 03:49 Welding to Software
• 05:29 Combining Code with Your Interests
• 06:38 Passion
• 10:09 Jacob's Interest in Svelte
• 15:36 Working for Stylitics
• 21:24 Choosing to use Svelte
• 24:03 Finding Open-source
• 29:05 Sponsor: Hashnode
• 29:51 Svelete Kit Changes
• 35:54 Sponsor: Daily.dev
• 36:55 Other Frameworks and Side Projecst
• 40:26 Databases
• 42:23 Stores
• 43:43 Picks and Plugs

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.

Sponsors

ZEAL

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

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

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

Show Notes

• 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 talk about all the things they've automated. James in particular has several workflows within AirTable for generating stream graphics, sending out tweets, and generating his email newsletter.

Spnosors

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Show Notes

0:00 Introduction

4:01 Automating Overview

6:48 CI/CD Pipelines

• Deploybot
• Publishing as soon as a commit is made to the master branch on GitHub

10:49 Sponsor: Vercel

12:08 Automations with IFTTT and Zapier

15:12 Checklists

16:37 Using AirTable forms to Create Stream Graphics using Cloudinary

• Learning Quick Streams
• Stream with James Q Quick and Amy Dutton

24:25 Serverless Functions Overview

25:42 Integration with Sanity.io

28:46 Determining what to Automate

30:25 Sharing content from the Learn Build Teach Discord Community

• Listen to commands within the Discord community and saves the content to AirTable
• Flag for sharing to Twitter
• Flag for sharing within the Email Newsletter
• Node Chron for automatically tweeting

34:38 Sponsor: ZEAL

36:17 Button within AirTable for collecting and formatting email newsletters

38:29 Automating Tweets to promote the stream

39:18 Grab Bag Questions

39:51 Grab Bag Question #1: What tools do you use to automate tasks? Do you program as many automations as possible? And do you use IFTTT?

• Hazel from Noodlesoft
  • Emptying my computer's trash
  • Renaming files
• Geofencing

42:29 Picks and Plugs

43:01 James's Pick: Tripod from Amazon

43:49 James's Plug: James Q Quick on YouTube

44:30 Amy's Pick: Creative Elements Podcast

• Episode with Ali Abdaal

47:09 Amy's Plug: SelfTeach.me on YouTube

Time spills all his tips on big career transitions, emphasizing your skills, and ways to learn coding.

Sponsor

Daily.dev

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

Show Notes

• 00:37 Sponsor: Daily.dev
• 01:07 Welcome Tom and Discussing Branding
• 04:08 From Pipefitting to Tech
• 06:18 Coding Bootcamp
• 19:33 Building Projects Out of Your Comfort Zone
• 24:53 Applying for Jobs
• 28:30 Relevant Experience
• 37:17 Making Yourself Valuable
• 43:10 Long Term Content Planning
• 45:43 Picks and Plugs

Ankita joins James and Amy to explain her steps into leadership as well her knowledge of React framework.

Show Notes

• 00:00 Introduction
• 00:38 Welcome Ankita
• 02:13 Growth in React Ecosystem
• 05:20 Common Problems with React
• 10:17 Storybook
• 11:39 Using Other Libraries
• 14:17 React Native Accessibility
• 19:16 Baked In Framework Accessibility
• 25:08 Leadership in Engineering as a Goal
• 32:42 People Skills in Leadership
• 43:39 Picks and Plugs
• 53:18 React Conversation Callback

Amy and James celebrate their 100th episode live at Magnolia.js. Here, they share their wins, disappointments, and learnings over the past year and a half.

James and Amy take audience questions and discuss their favorite hot topics talking about frameworks, AI, and jobs.

Sponsor

###Contenful

Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 01:33 Use Cases for AI
• 07:48 Choosing Frameworks
• 10:22 Next and Remix
• 26:31 Money Talk for Frameworks
• 34:45 Knowing Multiple Frameworks
• 39:19 Landing a Job
• 46:46 Leaving Coding
• 51:49 Picks and Plugs

In this episode, Amy and James continue their ongoing discussion for redesigning James's personal site. Amy unveils a site redesign and together they talk through James's feedback and what the next iteration of his site design might look like.

This episode was recorded live, on Amy's Twitch stream. If you'd like to watch the original stream, you can find it here.

It's also worth noting that this is Part 3 of an ongoing conversation.

• The initial, discovery conversation is captured in Episode 18: Amy Gives James a Design Consult. 
• Amy presented the proposal in Episode 23. You can also watch that episode on YouTube.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 0:50 Sponsor: ZEAL
• 2:34 Recapping the Conversation
  • Jack McDade
  • Wes Bos
• 7:19 Unveiling the Redesign
• 17:08 Sponsor: Vercel
• 18:14 Discussing James's Q Logo
• 19:10 Color
  • Contrast App
• 26:05 Thoughts about Developers and Design
• 27:17 Hard Lines vs Organic Lines
• 28:12 Sponsor: DatoCMS
• 29:06 Branding Questions
• 31:28 Design Process
• 32:50 Amy's Pick: White Ink Pen
• 33:27 Amy's Plug: SelfTeach.me on Twitch
• 33:47 James's Pick: Fake Doctors, Real Friends Podcast
• 34:33 James's Plug: James Q Quick on YouTube

This episode takes a behind-the-scenes look at Advent of CSS and Advent of JavaScript: the planning, technology, struggles, and learnings.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 4:56 Advent of CSS and Advent of JavaScript
• 9:29 Technology Overview
• 10:26 Sponsor: Vercel
• 11:33 Working with SvelteKit
• 15:06 ConvertKit
• 25:15 Sponsor: DatoCMS
• 26:09 Podia for Hosting the Course Content
• 28:45 Gumroad
• 31:33 Integrations with Zapier
• 35:06 Sponsor: ZEAL
• 36:00 Marketing and Promotion
• 38:42 Things we would have done differently
• 45:19 Grab Bag Questions
• 45:30 Grab Bag Question #1: Plans for Adding Code in Browser
• 46:44 Grab Bag Question #2: Does Hosting Play a Part in Your Tech Stack Decision?
• 48:03 Grab Bag Question #3: Who is your target audience?
• 50:04 Picks and Plugs
• 50:07 James's Pick: Mistborn Series
• 50:25 James's Plug: James Q Quick on YouTube
• 51:23 Amy's Pick: Balega Socks
• 51:51 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy submits a freelance proposal to James for review. They discuss the terms, value-added, and review a mood board for James's rebrand.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 0:55 Sponsor: ZEAL
• 2:23 What we've been up to
• 4:06 Recording live from Twitch
• 4:39 Context / Writing Proposals
  • This Proposal
• 7:08 Pricing Structures
  • Episode 6: Freelance - Part 1
  • Episode 7: Freelance - Part 2
  • Episode 18: Amy Gives James a Design Consult
• 9:01 Business progression
  • identifying problems
  • objectives
  • how you'll measure success
  • Google Analytics
  • Fathom
• 11:43 Sponsor: DatoCMS
• 12:37 Value to the Organization
  • Scope Creep vs Scope Seep
• 16:40 Benefits of Branding
  • Nathan Barry Show - Episode 41: Jack Butcher – Build Once, Sell Twice: Earn $1M a Year Selling Digital Products
• 18:58 Methodology and Phases
  • What to expect on the project
  • Scheduling
  • Factors that affect completion
• 22:01 Joint Accountabilities
  • Communication
• 24:10 Terms and Conditions
  • Fees
  • Payment Terms
  • Project Scheduling
  • Expiration Date
• 25:53 Sending Estimates
  • Harvest
  • Stripe
  • Freshbooks
• 27:38 Sponsor: Vercel
• 28:51 Reviewing the Mood Board
  • Link to James's Actual Mood Board
  • FigJam
  • Whimsical
  • Pinterest
• 29:41 Reference Images
  • Wes Bos
  • Supabase
  • Amplication
  • Simon Hoiberg on Instagram
  • Ania Kubow
  • Coder Coder
  • Thomas Weibenfalk
  • Jack McDade
  • Jason Lengstorf
  • Josh Comeau
• 31:55 Inspirational Pieces
  • Dribbble
  • Behance
• 35:20 How do you create a custom font?
  • Fontself
  • Font Squirrel
  • Creative Market
• 38:26 Looking at Color and Styles
  • Statamic
• 45:23 Picks and Plugs
• 45:32 James's Pick: Chicago Med
• 47:39 James's Plug: James Q Quick on TikTok
• 47:53 Amy's Pick: Notion.so
  • Marie Poulin
  • August Bradley
  • William Nutt
• 48:50 Amy's Plug: SelfTeach.me on Twitch

In this episode, James and Amy discuss the tech behind jamesqquick.com. This site was built on top of Gatsby and Sanity. They discuss the decisions James made along the way and the things he might do differently.

SPONSORS

Pathwire / Mailgun / Mailjet

Pathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.

You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.

For more information, simply visit Pathwire.com

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit their site.

Show Notes

0:00 Intro

3:05 Context in building jamesqquick.com

4:46 Deciding to rebuild the site on Gatsby

• Gatsby - https://www.gatsbyjs.com/

6:29 Upgrades and improvements from moving off WordPress

8:28 The Gatsby Plugin Ecosystem

9:03 Sending your RSS feed to Dev.to for cross-posting

• Tutorial: Publishing a Post Pulled in via an RSS Feed

12:18 Hosting

13:00 Sponsor: Vercel

13:49 Moving from Markdown to Sanity

21:35 Email Marketing

• MailChimp
• ConvertKit
• Podia

22:25 Serverless Functions

23:14 Sponsor: Pathwire

• MailGun - http://mailgun.com
• MailJet - http://mailjet.com

25:18 React Ecosystem

26:12 React Awesome Reveal

26:37 Font Awesome for Icons

27:14 For styling, using Scss

• Difference between Scss and Sass

30:45 Sponsor: ZEAL

31:19 Things you'd do differently

• Styled Components
• Tailwind CSS
• Next.js

35:14 Grab Bag Question #1: If you are the only updating Sanity, can you host it locally or does it need to be accessible online?

36:12 Grab Bag Question #2: When will you migrate your site to Next.js?

36:24 Grab Bag Question #3: How do you like Sanity as an authoring experience?

37:29 Picks and Plugs

37:40 James's Pick: Tripod with a Selfie Light

38:34 James's Plug: James Q Quick on YouTube

38:55 Amy's Pick: Hunt a Killer (30% off)

40:30 Amy's Plug: SelfTeach.me on YouTube

Ivan joins James and Bekah to tell his journey to Daytona and where they’re hoping to go as they grow.

Show Notes

• 00:00 Welcome Ivan
• 03:30 Tying Development to Personal Interests
• 08:05 Finding the Product Gap
• 12:19 Acquisition, Money, Starting From Scratch
• 17:31 Daytona
• 20:22 What’s Under the Hood
• 22:41 Primary Users
• 29:09 The Team
• 30:31 Engineering
• 35:46 Trying Daytona
• 41:31 Picks and Plugs

In this episode, Amy and James talk about 5 design principles: unity, contrast, balance, rhythm, and visual hierarchy and how they can be applied to an actual project, including their own.

SPONSORS

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit codingzeal.com

KwesForms

KwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.

For more information, visit kwes.io

Show Notes

0:00 Introduction

2:24 Art vs Design

4:34 Can anyone do design?

7:16 Principle #1: Unity

• UX Engineer
• Cues from branding elements: typography, color palette, typography
• consistent design, equals a cleaner design, equals cleaner code
• Look at the entire picture: What problem is your product trying to solve? Who are you solving this problem for? And what's the overall message that you're trying to resonate with your audience? And how should you break down that product into smaller pieces and organize it?

10:59 Sponsor: KwesForms

11:31 Principle #2: Contrast

• Accessibility
• Drive focus to specific areas of the design

16:04 Sponsor: ZEAL

16:43 Principle #3: Balance

• One element is perceived as heavier than a smaller element
• Ways to achieve this:
  • Color
  • Size
  • White Space
• Types of Balance: Symmetrical, Asymmetrical, Radial, and Mosaic

21:09 Principle #4: Rhythm

• You expect things to be laid a certain way
• If something is not in line, it creates contrast
• "Know the rules so that you can break them." -- Generally breaking one principle to drive another principle

23:17 Principle #5: Visual Hierarchy

• Lead or pull the user through

24:01 Assessing the call to action on our own personal sites

26:49 Sponsor: Vercel

27:39 Ways to Establish Visual Hierarchy

• Color
• Size
• Balance
• White Space

29:28 YouTube's red isn't accessible

31:30 Above the Fold

33:02 Grab Bag Questions

• Cam the Developer
• Matias

33:30 Grab Bag #1: What is a good resource for determining typography combinations?

• What Font? Bookmarklet

35:59 Grab Bag #2: Hod you find your watering holes and how do you determine what to teach?

40:07 James's Pick: Thermo Flask 2 Pack from Costco

40:56 James's Plug: James Q Quick on YouTube

41:24 Amy's Pick: Sipp App

42:10 Amy's Plug: Self Teach Me on YouTube

Zeno talks James and Amy through his YC process that brought his side project dream to real life and what it’s like being a CEO now.

Sponsor

###Contenful

Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful

Show Notes

• 00:00 Introduction
• 00:52 Sponsor: Contentful
• 01:57 Zeno’s Start
• 08:39 Processing Negative Feedback
• 12:08 Transition from Job to Project
• 15:58 Being a Front End CEO
• 24:34 Speed or Quality
• 27:11 Intro to YC
• 38:25 Building Something That’s Needed
• 42:35 Picks and Plugs

In this episode, Chris Sev discusses building SaaS projects with Laravel and AI, detailing his journey from launching Scotch.io to creating VideoTap. Dive into the innovative workflows for automating video marketing content, learn why Laravel remains his go-to framework, and explore insights on the future of AI in development.

Show Notes

00:00:00 - Intro

00:00:33 - Guest Introduction: Chris Sev, DevRel at Sourcegraph

00:01:08 - Chris's Background and Journey

00:02:28 - Tech Stack Behind Video Tap

00:02:55 - Story of Getting the VideoTap.com Domain

00:05:20 - VideoTap's AI Implementation and Process

00:14:20 - How VideoTap Uses AI for Content Generation

00:17:06 - Prompt Engineering Tips and Techniques

00:21:17 - AI Content Generation Pipeline and Error Handling

00:22:27 - Handling Large Videos and Context Windows

00:23:44 - Experimenting with Different AI Models

00:24:23 - AI Writing Style and Evaluation Techniques

00:27:44 - Current State of VideoTap: Team and Revenue

00:30:39 - Future Goals: Integrations and Features

00:35:27 - Chris's Work at Sourcegraph and Mission

00:38:20 - Picks and Plugs

• Amy
  • Pick: Polar Habits
  • Plug: Broken Comb Newsletter
• Chris
  • Pick: Phind.com and  Perplexity.ai
  • Plug: TwinPicks.ai, Richest You Substack
• James
  • Pick: Kroser TSA Travel Laptop Backpack
  • Plug: Newsletter

Links

• VideoTap
• Anthropic Prompt Engineering Guide
• Creator Hooks Newsletter
• Thumbnail Test
• Codi AI Coding Assistant

Simon joins James to discuss all things content creation and the perks and difficulties of creating content full time.

Show Notes

• 00:32 Welcome Simon the Cross Platform King
• 02:29 Growth and Numbers on YouTube
• 12:08 Income Apart From Sponsors
• 21:45 Is Dev Content Saturated?”
• 26:34 Do comments effect sponsorships?
• 32:09 Building a Coursework Application
• 36:30 Miscellaneous Questions
• 40:46 Priorities and Flexibility

We have ALL the guests on today as Ryan and Jem join Brad, Amy, and James for a crossover episode. They discuss the tech theyre looking forward to in 2024 as well as AI topics and the impact that conferences have on a developers journey.

Show Notes

• 00:00 Introduction
• 00:26 Let’s Kick Off
• 01:14 Tech Coming in 2024
• 15:40 Jevons Paradox and AI
• 24:13 AI Pen
• 26:07 Custom GPT
• 30:01 Browsers
• 34:18 Pass Keys
• 38:32 Conference Meet Ups
• 51:58 Picks and Plugs

Sami joins James and Amy to discuss Mitosis and talk all about frameworks.

Show Notes

• 00:00 Introduction
• 00:40 Welcome Sami
• 01:22 What is Builder.io
• 05:38 More Mitosis
• 13:09 Cross Platform With Swift
• 20:02 Importance of Different Frameworks
• 22:54 Favorite Frameworks
• 25:04 Communities and Libraries
• 29:27 Opensource Roadmap
• 31:34 Testing
• 33:04 Chat GPT and AI
• 35:43 Behind The Scenes Dev Work
• 40:26 Quality vs Speed
• 46:22 Picks and Plugs

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

Sponsors

ZEAL

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

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

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

Show Notes

• 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

Links

• 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

J.D. explains why he loves his local developer community and gives great tips on job searching and getting started in conference speaking.

Sponsors

Storyblock

Storyblok is the first headless CMS that offers a unique combination of visual editing tools and highly customizable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms.

Show Notes

• 00:00 Introduction
• 00:36 Sponsor: Storyblok
• 01:22 Welcome JD
• 03:09 Tech Stack and Backend
• 05:22 Why Community?
• 11:53 Conference Investments
• 21:49 Imposter Syndrome and Using Your Community
• 26:45 Finding the Right Jobs
• 34:34 Utilizing Twitter for Work Connections
• 37:52 Starting Small
• 47:46 Picks and Plugs

Adam joins Amy to explain his love of CSS and what his curent favorite features are as well as digging into some hot takes and CSS debates.

Show Notes

• 00:00 Welcome Adam
• 01:10 View Transitions
• 15:20 Contrast Color and Accessibility
• 18:18 Path to Feature Implementation
• 24:53 Dev Rel Interview at Google
• 27:21 Has Tag
• 31:37 12 Column Grid
• 40:17 The CSS Podcast
• 41:24 Last Thoughts
• 42:37 Picks and Plugs

Yaroslav joins Compressed to give his tips and tricks on Astro and getting the most out of it.

Show Notes

• 00:00 Welcome Yaroslav
• 01:43 Onboarding to Astro
• 18:32 Fat Island
• 21:17 B2B SaaS Kit
• 29:39 Auth Services
• 31:52 Building an App
• 36:03 Learning Curve
• 41:50 Picks and Plugs

Alex from Coding Cat joins James and discusses why he switched over to Svelte and how he's using it to his advantage.

Show Notes

• 00:00 Introduction
• 00:51 Welcome Alex
• 03:26 Using ALL the Frameworks
• 14:36 Server less and Standard Backend
• 19:40 Why Switch to Svelte?
• 32:27 Utilizing Astro
• 35:35 Slap Props
• 37:37 Coding Cat with Svelte
• 43:17 So Many Options
• 44:38 Styling Framework
• 45:46 Last Thoughts
• 49:35 Picks and Plugs

In this episode, Amy and James talk about learning and building in public: the best ways to get started, some of the benefits, fears, and considerations.

Sponsors

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Show Notes

• 0:00 Introduction
• 4:15 Documenting vs Creating
  • Creative Elements Podcast with Ali Abdaal
  • Blog Post by Swyx
  • eBook buy Swyx
• 6:41 How do you get started? What do you share?
• 8:04 The Curse of Knowledge
  • Hashnode
• 9:55 Sponsor: Vercel
• 11:12 Preventing documentation from being a second job
• 14:56 Accountability
  • Episode 9 - The Tech Behind SelfTeach.me
  • Twitter Thread documenting my progress on SelfTeach.me
  • James's Crash Course on Svelte and SvelteKit (YouTube)
  • Amy's Video Series on Building out the Compressed.fm Audio Player (YouTube)
• 19:57 Fears around sharing in public
  • Quote from Swyx's article: "People think you suck? Good. You agree. Ask them to explain, in detail, why you suck. You want to just feel good or you want to be good?"
  • James's video on Promise.all in JavaScript
• 24:08 Sponsor: ZEAL
• 25:32 Examples of People Have Done a Great Job Learning and Building in Public
  • Software Social Podcast
  • Catherine Peterson
  • Zach Wilson
  • Laurie ono Tech
  • Chris Sev
• 29:36 Grab Bag Questions
• 30:04 Learning and Building in Public when you're a career changer
  • #100DaysofCode Hashtag on Twitter
  • Sam Sycamore
  • Article about making a rap video
  • Auth0 Rap Video
  • Cafe con Tech - Mattias's Podcast
• 35:47 How do you learn in public without being cocky?
• 35:59 How do you learn and build in public without turning it into even more work?
  • Maggie Appleton and a Digital Garden
  • Episode 18 - Amy Gives James a Design Consult
• 38:37 What do you share in public?
• 39:24 How do you deal with haters?
• 42:07 Picks and Plugs
• 42:20 James's Pick: Water bottle from Walmart
• 43:51 James's Plug: Learn Build Teach Discord Server
• 44:14 Amy's Pick: Anker 60W Charger
  • Anker Charger with Portable Power
• 45:02 Amy's Pick: The Compressed.fm Newsletter

James and Amy answer questions from their livestream audience.

Show Notes

• 00:00 Introduction
• 00:46 Choosing a JS Framework Does it Matter
• 04:49 Comfortability of Frameworks
• 08:39 SEO and Server Render
• 12:43 Promotions
• 24:37 Raw Sequel vs Prisma
• 30:33 Front End Frameworks
• 34:12 Java React Resources
• 38:53 Mentorship
• 40:07 AI Taking Developer Jobs
• 43:42 Hurdles for Beginners
• 50:27 AWS Under the Hood
• 52:27 Tracking Changes
• 55:36 React to Next JS
• 01:00:11 Declarative vs Imperative
• 01:11:23 Applying for Jobs
• 01:15:37 Development Projects

Brandon gives us an inside look at his App, Flight Control, and all of it's applications.

Show Notes

• 00:00 Introduction
• 01:21 Flight Control
• 06:47 Pitch Process and Early Days
• 08:35 Being Accepted to Y Combinator
• 12:31 Design Review
• 14:55 Tech Stack
• 20:39 Why use flight control?
• 27:15 Where to Get Started
• 29:00 Transitioning To Leadership
• 41:27 Current Team
• 42:22 Choosing a Founder
• 43:39 Working in Different Places
• 46:50 Server vs Servereless
• 50:49 Moving Existing Apps to Flight Control
• 51:49 Picks and Plugs

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.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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, Amy and James talk about all the components that make up a good designer. If you're hiring, how to interview a designer and what to look for. Or, if you're trying to land your first design job, what to expect in the interview process

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 5:10 Interviewing as a Designer / Hiring a Designer
• 5:43 Job Titles
  • Graphic Designer
  • UI
  • UX
  • Product Designer
  • Marketing Designer
• 9:23 Career Paths
  • Junior
  • Senior
  • Art Director
  • Creative Director
  • The Making of a Manager by Julie Zhou
• 12:46 Sponsor: DatoCMS
• 13:39 Components that make up a great designer
• 14:20 Design Process
• 15:32 Visual Design
• 16:49 Consulting and Communication
• 17:49 User Experience Design
• 18:05 Implementation
  • Free Code Camp
• 20:18 Leadership and Mentoring
• 21:07 Sponsor: ZEAL
• 22:20 Business and Sales
• 22:54 User Research
• 23:35 Group Facilitation
  • Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days
• 24:16 Product Thinking
• 25:22 The importance of a Portfolio
  • looking for a specific kind of work
  • what to do if you don't have work you can include
  • bartering
  • Dribbble
  • Behance
• 30:06 Sponsor: Vercel
• 31:21 Specific interview example
• 33:59 Is it worth having a design degree?
  • Episode 2: Amy's Origin Story
• 36:15 Soft Skills: Are they a good culture fit?
• 36:32 Resources for leveling up UI / UX
  • Refactoring UI
  • Shift Nudge
  • Learn, Build, Teach Discord Server
  • BeginnerTailwind.com
• 38:59 Picks and Plugs
• 39:30 James's Pick: Headphone Stand, USB Charger Combo
• 40:12 James's Plug: James Q Quick on Twitch
• 40:24 Amy's Pick: Wireless Charger from Anker
• 40:52 Amy's Plug: SelfTeachme Twitch Channel
  • Weekdays, 9am - 10am CST

Debbie discusses the importance of end to end testing as well as her work at Microsoft.

Sponsors

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 01:42 Who is Debbie?
• 02:59 Background and Interest
• 07:26 Sharing What You Learn
• 09:34 Microsoft
• 12:02 5 Year Plan
• 15:31 Imposter Syndrome
• 18:01 Playwright and Testing
• 21:40 Cyprus
• 23:18 Playwrite and Frameworks
• 24:59 Component Testing
• 30:46 Sponsor: Hashnode
• 31:32 Visual Regression Testing
• 32:27 Microsoft Integration
• 36:04 Storybook and Percy
• 37:28 Hiring at Microsoft
• 38:32 Sponsor: Daily.dev
• 39:32 Interview Process
• 44:00 Inspiring Others
• 48:10 Picks and Plugs

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.

Sponsors

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.

Chapters

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

Welcome Erik to the podcast as he tell us how he went from the unhappiest developer to the happiest.

Sponsors

Storyblock

Storyblok is the first headless CMS that offers a unique combination of visual editing tools and highly customizable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms.

Show Notes

• 00:00 Introduction
• 00:38 Sponsor: StoryBlock
• 01:30 Erik, Meetups, and Mentors
• 04:13 Eriks Experience
• 05:47 Why not management?
• 07:32 Unhappy Developers?
• 11:20 The Learning Process and Making Yourself Uncomfortable
• 37:37 Roles and Responsibility of Software
• 41:11 Picks and Plugs

Amy talks about tech stack (Next.js, Sanity, and Tailwind) and some of the decisions she made while building selfteach.me. James and Amy also discuss form management for static sites and some marketing tactics.

SPONSORS

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit codingzeal.com

KwesForms

KwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.

For more information, visit kwes.io

Show Notes

0:00 Introduction

3:31 Sponsor: ZEAL

4:27 Related Episodes

• Episode 3 - Compressed.fm Tech Stack
• Episode 8 - JamesQQuick.com Tech Stack

5:20 First iteration of the site: on WordPress

6:01 Rebuilding the Site on Gatsby and MDX

• Pros of Gatsby:
  • Site Speed
  • Markdown
  • Including React Components
• Cons: Maxing build times on Netlify
  • Long build times
  • Constantly restarting Gatsby

10:39 Moving to Sanity for content

• Portable Text FTW!
• Better Developer Experience

17:31 Using Tailwind CSS

• Explaining Utility-Based Framework
• PurgeCSS

20:27 Experimenting with New Technologies

20:44 Pros for using Tailwind

• Naming things is hard
• Specificity
• Everyone is working from a similar naming convention
• Remove HTML, remove the the corresponding CSS = cleaner codebase

22:57 Sponsor: Vercel

25:35 Sponsor: KwesForms

29:13 Using RightMessage for marketing

31:55 Soft Launch vs Hard Launch

33:54 Things you'd do differently

34:07 Reduce the barrier to entry

35:57 Move to Styled Components

37:19 Grab Bag Question #1: how can you deliver rich experiences like MDX with Sanity and SvelteKit?

38:50 Grab Bag Question #2: Is it easy to switch from React to Next?

41:11 James's Pick: Book by Reggie Ford PTSD

42:31 James's Plug: James Q Quick on YouTube

42:51 Amy's Pick: RoadID

44:06 Amy's Plug: SelfTeach.me on YouTube

James and Adrian content creation, from starting YouTube channels to building communities. Adrian highlights the secrets he’s learned in building a private community and some of the bleeding edge technology that he’s excited about.

Show Notes

[00:00:00] Introduction

[00:01:20] Content creation and community building.

[00:05:09] Image generation in AI.

[00:08:09] AI models evolving in design.

[00:12:13] Low-code, no-code tools.

[00:16:03] Website building efficiency with Wix.

• Wix

[00:20:32] Discord community interactions.

• Merge Web Dev

[00:21:34] AI creating a teams of AIs.

[00:26:18] AI converting photos into 3D.

• YouTube video on Gaussian Splatting

[00:29:20] Creating 3D Models from Photos.

• Luma AI

[00:32:26] AI art and no code.

• Codex Community
• Adrian Twarog YouTube Channel

Amanda and Tom join the Compressed podcast to give an inside look at the low and no code option of Wix and to explain how they make website building accessible for the non developer.

Show Notes

• 00:00 Welcome and Introductions
• 05:39 Six the No-Code Builder
• 09:17 Does No Code Teach Coding
• 11:37 Considerations for Non Developers
• 16:13 Velo
• 18:39 React and Type Script with CodeUX
• 32:19 Front End vs Back End
• 34:59 Running on the Edge
• 38:18 Hot Takes on React Server Components
• 49:12 Picks and Plugs

Izzy joins James and Amy to talk about community, learning new things, and how to keep passion for your work.

Sponsor

Daily.dev

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

Show Notes

• 00:00 Introduction
• 01:01 Getting Started in Email
• 04:40 Tools for Email
• 07:30 Sponsor: Daily.dev
• 08:23 Networking and Community
• 15:47 Content Creation
• 19:22 Passion in Career
• 35:58 Content Focus
• 41:20 Coffee Chats
• 44:54 New Interests and Learning
• 51:32 Picks and Plugs

Brad and Amy discuss when to adapt to new technologies and the best systems and practices for migrating your sites over to them.

Sponsor

Daily.dev

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

Show Notes

• 00:00 Introduction
• 00:50 Sponsor: Daily.de
• 01:26 Arc Browser and 1,000 Tabs
• 07:26 That Conference
• 10:38 Migrating Sites
• 16:19 Choosing New Tech
• 23:17 Migration
• 29:02 When to Update and Tech Debt
• 34:28 Getting it Done
• 45:56 Picks and Plugs

In this episode, Amy and James discuss design trends to look forward to in 2022, including gradients with grain, large typography, and interactivity.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Tella

It's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. 

For more information visit tella.tv

Show Notes

• 0:00 Introduction
  • Article on Webflow: Web Design Trends in 2022
• 8:35 #1 Mini-Sites of Delight
• 10:31 Sponsor: Vercel
• 11:38 #2 App Like Experiences
• 12:48 #3 Art Deco
• 13:03 #4 Line Work
• 16:46 #5 and #6 Fewer Images and Oversized Typography
• 18:02 #7 Interactivity
• 18:23 #8 Collages and Abstract Illustrations
• 19:30 #9 Gradients with Grain
  • Charli Marie Podcast, Inside Marketing Design at Stripe
• 21:09 #10 Glass Morphism
• 22:13 Sponsor - Tella.tv
• 23:26 #11 Scrolling Animations
• 25:00 #12 Less Neo Morphism
• 28:13 #13 Inclusive Copy
• 28:19 #14 Gender-neutral Design
• 28:30 #15 Page Speed Prioritization
• 31:24 #16 No Code
• 32:30 #17 More Emphasis on Users
• 32:54 Sponsor: ZEAL
• 33:49 Grab Bag Questions
• 34:00 Grab Bag Question #1: Will we avoid new trends that end with morphism?
• 37:21 Grab Bag Question #2: Trends for Feature Discovery
• 39:02 Grab Bag Question #3: Minimalistic Design
• 42:00 Picks and Plugs
• 42:11 Amy's Pick: Unstable Unicorns
• 42:49 Amy's Plug: Advent of CSS
• 43:25 James's Pick: Mistborn Series
• 44:43 James's Plug: Advent of JavaScript

In this episode, Amy and James discuss all the benefits that come from blogging, including the positive effect it can have on your career.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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 real-time 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

Show Notes

• 0:00 Introduction
• 4:02 Marco Polo
• 5:29 Learn Build Teach
• 7:17 Emulating Chefs
• 8:09 Why Write
• 9:33 Sponsor: ZEAL
• 11:08 Writing Helps You Be a Better Communicator
• 11:52 Networking
• 13:47 Why blog, over another medium?
• 15:23 Picking a Blogging Platform
  • Framer is still alive and well… and it’s a game-changer
  • UX Collective
  • Medium
  • Hashnode
  • Dev.to
  • Chrome Extension Daily.dev
  • Chrome Extension Panda
• 21:17 Creating Your Own Blog
  • Wordpress.com
  • Wordpress.org
• 22:47 Sponsor: Vercel
• 23:55 Different Frameworks
  • Gatsby
  • Next.js
  • Gridsome
  • Nuxt
  • React
  • Angular
  • Vue
  • Svelte
  • SvelteKit
• 25:43 Sponsor: DatoCMS
• 26:25 Learning that Comes from Building Your Own Blog
• 27:30 Workflow for Writing Content
  • Notion.so
  • Grammarly
  • Grammarly extension for Chrome
  • Grammarly extension for VS Code
  • StackEdit.io
• 30:37 What would you do differently?
• 32:26 Grab Bag Questions
• 32:47 Grab Bag Question #1: Are there some things you can do right or wrong when it comes to creating content?
  • James Q Quick on YouTube: JavaScript Array Method Practice
• 35:49 Grab Bag Question #2: How do you choose what topics to cover? How do you decide who is your target audience?
• 39:00 Picks and Plugs
• 39:11 Amy's Pick: Headphone Splitter
  • Rode Micro Pro
• 39:51 Amy's Plug: SelfTeach.me on Twitch
• 40:13 James's Pick: Cable Clips
• 40:56 James's Pick: JS Challenges

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

Sponsors

Hashnode

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

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

Show Notes

• 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

Amy and James walk through the tech behind Compressed.fm and some of the unique challenges they faced when building the site.

SPONSORS

Pathwire / Mailgun / Mailjet

Pathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.

You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.

For more information, simply visit Pathwire.com

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit their site.

Show Notes

0:00 Introduction
2:53 Powering the backend: Sanity.io
3:22 The difference between client-side and server-side rendering
5:50 Sanity's differentiator: Portable Text
8:35 Sponsor: Vercel
9:13 Finding a challenge in every project
11:14 Working with Framer Motion
13:26 Animating a hamburger menu with 2 CSS Properties
13:33 YouTube video explaining animating the hamburger animation
14:29 Josh Comeau
14:43 Authentication with Auth0
17:59 Experience with Next-Auth
18:54 Sponsor: Pathwire / Mailgun / Mailjet
20:00 Custom Audio Player
22:45 CSS Tricks article: Let’s Create a Custom Audio Player
24:31 Big Automation Kick
25:03 Sponsor: ZEAL
25:55 James's Discord: Learn Build Teach
26:06 Grab Bag Question #1: What's the best way to set up SEO metadata in Next.js?
26:40 React Helmet
27:02 Compressed.fm Source Code on GitHub
27:47 Grab Bag Question #2: Have you ever had an issue with Tailwind normalizing or overriding the text coming from Sanity?
29:05 SelfTeach.me Source Code on GitHub
29:36 Grab Bag Question #3: Where are you storing access tokens in Next.js apps?
31:00 James's Pick: [Webcam Swivel Arm ($20 on Amazon)](https://amzn.to/3tlY0EW
31:51 James's Plug: Learn Build Teach Discord Server
32:01 James's Plug: His YouTube Channel
32:17 Amy's Pick - Gravel Gravel Blanket
33:20 Big Blanket Co
34:00 Amy's Plug - SelfTeach.me on YouTube

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.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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

James Perkins, co-founder of Unkey, talks about turning a potential blog post into a full-fledged business that simplifies API management for developers. Throughout the episode, he explains the core features of Unkey, the importance of VC funding, and the realities of startup life, including balancing workloads and managing a globally distributed team.

Sponsor

Postman

Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.

Attend their Upcoming Conference - April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.

Show Notes

0:00 Intro
0:47 Sponsor: Postman
1:41 Background and Overview of Unkey
3:20 Unkey's Features
3:34 Origin Story of Unkey
10:10 VC Interaction and Scaling Up
16:38 Unkey's Core Features and Technical Setup

• Mintlify for Documentation39:19 Challenges and Rewards of Startup Life

45:34 Future Plans and Scaling

48:16 Picks and Plugs

• James Perkins' Picks and Plugs:
  • RISE Calendar (tool for managing time zones and flexible scheduling)
  • Unkey (API management platform)
• Brad's Picks and Plugs:
  • Pupford treats for puppy training
  • Brad Garropy on YouTube
• Amy's Picks and Plugs:
  • Batteries for Mac App
  • Amy's YouTube Channel

In this episode, Amy and James reflect back on 2021, things they accomplished, goals they met, places they fell short, and areas to improve upon.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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 real-time 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

Show Notes

• 0:00 Introduction
• 5:05 Starting a Podcast: Compressed.fm
• 6:33 Advent of CSS and Advent of JavaScript
• 9:48 Sponsor: ZEAL
• 10:42 Live Streaming
• 12:59 YouTube Channel
• 17:35 TikTok
• 18:40 James's Newsletter
• 20:07 Weaknesses
• 22:13 Sponsor: DatoCMS
• 23:07 Promotions and Giveaways
• 25:33 YouTube Segments and Series
• 28:26 Twitter Numbers
• 31:05 Skills to Improve On
• 35:19 Mini-Courses and Lead Magnets
• 37:00 Sponsor - Vercel
• 38:08 Grab Bag Questions
• 38:20 Question #1: Is Vercel going to take over the JAMStack space next year?
• 40:26 Question #2: Has a year of podcasting contributed to you as a tech teacher? What did you learn from it?
• 42:03 Question #3: How do you feel going into 2022 compared to last year?
• 43:41 Picks and Plugs
• 43:48 Amy's Pick: Unstable Unicorns
• 44:48 Amy's Plug: Everything Svelte
• 45:53 James's Pick: Bird Dog, Men's Joggers
• 46:26 James's Plug: Svelte Crash Course on YouTube

Brad and Amy discuss the great features of Remix and some of their favorite ways to utilize it.

Sponsors

Hashnode

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

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

Show Notes

• 00:00 Introduction
• 01:12 Getting into Remix
• 05:54 Remix History
• 08:23 Sponsor: Hashnode
• 13:25 Nesting Routing
• 19:12 How Links Work
• 24:15 Server Side Generation
• 25:01 File Location
• 28:15 Input
• 28:59 Writing Code
• 39:53 Form States
• 40:54 Boundary Components
• 45:26 Remix Frustration
• 54:04 Help from Tailwind
• 57:46 Authentication
• 00:00 Database Solutions
• 00:00 Modeling
• 00:00 Sponsor: Daily.dev
• 00:00 Testing
• 00:00 Linting and Formatting
• 00:00 Deploying
• 00:00 Projects for Remix
• 00:00 Grab Bag Questions
• 00:00 Picks and Plugs

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

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 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, 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.

Sponsors

ZEAL

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

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

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

Show Notes

• 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

Links

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

This episode is all about design systems! Why use them, atomic design, specifics, examples, maintaining, and what to do if you don't have a current system.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

In this episode of Compressed FM, Amy, James, and Tobbe from the Redwood JS core team explore React server components. They discuss the implementation of React server components in Redwood, the benefits, challenges, and the future of web development with this new technology.

Show Notes

00:00:00 - Introduction 

00:00:47 - Tobbe's Background and Role at Redwood JS 

00:02:03 - Tobbe's Journey with Redwood JS 

00:05:14 - Discussion on React Server Components (RSCs) 

00:07:00 - Explanation of Different Rendering Methods 

00:12:48 - Implementing React Server Components with Vite 

00:15:22 - Technical Details of RSC Implementation 

00:17:19 - Streaming and Suspense in React 

00:18:28 - Future Developer Experience with Redwood and RSCs 

00:19:51 - Explanation of Redwood Cells 

00:22:01 - DX Considerations for RSCs in Redwood 

00:24:23 - State of GraphQL in Redwood's Future 

00:28:34 - GraphQL's Reputation and Challenges 

00:31:17 - tRPC and TypeScript Safety with RSCs 

00:34:14 - Advanced RSC Features in Redwood 

00:36:31 - Server Actions and Their Role in Redwood 

00:39:09 - Picks and Plugs

• Tobbe's Pick: Tretorn Rubber Boots
• Tobbe's Plug: RedwoodJS
• Amy's Pick - Aeropress Go
• Amy's Plug - Broken Comb Newsletter
• James's Pick - On/Off Plug
• James's Plug - James's Newsletter

In this episode, Amy and Brad sit down with Michael Chan to discuss WorkOS, a tool simplifying authentication and authorization for developers. They explore how WorkOS makes complex processes like OAuth, SSO, and MFA easy to implement, compare it to other auth providers, and dive deep into AuthKit’s capabilities.

Sponsors

WorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.

Show Notes

00:00 - Intro

01:15 - Introduction to WorkOS

• WorkOS
• AuthKit
• WorkOS on YouTube

02:23 - Comparing WorkOS with Competitors

03:50 - Features of WorkOS AuthKit

06:53 - WorkOS’s Evolution and Target Audience

09:30 - Challenges in Implementing Auth Solutions

10:30 - Should Developers Build Their Own Auth?

• Selma's Blog Post: One Does Not Simply Delete Cookies

12:50 - The Cascade of Auth Decisions: Emails and Databases

14:22 - WorkOS Integration with Astro and Remix

19:50 - Key Benefits of WorkOS for Developers

22:00 - Integrating AuthKit with Next and Remix

• Sam Selikoff's YouTube Video on WorkOS + AuthKit + Remix: Using AuthKit's Headless APIs in Remix

24:01 - Challenges in Documentation for Developers

• Divio's Guide to Documentation

33:06 - The Future of Documentation and AI’s Role

35:00 - Wrap-up

In this episode, Chris Nowicki shares his path from aerospace to web development and the unique challenges of transitioning into tech. Chris and James discuss how Chris got involved in the open-source project "Deals for Devs," including the tech stack, managing contributions, and handling obstacles. This episode offers a first-hand look at the value of community in development and tips for new devs on getting started in open source.

Sponsor

Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.

Show Notes

00:00 - Intro

01:08 - Chris Nowicki’s Journey into Tech

02:12 - Bootcamp Experience and Structure

05:07 - Breaking into Tech Through Community Involvement

08:38 - Deals for Devs: The Project Origin

11:10 - Sponsor Message: Postman

12:06 - Tech Stack Overview for Deals for Devs

13:22 - Tech Stack: Resend, React Email, Tailwind, and Xata

17:00 - Prisma Integration with Xata

20:00 - Challenges in Managing Community Projects

23:54 - Planning and Issue Management for Deals for Devs

28:00 - Feature Flags and Release Management

37:15 - Subscription System Workflow

45:45 - Creating a Dynamic Email Subscription System

51:58 - Managing Admin and Approval for Deals

52:26 - Closing

Links

• OpenSauced
• RedwoodJS
• Deals for Devs Project
• Postman
• React Email
• Vercel
• Xata
• Resend
• Frontend Mentor
• LaunchDarkly
• Grid Iron Survivor
• Dev.to article on CRON jobs

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.

Show Notes

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 and James are honest about some of the things they struggle with. -- Things they struggled with early in their tech career and some of the things they continue to struggle with even now.

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 2:54 Struggling with learning new things
• 3:18 Concepts I used to struggle with
• 5:44 Struggling with Technical Interviews
• 6:26 Struggling with Giving Presentations
• 7:20 Struggling with Algorithms
• 9:48 How I Learn New Things
  • Level Up Tutorials
  • Wes Bos
  • James Q Quick
    • Svelte Crash Course
    • Asynchronous JavaScript
    • Promise.all Video
  • Amy's Git Series on YouTube
• 13:05 Sponsor: DatoCMS
• 13:58 Advice for Learning New Things: Build Stuff
• 16:21 Some of the Things we Struggle with Now
• 23:13 Sponsor: Vercel
• 24:43 Creating content
• 27:19 Writing production code
• 29:51 Imposter Syndrome
• 35:01 Sponsor: ZEAL
• 36:25 Grab Bag Questions: How do I get paid without feeling guilty?
• 40:29 Picks and Plugs
• 40:40 James's Pick: Freedom Writers on Netflix
• 41:21 James's Plug: James Q Quick on YouTube
• 41:39 Amy's Pick - 2Bobs Podcast
• 42:16 Amy's Plug - SelfTeach.me on Twitch

In this episode, Amy and James talk about their desk setups and all the gear they use to write code and create audio and video content.

Sponsors

Vercel

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 hiring!

Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

Show Notes

0:00 Introduction

2:25 Computers

• Amy: MacBook Pro 15" 2018, 2TB and 32G RAM
• James: MacBook Pro 15" 2018, 512MB and 16G RAM

6:33 Mice and Keywords

• Apple Magic Mouse
• Apple Track Pad
• Apple Magic Keyboard
• Logitech M570 Wireless Trackball Mouse
• Logitech MX3

10:50 Desks

• James: Jarvis Adjustable Standing Desk from Fully, 72"x36"
• Amy: Autonomous Smart Desk Pro 70.5"x30"

12:13 Office Chairs

• Autonomous Ergo Stool
• Autonomous Ergo Chair Pro
• Ikea Office Chair

13:42 Cable Management

• Cable Ties
• Wire Tray
• Cable Box
• Cable Tray for Autonomous Desk
• Rubber Cable Holders
• White Gaff tape
• Velcro Wrap

15:25 Docks / Hubs

• Cal Digit TS3 USB Hub
• USB Hub

17:49 Monitors

• James: Two 27" LG Monitors
• Monitor for 2 Monitors
• Amy: 49" Samsung Ultrawide Monitor
• Ergotron Monitor Arm
• Ergotron HX Heavy-Duty Tilt Pivot – Add-on for HX Monitor Arm
• 12 South Arc
• 12 South HiRise Stand (for iPhone)

20:19 Sponsor: ZEAL

23:15 Cameras and Recording Gear

• Amy: Nikon Z6
• Nikon Z6 Film Maker's Kit
• James: Canon M50
• Sigma f1.4 16mm
• Elgato Cam Link
• Atomos Ninja
• Nikon 24mm - 70mm Kit Lens
• Think Media YouTube Channel for Gear and Camera Recommendations

28:12 Audio Equipment

• Amy: Rode Podcaster Mic
• Scotch.io
• @chris_sev on Twitter
• Shure SM 7B
• Pre Amp
• Audio Interface
• Rode Swivel Arm

32:09 Lighting

• Elgato Key Light
• Cheap Softbox Kit
• Ring Light

34:10 Sponsor: Vercel

• Next.js
• Next.js 11 Announcement
• Next.js Conf

35:12 External Storage

• SanDisk 2TB Ruggedized Drive
• Seagate Passport Drive
• Western Digital Passport Drives
• Synology NAS Drive

39:45 Extra Peripherals

• Remarkable Tablet 2
• Wireless Bose Headphones
• Stream Deck from Elgato
• BenQ Light
• Foot Rest / Calf Stretcher
• Air Pods Pro
• Wacom Tablet
• Astro Pad app on iPad
• Anchor Wireless Charger
• Ember Mug

43:38 Grab Bag Questions: What is the next thing you'll change in your setup?

45:26 Picks and Plugs

45:38 Amy's Plug: Learn Build Teach Discord Server

46:20 Amy's Pick: Storage Caddy

47:04 James's Pick: Readme.so

• Katherine Peterson on Twitter
• Katherine Peterson on James's Twitch Stream

48:20 James's Plug: James Q Quick on YouTube Channel

• Using Async Await
• Svelte Crash Course

In Episode 182, hosts James and Amy delve into the intricacies of React Server Components (RSCs) and the challenges of building multi-step forms. They discuss the latest developments in RSCs, including the implementation in RedwoodJS, and share insights on managing state and validations in multi-step forms. Throughout, the hosts offer practical advice and technical deep dives, making complex topics accessible and engaging.

Sponsors

Postman

Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.

Attend their upcoming conference, April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.

Show Notes

00:00:00 Intro

00:00:40 Sponsored by Postman

00:02:07 React Server Components

00:03:12 Deep dive into RSC and Redwood JS implementation details

00:04:23 Explanation of React Server Components ecosystem and challenges

• Theo's YouTube Video: The Truth About React Server Components 
• Ben Holmes and Dan Abramov Stream: Dan Abramov explores React Server Components with us!
• Episode 71: Secret Things, Env Vars, How to Handle API Keys Correctly

00:36:03 Transition to multi-step forms and their complexities

00:37:05 Strategies for handling form state and validation

00:45:28 Detailed considerations for different form steps and data handling

00:55:49 Picks and Plugs

• Amy's Pick: Full House on Hulu and HBO Max, Fuller House on Netflix
• Amy's Plug: Two Week Build
• James's Pick: Baking Sheet, Mat, and Cooling Rack Set
• James's Plug: Learn, Build, Teach Discord
• The Happiness Lab Podcast: Episode - Where Everybody Knows Your Name

In this episode, Amy and James share all their goals for 2022, including 2 big announcements for Compressed.fm!

Sponsors

Vercel

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 hiring!

ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.

ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.

For more information visit softwareresidency.com/careers

DatoCMS

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

Show Notes

• 0:00 Introduction
• 4:23 12 Projects in 12 Months
• 6:03 Personal Branding
• 7:37 Community
• 9:30 Everything Svelte
• 10:32 Project Files to Sell
• 11:43 Sponsor: ZEAL
• 12:35 Compressed.fm
• 14:13 Open Source Projects
  • Episode 28 - Web Dev Weekly Crossover Episode
  • Brad Garropy - npm Video
• 15:32 Advent of CSS / Advent of JavaScript
• 17:55 Frontend Blitz
• 20:14 Doubling Down on Content Creation
• 25:34 Sponsor - DatoCMS
• 26:27 Compressed.fm Podcast
• 27:47 Non-Tech Goals
  • Illustration Course by The Futur
  • Chris Do on Instagram
  • Building a Brand Playlist on YouTube
  • Copy School
  • Resources by Joana Wiebe
• 35:23 James's Four Core Pillars
• 38:41 Paid Content
• 40:04 Sponsor: Vercel
• 41:10 Building a Domain-ed App
• 42:42 YouTube Content
• 44:18 Grab Bag Questions
• 44:28 Question #1: Guest Speakers, More Live Episodes, and Swag
• 44:39 Question #2: Any Plans for Design Centered Topics: Design Thinking, Typography, UI UX, Design, Design Systems?
• 45:50 Question #3: What recommendations do you have for frontend developers looking to lean the backend to become a full-stack developer?
  • Scott Tolinski
  • Wes Bos
  • beginnerjavascript.com
  • Web Developer Bootcamp by Colt Steele
• 47:49 Question #4: How do you focus on learning with so many resources? How do you vet resources for learning? When do you re-evaluate goals? When you were doing your planning for this year, what kind of thought process did you have from an organization standpoint?
  • Virtual Coffee
  • August Bradley
  • Wandering Aimfully
• 53:26 Picks and Plugs
• 53:36 Amy's Picks: Whooshi Wipes
• 54:04 Amy's Plug: Everything Svelte
• 54:50 James's Pick: Floating Ball
• 55:41 James's Plug: Everything Svelte