88 | Breaking into Dev Rel featuring Tessa Mero

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

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

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

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

Natalia joins James and Amy and explains Composable Decoupled Frontends and her work at Microsoft. Show Notes 00:00 Introduction 01:01 Welcome Natalia 05:17 Java Script on Azure 07:44 Composable Decoupled Front Ends 15:53 Purpose of API Gateway 19:41 Logging and Air Tracking 20:50 Functions 25:18 Integrations With GitHub Actions 27:56 Serverless 29:02 The Edge 31:26 microfrontend.dev 36:18 Content Creation 39:12 Career Success 42:08 Picks and Plugs

Alan joins James and Amy to discuss the need that led to Ngrok and all of the features it has to offer. Show Notes 00:00 Introduction 00:40 Welcome Alan 01:21 Uses for Ngrok 05:37 Alan’s Engineering Experience and Processes 10:12 Backstory of Ngrok 12:47 Building A Brand and Growing a Business 16:27 Funding 19:58 Barriers of Entry, Innovations of AI, and What Is To Come 23:59 Behind the Scenes of Ngrok 34:03 Demos and Cool Features

In this episode we discuss ChatGPT and all things AI. Where is this going? Show Notes 00:00 Introduction 00:44 Initial Thoughts on AI 02:18 Open AI vs ChatGPT 04:20 Differences in GPT Models 07:59 Helpful Chat Tips 10:23 Companies Using AI Features 14:58 Cost 15:57 Astro 17:53 Zeta 22:03 Feed Hive 23:57 Notion 26:03 Price of Products 27:37 Products for Content Creation 31:22 Vercel 34:05 How do we use AI? 41:20 Is ChatGPT going to replace your job? 48:23 Picks and Plugs

Kaneohe and Knut join the podcast to talk about all the features of sanity as well as new technologies that they are excited about. Show Notes 00:00 Introduction 00:37 Welcome Kapehe and Knut 02:00 Getting Into Sanity 06:10 GROQ 07:24 Favorite Features 18:59 Leveraging TypeScript 21:45 Where To Learn New Technologies 25:38 V3 Updates 28:04 AI? 29:32 Communities 31:36 Plug Ins 33:27 Outside Technologies 37:21 Getting Into Tech Journey 43:13 Markdown Soapbox 46:07 Portable Text 47:10 Last Thoughts On Sanity 49:12 Picks and Plugs

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

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

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

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

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

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

Michael gives some insider tips on how to get your first conference speaking gig as well as highlighting the Momentum conference. 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:56 Sponsor: Daily.dev 01:44 Welcome Michael and Kroger 06:29 Momentum Conference 14:12 Submitting for a Conference and Choosing Speakers 19:48 What Talks are at Momentum 24:05 Culture of Momentum 28:41 Single Track vs Multi Track and Expanding To Multi-day 32:35 Tech Behind Momentum 38:01 Conference Meetups and Getting Started 45:03 Picks and Plugs

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

Nick joins James to discuss why authentication is so important and why passwords might not be the best solution. Show Notes 00:00 Introduction 00:49 Welcome Nick and Background 03:25 Difficulty with Passwords and Security 09:37 Multi-Factor Authentication 16:24 Passwordless 24:43 YubiKeys 25:14 Finger Print Series 27:05 Extreme Circumstances 35:03 Who is it easier for? 37:47 Passage Integration

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

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

Ely joins James and Amy to discuss testing and how to use Cypress for testing. 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:37 Sponsor: Daily.de 01:24 Welcome Ely 02:09 Creating Online Connections 03:40 Using Cyprus for Testing 06:47 Testing Pyramid 09:29 Framework Specifics 14:30 Getting Into Cyprus 19:17 Using Mocha 21:42 Cyprus and Playwright 26:40 Head of Developer Relations 31:56 Role Transitions and Consuming Content 37:32 Future excitement and AI 44: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

Jonathan Wilke joins to talk about his building products, favorite developer tools, and his personal side project, Supastarter. 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:09 Welcome Jonathan 02:23 Full Time Job and Side Projects 06:40 Iterations of Tools 08:51 What is Superstarter? 16:09 T3 Starter 18:07 Building Stuff In 24:41 Pricing 34:58 Sponsor: Daily.dev 35:59 Marketing Strategy 41:37 Tech Stack 42:57 Stripe Integration 44:43 Developer Connection 50:25 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

Ben joins James and Amy to showcase all the wonderful things you can do with Astro as well as to have some fun. 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:53 Welcome Ben and Astro 07:10 Funding and Roles 11:38 What is Astro? 17:40 When to not use Astro? 21:12 Sponsor: Hashnode 21:27 1.0 Launch 23:23 Money Strategy 25:18 Astro for Full Stack 35:49 Sposor: Daily.dev 36:49 Front Matter 41:08 Picks and Plugs

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

Todd discusses the importance and the logistics of making sure that what you code is accessible to all users. 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. 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 01:12 Welcome Todd 03:04 Calling Out Accessibility 11:04 Personal Connections 14:34 Sponsor: RapidAPI 15:35 Why Have Alt Text 23:03 Placeholders 33:04 Accessibility Across Platforms 37:42 Sponsor: Storyblock 38:27 Todd's Community Involvement 43:53 Picks and Plugs

Juri joins James and Amy to discuss Monorepos and the benefits of using them on your projects as well as his work at Nrwl. 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. 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 01:24 What is a Monorepo? 09:37 How to Manage with Yarn or NX? 11:57 Where does the cash live? 13:11 Setting up a Workspace 15:18 Linking Repos 20:35 MPM Links 22:22 Sponsor: RapidAPI 23:21 Managing PRs with Large Teams 27:55 What does Nrwl do? 30:29 Juri's Communities 34:26 Lerna for MPM Libraries 36:02 Sponsor: Storyblock 36:47 Juri's Career and Management Roles 41:37 Picks and Plugs

Moe joins James and Amy to discuss his work with Buildable. 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 Introduction 01:07 Welcome Moe 02:58 The Road to JavaScript 06:36 Why build Buildable? 11:56 Current Stages of Buildables 16:56 Use Cases 20:28 Differences in Zapier and Buildable 22:14 Basics of Message Processing 35:10 Sponsor: RapidAPI 36:09 Goals for Starting Your Company 41:18 Picks and Pulgs

Brad and Amy discuss some of their favorite new features in Node.js and how you can get the most out of them. 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 Introduction 00:45 Crazy Remix News 05:00 Intro to Node.js 07:09 Node Versions 09:45 Support for ES Modules 13:30 Important Assertions 15:03 Sponsor: DatoCMS 15:56 Running an HTTP Server 17:03 Read and Write Files 18:28 UUID 19:41 Fetch API 22:00 CLI 23:31 Test Runner 24:15 Watch Mode 25:19 Sponsor: ZEAL 26:11 Performance Profiling 27:07 Other Scripts We've Written 35:09 Sponsor: Vercell 36:15 Picks and Plugs

Brad, Amy, and James, talk with Erik about the things he’s been building for Twitch and how to excell in the developer world. 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:42 Welcome Erik 03:07 Value of a Degree 06:32 Favorite Stacks 12:24 Thoughts on Svelte and Angular 16:38 Streaming and Tools 21:45 Twitch Backend 24:01 Sponsor: Hashnode 24:46 Hosting Solutions 38:21 Sponsor: Daily.dev 39:21 Eriks Following 45:24 Learn Do Teach Uplift 48:20 Picks and Plugs

Brad and Amy discuss different testing methods and the importance of properly tested code. 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 Introduction 00:46 Brads New Position 02:20 Intro to Testing and TDD 04:15 Types of Testing 09:04 Testing Trophy 12:16 Static Testing 13:53 Unit Testing 19:33 Code Coverage 21:55 Sponsor: DatoCMS 22:50 Integration Testing 28:20 Mock and Spies 34:09 Sponsor: ZEAL 35:02 End to End Testing 37:45 Database Seating 49:53 Accessibility 52:18 Sponsor: Vercell 53:25 Picks and Plugs

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

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

Max discusses his start in coding as well as his work with Homebrew and his love for Open-source. 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 Max's Career Highlight 05:54 Building an App in the Open 08:23 Homebrew Package Manager 13:25 Why so Many Package Managers? 19:12 What Makes Homebrew Standout? 24:15 Sponsor: Hashnode 25:01 Idea for Homebrew 28:15 Language Package Managers 28:59 Money Talk 39:53 Sponsor: Daily.dev 40:54 Distributing Sponsorship 45:26 Web3 in Tea 54:04 Update on Tea 57:46 Shoutouts

Rizel from GitHub discusses the benefits to learning in public as well as her favorite parts of different frameworks. 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:03 Welcome Rizel 01:51 GitHub Copilot 06:45 Code Spaces 11:10 Live Share in Code Spaces 14:14 Open Source 20:17 Brads Open Source Projects 23:58 Sponsor: Hashnode 24:45 Books and Video for Backend 28:17 Node JS Backend Job Market 29:39 Astro? 32:38 Sponsor: Daily.dev 33:39 Learning No-js 35:40 The Future of Technology 39:00 Picks and Plugs 43:22 Teaching to Communities 46:11 Uses of JavaScript

Josh joins on the podcast to discuss Pulumi, Copilot, and all the tech buzzwords. 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:15 Welcome Josh 02:23 Context of Preview Deploys 05:50 Does the stack matter? 11:48 Developer Experience Marketing 13:29 Why Remix? 21:24 Sponsor: Hashnode 22:09 Why Prisma and ORM? 29:19 Pulumi 32:04 Copilot 34:20 Bring Your Own Stack 38:07 Sponsor: Daily.dev 39:07 Maintaining Costs 40:06 Termial Set Up 45:30 Picks and Plugs

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.

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

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

Edan discusses personal and professional challenges he faced throughout his transition into a tech career. 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:11 Who is Eden? 03:10 Development Experience 04:59 Learning in School 09:23 Handling Energy 12:39 Starting Your Agency 15:39 Learning Necessary Ecosystems 20:18 Progression of Tools 26:16 WordPress and Hosting 29:21 Benefits and WordPress 34:03 Sponsor: Daily.dev 35:03 Side Projects 42:17 Being Late to the Game 46:25 Sponsor: Hashnode 47:10 Important Communities 53:18 Picks and Plugs

Hassan discusses his inspiration for Nuna and his philosophy behind coding. 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 Welcome Hassan 02:29 Hassan at Prisma Day 05:49 JOMO 09:38 Stoicism 16:45 Stoicism in Programming 23:10 Sponsor: Hashnode 23:56 Building a Team 30:33 About Nuna 36:31 Privacy with Nuna 37:28 Sponsor: Daily.dev 38:29 Nuna Tech Stack 40:33 Moving the Bot to Serverless 42:59 Will Serverless Stay Cheap? 45:13 Preact JS Pitch 47:26 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

Kenny joins us to discuss the uses for Plasmic and the advantages of its integration features. 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:19 About Kenny 02:20 Engineer vs Advocate 03:49 Rotating Roles 05:40 Code Components in Plasmic 06:56 How is Plasmic Different? 09:50 Integration With Other Headless CMS 12:01 Using Components 13:50 Teaching With Low Code 17:03 Enabling Developers 19:16 Integration 24:24 Sponsor: Hashnode 25:10 Interest in Jamstack 31:19 Other Favorite? 36:46 Sponsor: Daily.dev 37:47 Picks and Plugs

Amy discusses with James his recent job change and how he plans to move forward in full time content creation. 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 Introduction 00:54 James's Big Change 04:54 Diversifying Content 07:05 Full Time Content vs Full Time Dev 09:19 Being Your Own Boss 11:04 Running Workshops 13:03 Sponsor: DatoCMS 13:57 Feeding the Beast 19:05 Process Changes 20:33 Where to Start? 23:23 Bad First Pancake 25:24 Watching the Numbers 26:33 Imposter Syndrome 28:42 Sponsor: ZEAL 29:36 Sponsored Rap 30:12 Monthly Retainers and Freelance Dev Rel 31:10 End Goal 32:59 Is this freelance Dev Rel? 33:37 Sponsor: Vercel 34:44 Picks and Plugs

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

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

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

In this episode James Perkins talks about unexpected job changes and what it’s like to work for start-ups. 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 - Intro 03:08 - Creating Content for Companies You Like 05:57 - Startups: Phases and Funding 08:08 - Layoffs 11:32 - Startups and Unicorns 15:30 - Payouts and Stock Options 21:36 - Sponsor: Hashnode 22:22 - Risky Startups 28:26 - Black Market Share Deals 30:45 - Where to find startup jobs 36:19 - Job Confidence 42:49 - Sponsor: Daily.Dev 43:50 - Don't Burn Bridges 48:16 - Final Thoughts and Community Shoutouts

In this episode, James and Amy talk about the Chrome Developer Tools including familiar tabs like Elements, Console, Network, and a few you've probably never heard of! They also share some of their favorite tips and tricks along the way. 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 answer questions from the audience about Github Copilot, modern frameworks, Serverless vs Express.js, PlanetScale vs Supabase vs Firebase, and more! 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:16 - Github Copilot Controversy 00:15:08 - Sponsor: DatoCMS 00:16:02 - Thoughts on Next JS,Redwood, Remix, and More 00:23:27 - Sponsor: ZEAL 00:24:22 - Desk Cable Management  00:30:25 - Serverless vs Express.js 00:34:50 - Prisma and PlanetScale 00:37:17 - Sponsor:  Vercel 00:38:24 - Script for YouTube Images 00:39:42 - PlanetScale vs Firebase vs Supabase

In this episode, James talks about his experience using SvelteKit to re-create the famous guessing game, Wordle. 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

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/

Anthony Campolo (AJC) joins us to talk about leveraging blockchain infrastructure for decentralized Web3 applications and his experience working as a Developer Advocate at QuickNode. 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:04:06 - Bootcamp Experiences 00:09:59  - Sponsor Shoutout: Hashnode 00:10:45 - Experience Working on the Core Team of Redwood.js 00:18:09 - Sponsor Shoutout: Daily.dev 00:19:10 - Defining Web3, Blockchain, and Cryptocurrencies 00:27:24 - What is QuickNode? - Blockchain API and Node Infrastructure 00:28:54  - The Future of Web3? 00:35:48 - Building a Hello World Smart Contract 00:43:04 - Closing Thoughts on Web3 and the Blockchain Links Anthony on Twitter - https://twitter.com/ajcwebdev QuickNode - https://www.quicknode.com/ How to Create a dApp on Avalanche's Fuji Testnet with QuickNode: https://www.quicknode.com/guides/web3-sdks/how-to-create-a-dapp-on-avalanches-fuji-testnet-with-quicknode A First Look at Deploying Smart Contracts: https://www.youtube.com/watch?v=RvvMWGPJVUI A Crash Course in Web3 for Web2 Developers: https://youtube.com/watch?v=kl5nNRKemkY

James and Amy discuss common accessibility mistakes that you should avoid in your web applications. 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

Corbin Crutchley joins to talk about how to learn Frontend Frameworks better with his upcoming eBook The Framework Field Guide, https://unicorn-utterances.com/collections/framework-field-guide.  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 Unicorn Utterances - https://unicorn-utterances.com/ Framework Guide - https://unicorn-utterances.com/collections/framework-field-guide Accelerating Angular Development with Ivy - https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215 Learning TypeScript from Josh Goldbergy - https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331 Brad Garropy - https://bradgarropy.com/ 00:00:00 - Welcome and Intros 00:02:12 - Awkward Question of the Day and Rants 00:07:18 - Background in Writing and Content Creation 00:11:19 - Imposter Syndrome as a Writer 00:15:01 - Sponsor Daily.dev 00:16:02 - The Framework Field Guide - Learning the Core of Frontend Frameworks 00:23:36 - Comparing Modern Frontend Frameworks 00:27:42 - Sponsor Hashnode 00:28:28 - The Tech Stack Behind the Book 00:33:36 - Why Create a Free Book 00:41:21 - Future Content Goals 00:50:55 - Picks and Plugs

Deno team member, Luca Casonato, joins to talk about Deno, a new JavaScript runtime, and Fresh, a next generation web framework, built for speed, reliability, and simplicity. **This is a feed swap episode with  PodRocket -- a web development podcast from LogRocket. Every week, PodRocket gets you up to speed on everything happening in the world of web development through in-depth interviews with experienced engineers. Join LogRocket's Cofounder, Ben Edelstein, and members of the LogRocket engineering team as they interview experienced developers about the best, worst, and newest aspects of all your favorite libraries, frameworks, and technologies. If you enjoy this episode, please be sure to check out PodRocket!** Links and Resources Fresh docs Islands Architecture Deno’s Discord Luca Casonato – Twitter Podrocket Podcast Show Notes 00:00:00 - Intros 00:01:10 - What is Deno 00:08:27 - Fresh - The Modern Web framework Built for Speed, Reliability, and Simplicity 00:13:57 - Islands Architecture 00:18:31 - Fresh Project Structure and Breakdown 00:25:47 - Upcoming Exciting Tech 00:29:54 - Wrap Up

Adam Bradley joins to talk about some amazing new projects to help increase performance and productivity in Web Development: Partytown, Qwik, and Builder.io. 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 - Intros 00:00:52 - Adam Bradley Introductions, Origins of Stencil and Ionic 00:08:16 - Qwik Performance Overview 00:15:31 - Sponsor Shoutout - Daily.dev 00:16:32 - Intelligent JavaScript Bundling and Prefetching 00:24:26 - Qwik vs Astro 00:29:40 - Sponsor Shoutout: Hashnode 00:30:26 - Learning in Modern Web Development 00:33:18 - Web Workers and Partytown 00:45:07 - Builder.io - "Drag and Drop on Your Tech Stack"

James and Amy talk about everything Serverless and how it fits into modern Web Development. They discuss Serverless Functions, hosting platforms (Netlify, Vercel, and Cloudflare), frameworks and tools, benefits, Edge Functions, and more. 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:00:45 - What Have We Been Up To 00:05:35 - Rant: Should You Leave Comments in Your Code?! 00:10:23 - Overview of Serverless 00:15:00 - Sponsor: Vercel 00:21:00 - Sponsor: Zeal 00:21:53 - Overview of the Jamstack and Serverless Functions 00:35:27 - Sponsor DatoCMS 00:37:32 - Benefits of Serverless 00:45:41 - Edge Computing 00:51:02 - Grab Bag Questions 01:01:49 - Picks and Plugs

Colby Fayock joins the show to talk about his developer background, experience as a Content Creator, and his role as a Developer Advocate at Cloudinary. 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

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

In this episode, James shares all the juicy details about Developer Relations / Developer Advocacy / Technical Evangelism and all the things that happen behind the scenes. 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 2:50 "Not" Parenting Rant 3:56 Spending Time with Remix 5:14 Remix vs Next.js 7:09 Remix vs Next.js Article 9:01 How James Got His First Developer Advocacy Role 12:10 Sponsor: Vercel 13:18 Working at Microsoft as a Technical Evangelist 18:17 Why Content Creation is Important 19:54 Difference Between Technical Evangelism and Developer Advocacy 22:05 Tech Is More Than Just Software Development 23:00 Sponsor: DatoCMS 23:54 Moving to New York City 24:50 The Impact of Student Hackathons 27:22 James Meets Tom Holland 31:04 Learn Build Teach 31:28 Speaking in Public 34:20 Sponsor: ZEAL 35:05 Technical Experience at FedEx 40:10 Transitioning Back to Developer Advocacy 42:23 Downside of Developer Advocacy 47:34 Grab Bag Questions 47:46 What are two challenges faced by developer advocates? 42:10 What has been the hardest challenge when building a community and how did you address it? What do you like the most and the least about Developer Advocacy? 55:44 What advice would you give to become a Developer Advocate? 56:36 How much time do you spend building stuff versus marketing versus documentation? 58:14 Picks and Plugs 52:24 James's Pick: Ryobi Battery Powered Weed-Eater 1:00:10 James's Pick: James Q Quick on YouTube  01:00:21 Amy's Pick - Book: Story Worthy 01:01:15 Amy's Plug: SelfTeach.me on Twitch

Our featured guest for this episode is Nadar Dabit. He explains blockchain, decentralization, Web3, its future, volatility, and how you might get started in this space. 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 0:31 Nader Dabit Intro and Working in Dev Rel 4:19 What is web3 and why the shift to web3? 10:12 Sponsor: Hashnode 10:58 GraphQL in Web3 12:23 What Does Decentralized Mean? 16:33 The Business Model of Web3 18:20 What is the Blockchain 25:46 Sponsor: Daily.dev 26:47 Volatility in Web3 29:07 The Difficulty of Finding Developers in the Web3 Space 30:04 Nader's Thoughts on the Future 34:04 How Web3 Affects Content Creators 35:14 Wrap Up

In this episode, 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, 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, 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, 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 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

This episode features Allan Villa. He transitioned into tech by teaching himself how to code in seven months and then landed his first job in tech. 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:05 Introducing Allan Vila 6:20 What curriculum did you use to learn? 8:06 100 Devs #100Devs Show Your Work 13:10 Sponsor: Vercel 14:18 Where did you get started when you were trying to learn? 18:23 Preferred Method of Styling CSS Tricks - Specifics on Specificity 24:53 Sponsor: ZEAL 25:38 Working on Personal Projects 30:37 Leveraging Code 34:59 Sponsor: DatoCMS 35:52 Blogging A Hired Imposter's Secrets 42:11 Dropping Bars 45:17 Pineapple Pizza

This episode features Ken Jones, his side project Birdables that's he's turned into an NFT and printed actual trading cards. Ken also runs a small web agency and builds websites in various technologies. 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:36 Introducing Ken Jones 1:57 Birdables 3:14 Process of Creating the Cards Print of Figma Tiny Image Compressor 5:48 Getting the Cards Printed 9:12 NFTs and Minting the Cards Open Sea 13:09 Working with SvelteKit pnpm 17:29 Sponsor: Hashnode 18:15 No Code / Low Code Tools Webflow Netlify Bubble 27:29 Sponsor: Daily.dev 28:29 Determining which tech stack is best for a specific project 30:42 Niche Marketing and Tracking Users Brennan Dunn Drip Mastering ConvertKit Right Message 35:45 Client Process 38:48 Wrapping Up Svelte Sirens Everything Svelte

In this episode, Amy and James talk about the process of validating an application idea, planning it out, and determining which features get built first. 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

In this episode, our guest, Swyx talks about how part-time creators have an advantage over full-time content creators, leading indicators when creating content, networking and engaging with your audience, and creating luck. 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:06 Introducing Swyx Coding Career Handbook Part-Time Creator Manifesto 3:28 Why Writing? 7:16 Priority and Time 9:45 Better to be Part-Time Creator than a Full-Time Creator 12:16 Do you set up a business entity? 13:22 Consistency 16:49 Lower the Barrier to Entry 20:16 Sponsor: Daily.dev 21:17 How much do you pay attention to growth? 22:37 What is the leading indicator? Second Brain 24:17 Engaging with your Audience 25:24 Ratio of One for me, One for Them 31:44 Networking 34:43 Niching 37:18 Sponsor: Hashnode 38:04 What's a sustainable action plan for part-time content creation 40:23 Getting your stuff stolen 41:41 Creating Luck 48:31 Community Shout outs Monica Lent: Blogging for Devs Coding Career on Twitter

In this episode, James explains how he built a custom Discord Bot for the Learn Build Teach Community that allows users to give out kudos for learning, building, or teaching. 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

This episode features Nikolas Burke, Head of Dev Rel at Prisma. Prisma is an abstraction layer for managing and interacting with your database. 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:59 Parenting Tips and Quick Rants 5:11 Frontend Developers Becoming Backend / Full Stack 7:47 What is an ORM and Why does it Make Working with Databases More Accessible? 16:53 Differences with Prisma 21:37 Sponsor : Daily.dev 22:38 Speed of Working with Prisma 23:43 Migrations 26:51 Prisma Commands 33:42 Sponsor: Hashnode 34:27 Prisma: Under the Hood KeystoneJS on Level Up Tutorials Episode 54: Why RedwoodJS is the App Framework for Startups with David Price Amplication Episode 59: Let's be Animated 41:52 Final Thoughts 44:41 How should people get started with Prisma?

In this episode, Amy and James share 61 of their favorite apps for web design, development, and boosting productivity. 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, 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

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

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

In this episode, James and Amy, explain all the buzz words: authentication, authorization, JWTs, sessions, and cookies. And what's the best implementation for your site? 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

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

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

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

In this episode, Amy and James share some of their favorite keyboard shortcuts and workflows for using within VS Code. 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

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?

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

In our very first guest episode, Brian Douglas, Director of Developer Advocacy at GitHub, joins us to talk about Open Source projects and the benefits of contributing. 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, Amy and James cover the Terminal: commands to use, shortcuts, and power features. 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 0:00 Introduction 7:31 What is the terminal? 11:34 Difference between Mac/Linux and Windows 13:24 Basic Commands 13:38 Navigating Directories 15:23 cd ls 18:06 Education of Different Flags 20:04 Sponsor: DatoCMS 21:11 Creating a file in Linux 21:45 Move or Rename 22:11 Copy and Remove 23:21 Wes Bos Trash Plugin 23:56 echo 24:47 wc 25:20 Clear Terminal 26:10 pwd 26:35 Quit Commands 27:20 Grep Command 29:44 Sponsor: ZEAL 30:38 Sudo 32:50 chmod Command 37:06 Pipes 38:50 Sponsor: Vercel 39:57 Tail and Head 41:04 Diff Command 41:27 Tar and Zip 42:48 SSH and SEP 43:11 vi/vim, nano 47:10 npm 47:31 People that use cli 48:57 Hyper Terminal Built on Electron 49:34 Command Line Power User Course from Wes Bos 50:09 zsh + bash 52:20 Grab Bag Questions - Tweet Us @compressedfm! 52:45 Picks and Plugs 52:59 James's Pick: Portable Charger 54:29 James's Plug: James Q Quick on YouTube 54:51 Amy's Pick: The Whistler by John Grisham 55:14 Amy's Plug: Level Up Tutorials Course on Keystone and Tailwind

In this episode, James and Amy talk about all the ways that you can make money online, as a developer. This includes everything from content creation, to sponsored content, to creating a SaaS, to freelancing. 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:20 Software Development 5:26 Changing Companies and Salary 7:22 Sponsor: ZEAL 8:15 Freelancing 9:29 Previous Freelance Episodes Episode 6: Freelancing (Part 1) Episode 7: Freelancing (Part 2) Episode 29: Freelancing IRL: Unveiling a Site Redesign 11:16 Learning Opportunities with Freelance 14:02 Making and Selling Software 17:13 Lead Magnets 18:36 Content Creation 18:52 YouTube AdSense 19:59 Sponsored Videos 21:10 Sponsor: DatoCMS 22:03 Income from Sponsors 23:30 Patreon 26:35 Sponsor: Vercel 27:42 Writing Articles 30:21 eBook 32:22 Creating Courses 33:23 Expanding Your Community 35:05 Consulting, Coaching, and Mentoring 37:50 Grab Bag Questions 38:03 Question: How much do you consult your full-time employer about side gigs? 41:44 Picks and Plugs 41:55 Amy's Pick - MonsDRAWsity 42:48 Amy's Plug - Everything Svelte 43:21 James's Pick: How I Met Your Father 44:16 James's Plug: James Q Quick's YouTube

This episode is all about hooks within React: useState, useEffect, useReducer, useContext, useRef, useMemo, and useCallback. 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:55 What was before React Hooks 5:14 Class Based Components 5:28 Functional Components 6:19 Experience with Classes 9:14 Benefits of React Hooks 11:31 useState 16:17 Sponsor: DatoCMS 17:11 useEffect 22:37 useReducer 29:22 useContext 32:42 Sponsor: ZEAL 33:34 useRef 35:42 useMemo Web Dev Simplified, useMemo in 10 Minutes Ben Awad 39:08 useCallback Web Dev Simplified, useCallback in 8 Minutes Ben Awad 41:15 Sponsor: Vercel 42:08 Grab Bag Questions 42:27 Question #1: useState vs useContext 44:28 Question #2: How can we pause rendering? 46:51 Question #3: useRef vs. useState and in what condition will useState cause an infinite loop? 48:19 Question #4: Do you actually use useCallback and useMemo? 49:44 Question #5: What are some powerful ways you guys have used custom hooks within React? Custom Audio Player on YouTube 51:44 Question #5: Forms with mobX, useState, mvvm, and Validation 52:50 Picks and Plugs 53:01 Amy's Pick: Paper Like Screen Protector 53:26 Amy's Plug: SelfTeach.me YouTube Channel 53:37 James's Pick: iPad Keyboard Case 54:52 James's Plug: James Q Quick on YouTube

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

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

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

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

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

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 the future of web development: Astro, Vite, Supabase, SvelteKit, Redwood.js, Blitz.js, GitHub Co-Pilot, Web Assembly, Blockchain, w3, no-code, and low-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 Opryland Hotel 3:24 Astro.build 9:33 Veet 13:29 Sponsor: DatoCMS 14:22 Supabase 17:20 Remix.run 19:26 MacBook Pro 22:57 NAS Drive 26:45 Sponsor: Vercel 27:54 SvelteKit 30:17 Next32:55 Redwood.js and Blitz.js 36:52 Blockchain and W3 37:58 Web Assembly 40:38 TypeScript Episode #32: Getting Started with TypeScript 42:05 Sponsor: ZEAL 43:36 Automated Testing 44:25 No-Code / Low-Code Solutions Episode #13: The Future of Code with No Code 47:09 GitHub CoPilot 48:45 Go 49:55 Grab Bag Questions 50:10 Question #1: What has staying power? How do we know what to stay focused on? 51:47 Question #2: What do you think about low code platforms? 52:53 Question #3: What will the future of JAMstack look like as some of these new libraries and frameworks gain traction? 53:40 Question #4: Will Svelte, Rust, Solidity, W3, and React Server components take over? 54:57 Question #5: Do you think more technologies like GitHub CoPilot, where AI helps you write code become more prominent? 56:15 Picks and Plugs 56:25 James's Plug: Heater Lamps 57:42 James's Plug: Advent of JavaScript 58:09 Amy's Plug: 3 Prong Car Charger 58:44 Amy's Plug: Advent of CSS

This episode is full of picks! Amy and James talk about all of their favorite things, just in time for the holidays. 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:32 Under $5 Random Frank P on YouTube 5:09 Screen Cleaner 5:41 Sidewinder 7:01 Animal Cord Clips 7:21 Cord Clips 7:36 iPhone Case by Thread Wallets 8:00 Magsafe iPhone Wallet by MOFT MOFT Laptop Stand 9:34 Anker Charger 10:21 Car Charger 10:37 Power Extension Cord 11:22 Charger with Tray 12:33 Carabiner with Clips 12:48 Gravel Travel Blanket 13:07 Water Bottles 13:22 Switch Pod 13:44 Sponsor: Vercel 14:52 Content Creation 15:14 Selfie Stick 15:45 Phone Mount for Selfie Stick (with Screw) 16:04 Ulanzi Ring Light 16:26 Lapel Mic 17:01 Zoom H1N 19:47 LED Accent Lights 20:26 Smart Home Device Alexa Google Home HomePod 20:45 Cameras from Wize 21:24 Game Controller for your Mobile Device 21:51 Starbucks, Peppermint Mocha Coffee 22:10 Cold Brew James's Cold Brew Maker Amy's Cold Brew Maker Real Good Coffee Co, Coffee Beans 24:17 Tech 24:22 Air Pods Pro 25:45 Ring Security System 26:29 Kindle 26:59 Smart Bulbs, Hue 27:41 Jet Pack Hot Spot 28:21 Nord VPN 28:25 Digital Photo Frame 29:10 Rooster Stand 29:36 SanDisk Ruggable Hard Drive 29:54 NAS Drive 30:34 Backblaze B2 Service 30:41 Smart Plugs 31:04 Raspberry Pi 31:52 Sponsor: DatoCMS 32:46 Bags 32:58 Peak Design Travel Backpack Everyday Carry Sling Tote Tech Pouch 34:48 Costco Backpack 35:17 Peak Slide: Camera Strap 35:27 DJI Osmo 35:40 Falcon Eyes Lights 35:58 Books Facebook the Inside Story Fast Company Wired Magazine Throne of Glass Series 36:51 Sponsor: ZEAL 38:22 Clothing 38:27 Stitch Fix 38:39 Goodr Sunglasses 39:33 Patagonia Micro Puff Jacket 39:57 Costco Parka 40:56 Fabletics 41:26 Grab Bag Questions 42:56 Picks and Plugs 43:12 Amy's Pick: Ultra Learning 45:23 Amy's Plug: Advent of CSS 45:39 James's Plug: Advent of JavaScript 45:48 James's Pick: Christmas Light Clips

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, Amy and James discuss all things SVGs: what is, why, and when to reach for it, and seven different ways to get an SVG on the page, and the pros and cons of each method. 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:50 What is an SVG? Raster vs Vector 6:21 Benefits to using an SVG Change the Size Small File Size Change the color within your code Easily Cached 9:51 Seven Different Ways to get an SVG on the Page 11:28 Sponsor - ZEAL 12:59 Option 1 - Image Tag 14:03 Option 2 - Inline SVG tag 15:53 Option 3 - CSS as a  background Image 16:18 Option 4 - CSS, as a Mask 18:20 Sponsor - Vercel 19:29 Option 5 - SVG directly within our Image tag 21:20 Option 6 - Base64 or UTF8 with as a CSS Background Image 21:47 Option 7 - An SVG Sprite 22:34 Writing your own SVGs 27:00 Going Deep on a Specific Topic, The Broken Comb 28:34 Resources Amy's SVG Series on YouTube Sarah Drasner - Course on Frontend Masters, SVG Essentials & Animation, v2 Sarah Drasner - SVG Animations: From Common UX Implementations to Complex Responsive Animation Chris Coyier - Practical SVG 29:19 Sponsor - DatoCMS 30:12 Grab Bag Questions 30:56 Picks and Plugs 31:07 Amy's Pick - Animal Cable Clips 32:00 Amy's Plug - Advent of CSS 32:32 James's Pick - Castle on Hulu 33:34 James's Plug - Advent of JavaScript

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

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, James and Amy discuss everything you need to know to get up and running with TypeScript: what is TypeScript, why use TypeScript, the basic types, and how and where to go 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 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 Episode #13 - No Code 3:27 What is TypeScript? 8:08 Sponsor - ZEAL 9:40 TypeScript and Bugs Kent C Dodds Testing JavaScript No Sweat ES Lint Introduction to Testing on YouTube 17:08 Sponsor - Vercel 18:15 Typescript within VS Code 19:49 How to Get Started? Linter Number Blocks on Netflix 23:03 Different Types String Number Boolean Enums enum roles {       Admin = "ADMIN",       User = "USER",       Member = "MEMBER", }// or enum roles {     Admin = 1,     User = 2,     Member = 3 } Tuples  let x: [string, number]; x = ["hello", 10]; // OK x = [10, "hello"]; // Error Any 28:45 Taking it to the Next Level: Types vs. Interfaces Types type person = {   firstName: 'Amy',   lastName: 'Dutton' } Interfaces  interface person {   firstName: 'Amy';   lastName: 'Dutton'; } 30:38 Sponsor: DatoCMS 31:32 Resources to get Started Learning TypeScript React and TypeScript, Getting Started Level Up Tutorials Level 1 TypeScript React and TypeScript for Everyone TypeScript in 50 Lessons When Should I use TypeScript (Feed Code Camp) 33:13 Grab Bag Questions 33:24 Types vs Interfaces 33:36 When is it appropriate to use TypeScript? 36:21 When is it a good idea to migrate a React project to TypeScript? 38:22 Which would you recommend? Going deeper on TypeScript or going deeper in React? 40:40 TypeScript vs JS Docs 42:32 Picks and Plugs 42:44 James's Pick - AirPods Pro 43:58 James's Plug -  Code Connector Group in Slack 44:29 James's Plug - Virtual Coffee in Slack 44:50 Amy's Pick - Pock App 45:39 Amy's Plug - Advent of JavaScript and Advent of CSS

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 discuss the state of WordPress in 2021. Is it still relevant? Is it worth learning? What does the developer experience look like? What does the future of WordPress hold? 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:37 Sponsor: DatoCMS 1:50 Week Updates 3:35 What is WordPress? 4:36 Does WordPress still matter in 2021? 6:05 The Difference between WordPress.com and WordPress.org 8:31 Page Builders Divi Elementor Beaver Builder 10:57 Creating a Custom Theme ahha-theme 12:20 Why WordPress has a bad rap? WordPress is Built on PHP Cowboy Coding, Spaghetti Code, and Script Kiddies The Developer Experience Open to Hackers 15:34 Sponsor: ZEAL 17:05 WordPress Community Advanced Custom Fields Gravity Forms WooCommerce Yoast WP DB Migrate Pro All-in-One WP Migration 23:12 Local Build vs. Production DeployBot MAMP Local 26:02 Hosting Flywheel WP Engine Bluehost HostGator Siteground Dreamhost Hostinger YouTube Video on James's Channel on Hostinger 34:07 The Future of WordPress Headless CMS with GraphQL 35:26 Sponsor: Vercel 36:34 Grab Bag Questions 37:00 Why does WordPress come with negative comments? Why does it have a bad rap? Should new developers invest in WordPress? 39:07 Where's the line for using someone else's widgets and making your own? 41:03 Picks and Plugs 41:18 Amy's Pick: Facebook, the Inside Story 42:25 Amy's Plug: SelfTeach.me on Twitch 42:47 James's Pick: Seat cushion 43:29 James's Plug: James Q Quick on YouTube

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

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

In this episode, we hear from 14 of our favorite content creators: their advice, thoughts on content creation, and how content has impacted their careers. 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:00 Brittney Postma Learn Build Teach Brittney's Website Svelte Society Purrfect.dev Podcast Brittney on Twitter 5:51 Shaundai Person Shaundai's Website Shaundai on Twitter 8:53 Ania Kubow Ania's YouTube Channel 11:39 Colleen Schnettler Deploy Empathy Software Social Podcast Simple File Upload Colleen on Twitter 14:47 Jason Lengstorf Learn with Jason Jason's Website 20:17 Sam Sycamore Sam on Twitter Hashnode Sam's Website 22:28 Sponsor: DatoCMS 23:21 Marie Poulin Marie's Website Marie on Twitter Marie's YouTube Channel Notion Mastery 28:26 Maya Bello Maya on Twitter Maya on YouTube 29:35 Sponsor: Vercel 30:42 Colby Fayock Colby's Website Colby on Twitter Colby's YouTube Channel 33:14 Jessica Chan Jessica's Blog Jessica's YouTube Channel Jessica on Twitter 35:13 Adam Wathan Adam's Website Adam on Twitter Adam on YouTube Tailwind CSS Refactoring UI The Practice, by Seth Godin 39:42 Sponsor: ZEAL 40:04 Brad Garropy Brad's Website Web Dev Weekly Brad on Twitter Brad's YouTube Channel 41:13 James Perkins Tina James's YouTube Channel James on Twitter Bryan Harris - Poster Boy Formula 48:51 Justin Jackson Transistor.fm Justin's Blog Justin on Twitter 52:14 Closing

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

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

Amy and James talk about starting their own YouTube Channels: the gear and workflows they use, how it has helped their careers, and how growth looks different for everyone. 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:41 What is your why Episode 20: Learning and Building in Public Simon Sinek: Start with Why 6:38 Why YouTube over another medium? 8:14 Just get started Clarity comes in doing Example: First Pancake 10:36 Gear Episode 14: Building the Perfect Desk Setup Screenflow QuickTime SnagIt iMovie 13:00 Sponsor - Vercel 14:13 Amy's Recording Workflow 15:58 James's Recording Workflow 17:45 Amy's Editing / Post Production Workflow Descript Premiere Epidemic Sound After Effects Envato Elements 19:10 James's Editing Workflow 21:28 Growth on YouTube 25:47 Sponsor - DatoCMS 26:41 YouTube Policies and Growth Metrics 30:41 Sponsor - ZEAL 32:10 Grab Bag Questions - Creating in a series vs. One-Off Videos 35:54 Picks and Plugs 36:18 James's Pick - Portable Screen Cleaner 38:20 James's Plug - jamesqquick on Twitter and #100daysofcode 39:28 Amy's Pick - Astropad 40:31 Amy's Plug - selfteachme on Twitch

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

In this episode, Amy and James talk about the interview process and how to land your first job in development, covering topics like what to expect, whiteboard interviews, questions to ask, are portfolios important, and tips and tricks. 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 0:47 Sponsor: ZEAL 4:30 Learning Resources Wes Bos Scott Tolinski at Level Up Tutorials Udemy Colt Steele Bootcamp 9:56 Pay attention to what you enjoy most Thoughts on niching down 12:52 Sponsor: DatoCMS 13:45 Be active in the community Code Connector Group Kyla Gregory on Twitter Learn Build Teach Discord Community 17:50 Learning and Building in Public Episode 20 - Learning and Building in Public 19:39 What to Expect in an Interview Behavioral Questions Come up with 3 Projects or Experiences to Answer Ask what to expect in the interview process Oliver Jumpertz on Twitter Answering "What's your greatest weakness?" Confidence within the Interview 23:00 Whiteboarding 26:59 Talking through how you think Blogging YouTube Channel 29:31 Do research on the company you're interviewing with Know the basics of what the product is or what the company does 30:06 Come with questions prepared! Team Structure? Built-in support system and mentors Career paths and opportunities for growth within the company 32:26 Grab Bag Questions 32:42 "What would you like to see from a candidate?" 36:50 "Are portfolios important?" James Cox 40:38 Sponsor: Vercel 41:52 "Am I ready for a real developer role?" Ask for feedback 47:11 Picks and Plugs 47:29 Amy's Pick: Collapsible Wagon 49:02 Amy's Plug - SelfTeach.me on Twitch Monday through Friday, 9-10 am CST 50:23 James's Pick: Fear Street on Netflix 51:00 James's Plug: James Q Quick on Twitch jqqmemes.com

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

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, Amy and James have a discovery call to discuss James's current website and branding. They talk about his current branding, the long-term direction James wants to take his website. 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 0:46 Purpose of a Rebrand 2:51 Assessing the Current Brand Assets 8:52 Brainstorming Infrastructure 11:20 Sponsor - ZEAL 12:49 Visual Inspiration Jason Lengstorf Wes Bos Josh w Comeau 20:26 Physical Collateral and Digital Asset Consideration 23:48 Sponsor - Vercel 25:00 More Visual Inspiration Superbase Amplication Episode 5 - Design Episode Coder Coder on YouTube Ania Kubow on YouTube Code Stacker on YouTube Simon from Feed Hive on Instagram 28:49 Creating brand consistency 29:12 Different sections of the website Joel Hooks and the Concept of a Digital Garden 32:27 Question - Handling Nitpicking and Too Many Chefs in the Kitchen 33:48 Leading the Client Episode 6 - Freelancing (Part 1) Episode 7 - Freelancing (Part 2) 34:44 Pricing 37:14 Picks and Plugs 37:31 James's Pick: Camera / Phone Mic - Rode Vide Micro 38:15 James's Plug - James Q Quick on YouTube 39:24 Amy's Pick - Fuse Reel Side Winder 40:10 Amy's Plug - Compressed.fm Podcast Newsletter 40:38 Official auth0 Rap Music Video auth0 Official Channel on YouTube

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

In this episode, Amy and James discuss Live Streaming: why do it? how do build a following? planning? editing? engagement techniques? best time to stream? and tooling? 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:11 Why Livestream? Debugging in VS Code SelfTeach.me Channel on YouTube 6:02 Sponsor: ZEAL 7:41 How do you build viewers? 9:32 What do you do post-production, post-marketing? 11:07 Do you plan everything out about what you will talk about? 12:56 Any advice for someone who wants to begin streaming their learning journey Splashley 17:09 Sponsor: Vercel 18:20 How did we learn how to video edit? 19:43 How do you decide whether something should be a stream or a YouTube video? 21:26 Scripting vs Outlining 24:57 What are your favorite engagement techniques? Helping people feel part of something Adapt based on the feedback and engagement within the chat Commands within the Twitch channel 29:00 When do you think is the best time to stream? 29:23 What are some of the special terms and lingo when streaming? 31:29 Handling audio on the stream with Loopback 31:57 Tools Stream Yard OBS [Stream Labs(https://streamlabs.com/) Chatterino 34:50 Picks and Plugs 35:03 Amy's Pick: Set App Sip - https://sipapp.io/ iStat Menu - https://bjango.com/mac/istatmenus/ Bartender - https://www.macbartender.com/ GlyphFinder - https://www.glyphfinder.com/ Sizzy - https://sizzy.co/ TextSniper - https://textsniper.app/ 37:02 Amy's Plug: SelfTeach.me on YouTube 37:37 James's Pick: Stream Deck 38:27 James's Plug: James Q Quick on Twitch Learn more about the gear we use: Episode #14: Building the Perfect Desk Setup

In this episode, James explains the basics of getting started with SvelteKit and how it compares to other frameworks, like Next.js. 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 0:51 Sponsor: ZEAL 5:09 Context for Learning Svelte and SvelteKit 8:00 Landscape of Web Application Development SPA - Single Page Application Angular, React, and Vue Server Side Rendered Pages vs Statically Generated Pages Rich Harris, works at The NY Times, is behind Svelte 13:16 Svelte is compiled into Vanilla JavaScript = faster applications 13:50 Differences in how the frameworks handle HTML/JSX, CSS, and JavaScript 15:35 Why people like Svelte Double Data Binding Form Handling Stores Built-In Animations Built-In 21:29 SvelteKit - Framework for handling routing, caching, statically generated pages, and server-rendered pages 24:28 CSS Scoping 25:56 Hosting 26:33 Sponsor: Vercel 28:22 Tools Vite Snowpack 29:57 Grab Bag Questions 30:17 Grab Bag Question #1: If you were to start a new project, would reach for SvelteKit or Next.js? 31:07 Grab Bag Question #2: Are there holes in Svelte or SvellteKit? Things that you see in other frameworks, like React or Vue that you wish were part of Svelte? 31:54 Picks and Plugs 32:07 James's Pick: OnCloud Tennis Shoes 33:09 James's Plug: Learn Build Teach Discord Server 33:45 Amy's Pick: Kindle Paperwhite 34:37 Amy's Plug: YouTube Video - Debugging in VS Code

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

Amy and James talk about various No Code options, how they use it in their work, and how it might affect the future of development. 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:04 What is No Code? 4:39 Why No Code? 7:24 The Craft of Coding 9:26 Webflow 10:46 WordPress Theme Builder - Divi 11:55 Other WordPress Options Elementor Beaver Builder 13:32 SquareSpace 14:22 Wix 14:38 Bubble Useful for building web applications 16:01 Sponsor: ZEAL 16:41 Different tools for making it easier for developers 17:54 Amplication - No Code on the backend 18:25 Supabass - Open Source Alternative to Firebase 19:17 Using Construct Three to Learn Basic Coding Concepts 21:50 Creating Courses Wes Bos Scott Tolinski Gumroad Udemy Podia Kajabi Thinkific Teachable 24:25 Automations IFTTT Zapier AirTable Automate All the Things on YouTube Automate All the Things Twitch Stream 30:21 Serverless Functions 30:26 Sponsor: Vercel 31:10 Do you think No Code will ever replace developers? 33:29 Grab Bag Questions 33:42 Grab Bag Question #1: Is No Code Worth Learning? @developercam on Twitter 36:13 Picks and Plugs 36:25 Amy's Pick: iStat Menu 37:14 Amy's Plug: SelfTeach.me on YouTube 38:04 James's Pick: Chacos 38:57 James's Plug: James Q Quick on YouTube - Crash Course on Svelte

Amy and James talk everything productivity, from their favorite applications, workflows, and automation. 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 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:28 Default Folder X 5:06 Fantastical - Calendar Replacement 5:43 Better Touch Tool Rearranging Windows Connecting my Air Pods Show my Desktop 6:59 Karabiner Elements Remapping Caps Lock to a "Hyper Key" (Cmd + Alt + Cmd + Shift) to create more keyboard shortcuts Remap the right command key to escape Remap the right shift key to caps lock 8:31 Sponsor: Vercel 9:43 Text Expander 12:23 Alfred 13:07 Copy Clip and Fly Cut 16:15 Contexts - tab through individual windows 16:52 Magnet for window management 17:16 Stream Deck 17:48 Hazel 19:38 Notion Marie Poulin William Nutt August Bradley 21:48 AirTable Learn with Jason 23:52 Sync Inc 24:40 Sponsor: KwesForms 25:59 Good Notes on the iPad 27:24 Notes app on Mac 28:10 Remarkable Tablet 29:43 Three Most Important Things 30:20 Trello 30:58 Learn Shortcuts 32:25 Extensions within VS Code GitLens Extension IntelliSense for TailwindCSS Classes 33:12 Learn VS Code Debugging Power Features 34:28 Templatize Things you can Repeat 35:15 Grab Bag Questions 36:07 Grab Bag Question #1: What's your workflow for creating content? 39:00 Grab Bag Question #2: How do you avoid burnout? 41:01 Sponsor: ZEAL 42:37 James's Pick: Thunder Client Extension in VS Code YouTube Video: I Don't Need Postman Anymore!! I Use VS Code Instead... 43:48 James's Plug: Learn Build Teach Discord 44:11 Amy's Pick: Reclaim for Calendar Syncing 45:05 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy and James talk about 5 more design principles: alignment, emphasis, proportion, white space, and movement, and how they can be applied to real-life projects. 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 0:50 Sponsor: ZEAL 2:06 This past week... 3:53 Design Principle #1: Alignment 5:41 Power Tip: Using Guides 6:57 Left Aligned is best 8:40 Optical Alignment 10:26 Working with a 12 Column Grid System 11:31 Breaking the Grid 12:04 Sponsor: KwesForms 12:32 Design Principle #2: Emphasis 15:29 Design Principle #3: Proportion 18:05 Units of Measure 20:16 Using srcset 21:50 HTML Picture Element 22:34 8 Point Grid 23:06 Design Principle #4: White Space or Negative Space 25:04 Proximity 26:37 Sponsor: Vercel 27:34 Design Principle #5: Movement Clarifying what is happening for the user Creating a Mental Modal of how elements are laid out 30:51 Grab Bag Question: Could you recommend any free resources for website colors? Coolors Tailwind Shades Refactoring UI 34:12 Amy's Pick - Instax Mini LiPlay Camera 35:26 Amy's Plug - SelfTeach.me YouTube 36:31 James's Pick - Amplication 37:22 James's Plug - Learn Build Teach Discord Server

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

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

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

Amy and James finish their discussion on freelancing in part 2. This episode covers journey maps, project discovery, vetting clients, submitting estimates and contracts, project management, finances, and business insurance. 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 0:50 Sponsor: ZEAL 1:40 What we've been up to this past week 4:15 Creating a Customer Journey Map Design the process so that you're truly leading a client Outline touchpoints 6:09 Sponsor: Pathwire 7:14 Discovery Process Determining the work that needs to be done. 7:46 Scheduling initial phone call with Calendly 8:42 Vetting the client Want to make sure that the client will be good for you, too. Template Questionnaire 12:20 Creating Estimates and Contracts Estimate through Harvest - https://www.getharvest.com Contracts through HelloSign - https://www.hellosign.com/ Accepting online payments and paying Stripe fees is part of the cost of doing business 13:25 Project Management System Basecamp Asana Teamwork Notion 13:52 Sending out a welcome document Include a handwritten note and a bag of [Ugly Mug coffee](http://uglymug.com 15:29 Managing your Finances * Separate bank account * [QuickBooks}(https://quickbooks.intuit.com/) * Freshbooks 18:39 Sponsor: Vercel 19:32 Two types of expenses (1) stuff for everyday business and (2) items purchased specifically for a client 21:54 Legal Side LLC and why Other options: C Corp and S Corp 25:06 Creating Contracts Dan Mall's Contract from Superfriend.ly - http://agreement.superfriend.ly/ 28:19 Business Insurance 29:46 Grab Bag Question #1 - How do you make yourself job-ready? When you're constantly preoccupied with an existing work schedule? @theBlackkSky Learn on the job Take advantage of free content online Learn in public, Twitter Hashtag #100DaysOfCode Learn Build Teach Discord Community 33:02 Grab Bag Question #2 - For maintenance, do you hand it off to someone else? have a grace period where you maintain it as part of your project or contract? Or offer a support plan with a retainer fee? Zach from LaunchCode 34:45 Grab Bag Question #3 - Why do coding interviews suck? - @misterhtmlcss on Discord 37:46 Amy's Pick: Shoe Dog by Phil Knight 38:15 Amy's Plug: SelfTeach.me on YouTube 38:48 James's Pick: SanDisk Portable SSD 40:01 James's Plug: James Q Quick on YouTube and Learn Build Teach Discord Community

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

In this episode, Amy and James talk about the best methods and tools for starting a new design project. Topics include asking the right questions, doing visual research, creating mood boards and wireframes, and getting all the pieces in place. 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:18 Ask a lot of questions Design can be a self-diagnosed solution What's the true problem? 3:47 Creating a Mood Board Gives visual language Collect pictures of everything 6:49 Surround yourself with good design "You are the average of the five people you spend the most time with." 8:58 Moving away from detrimental phrases 10:10 Sponsor: Vercel 10:55 Tools within Design Figma Sketch Adobe XD 13:39 Framer as a prototyping tool 15:56 Sponsor: Pathwire 16:51 Tools are a poor man's excuse Look at something with an opportunity mindset It's better to start than to waste too much time debating about which tool to use. 19:00 Starting a New Project Mis en Place - Getting everything in its place Give yourself a better starting point Medium post about starting the Compressed.fm design 21:10 User Testing Collect as much information as possible within the design phase Iteration is King 23:26 Sponsor: ZEAL 24:16 Grab Bag Question 1: How do you get started with wireframes? Pen and Paper Invision App Balsamic 25:24 Grab Bag Question 2: How do I learn the standards of web design as a whole or best practices in web design? Design Code Shift Nudge Designing UI 26:26 Grab Bag Question 3: What are your thoughts on Using TailwindCSS for help with design? Important thing is to make it your own Beginner Tailwind - Course by Chris Sev Refactoring UI 28:24 Amy's Pick - CleanShot App X 29:39 Amy's Plug - SelfTeach.me YouTube Channel 30:03 James's Pick - Rocket 30:38 James's Plug - James Q Quick on YouTube 30:46 Glyphfinder

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

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

Amy Dutton shares how she got started in tech by building the original Giphy over 20 years ago. She talks about how she navigated some of her career decisions, ultimately landing a full-time job after seven years of doing freelance full-time. 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:57 Family of Early Adopters 1:34 Building My First Website in Netscape Navigator Tools 2:49 First Real Job Updating a Website 4:23 Finding a Mentor 6:00 Teaching my High School Computer Class 7:05 Sponsor: Pathwire, Mailgun, and Mailjet 8:14 Working as a Production Artist 10:34 Studying in college 12:08 Getting a degree? Going to a Bootcamp? Teaching yourself? 13:12 Your background and experiences mean something 13:56 Working summer camp as a video producer 15:21 Brief experience with Animation Mentor 16:31 Sponsor: Vercel 17:12 Taking a job on Music Row 18:21 Moving into a Design Role 19:20 Going freelance full-time 20:33 Transitioning back into a full-time job 21:20 Sponsor: ZEAL 22:01 Amy Guesting on James's Twitch Stream 22:12 The Pros and Cons of Freelancing 23:06 Advice for making Job transitions 23:21 Grab Bag Questions #1: What is you favorite design for web apps and why? 27:27 Grab Bag Question #2: Is there a moment when you almost quit? What made you push through? 28:53 Amy's Pick: Tile 29:43 Amy's Plug: SelfTeach.me on YouTube 31:02 Simon Høiberg on Twitter 31:04 James's Pick: FeedHive 31:59 James's Plug: James Q Quick on YouTube 32:15 Conclusion

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

Get ready! We're launching a new podcast on web design and development with a little zest.