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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction3:50 What is an SVG?Raster vs Vector6:21 Benefits to using an SVGChange the SizeSmall File SizeChange the color within your codeEasily Cached9:51 Seven Different Ways to get an SVG on the Page11:28 Sponsor - ZEAL12:59 Option 1 - Image Tag14:03 Option 2 - Inline SVG tag15:53 Option 3 - CSS as a  background Image16:18 Option 4 - CSS, as a Mask18:20 Sponsor - Vercel19:29 Option 5 - SVG directly within our Image tag21:20 Option 6 - Base64 or UTF8 with as a CSS Background Image21:47 Option 7 - An SVG Sprite22:34 Writing your own SVGs27:00 Going Deep on a Specific Topic, The Broken Comb28:34 ResourcesAmy's SVG Series on YouTubeSarah Drasner - Course on Frontend Masters, SVG Essentials & Animation, v2Sarah Drasner - SVG Animations: From Common UX Implementations to Complex Responsive AnimationChris Coyier - Practical SVG29:19 Sponsor - DatoCMS30:12 Grab Bag Questions30:56 Picks and Plugs31:07 Amy's Pick - Animal Cable Clips32:00 Amy's Plug - Advent of CSS32:32 James's Pick - Castle on Hulu33: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction2:25 Alex Patterson - Cloud Architect6:49 T Shape Model and the Broken Comb13:05 Sponsor: Vercel14:13 Amy Dutton - UI / UX and Frontend Development21:32 Sponsor: ZEAL23:04 Brittney Postma - Building Systems in Svelte31:28 Sponsor - DatoCMS32:21 James Q Quick - Dev Rel46:07 Getting Your First Job57:09 Picks and Plugs57:18 Amy's Pick - Meeter58:03 Amy's Plug - AdventofCSS.com58:47 Brittney's PicksLearn Build Teach DiscordFoundation59:26 James's PickRode GoThe Diary of a Young Girl, by Anne Frank1:01:04 James's Plug - AdventofJs.com1:01:16 Alex's PicksFoundationGoogle 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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 IntroductionJames's new camera: Sony A6400The Way Down on HBO Max4:38 What is git? And why would you use it?8:09 git is Different than GitHub / BitBucket / GitLab10:41 Sponsor: ZEAL12:13 How do you use it?GitHub DesktopTowerWithin VS Code14:25 Basic Commandsgit initgit clonegit commitgit remotegit pushgit pullgit checkout22:08 Sponsor: DatoCMS23:02 Merge Conflicts24:58 Team Strategies28:48: Sponsor - Vercel30:07 Best Practicesgitmoji33:32 Pull Requests36:38 Grab Bag Questions36: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 BeginnerAtlassian git resources47:53 Question #5 - Best way to work with a Team and git?Amy's YouTube Channel: Best Practices for Teams48:56 Picks and Plugs49:10 Amy's Pick - Cometeer Coffee49:52 Amy's Plug - Advent of CSS50:35 James's Pick - Snack Magic51: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction3:13 Applying Design PrinciplesEpisode 5 - How Do you Start a New Design Project?Episode 10 - Design Fundamentals (Part 1)Episode 11 - Design Fundamentals (Part 2)3:41 AlignmentWorking from a 12 column grid4:55 Align Text Left5:46 Sponsor: Vercel6:54 Proximity - Items that are closer together, your eye will group together9:00 Hierarchy10:37 Drop Shadows12:34 TypographyIl1 Test17:20 Sponsor: DatoCMS18:14 x-height should be used to determine line-height18:41 Long Form Copy - Use 20px18:50 Line Length - Use 45 - 75 characters in a line, 66 characters is the sweet spot20:47 Smaller the font size, the more line-height you need21:27 Fibonacci Sequence - 14, 20, 34, 54, 8824:02 Copy StyleDesign For ScannersStart 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" folder26:01 Consistency26:29 SpacingWhite Space4pt and 8pt27:46 ColorCoolors.coTint - Color mixed with whiteShade - Color mixed with blackTone - Color mixed with Gray29:48 Sponsor - ZEAL31:19 MobileThumbs need at least a 48 x 48 target areaPut things near the bottom of the screen32:20 Lean into Stereotypes33:40 Don't rely on color alone to convey messagesFor example, a red outline around the input — some users are color blindWhen the page is loading, help the user know what's happeningEmpty or blank states should be well designed - guide the user to the next action34:35 Picks and Plugs35:25 Amy's Pick - FigJam36:12 Amy's Plug - Advent of CSS36:40 James's Pick - MagSafe Charger37: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 IntroductionEpisode #13 - No Code3:27 What is TypeScript?8:08 Sponsor - ZEAL9:40 TypeScript and BugsKent C DoddsTesting JavaScriptNo Sweat ES LintIntroduction to Testing on YouTube17:08 Sponsor - Vercel18:15 Typescript within VS Code19:49 How to Get Started?LinterNumber Blocks on Netflix23:03 Different TypesStringNumberBooleanEnums enum roles {      Admin = "ADMIN",      User = "USER",      Member = "MEMBER",}// orenum roles {    Admin = 1,    User = 2,    Member = 3}Tuples let x: [string, number];x = ["hello", 10]; // OKx = [10, "hello"]; // ErrorAny28:45 Taking it to the Next Level: Types vs. InterfacesTypes type person = {  firstName: 'Amy',  lastName: 'Dutton'}Interfaces interface person {  firstName: 'Amy';  lastName: 'Dutton';}30:38 Sponsor: DatoCMS31:32 Resources to get Started Learning TypeScriptReact and TypeScript, Getting StartedLevel Up TutorialsLevel 1 TypeScriptReact and TypeScript for EveryoneTypeScript in 50 LessonsWhen Should I use TypeScript (Feed Code Camp)33:13 Grab Bag Questions33:24 Types vs Interfaces33: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 Docs42:32 Picks and Plugs42:44 James's Pick - AirPods Pro43:58 James's Plug -  Code Connector Group in Slack44:29 James's Plug - Virtual Coffee in Slack44:50 Amy's Pick - Pock App45: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction2:54 Struggling with learning new things3:18 Concepts I used to struggle with5:44 Struggling with Technical Interviews6:26 Struggling with Giving Presentations7:20 Struggling with Algorithms9:48 How I Learn New ThingsLevel Up TutorialsWes BosJames Q QuickSvelte Crash CourseAsynchronous JavaScriptPromise.all VideoAmy's Git Series on YouTube13:05 Sponsor: DatoCMS13:58 Advice for Learning New Things: Build Stuff16:21 Some of the Things we Struggle with Now23:13 Sponsor: Vercel24:43 Creating content27:19 Writing production code29:51 Imposter Syndrome35:01 Sponsor: ZEAL36:25 Grab Bag Questions: How do I get paid without feeling guilty?40:29 Picks and Plugs40:40 James's Pick: Freedom Writers on Netflix41:21 James's Plug: James Q Quick on YouTube41:39 Amy's Pick - 2Bobs Podcast42: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?SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction0:37 Sponsor: DatoCMS1:50 Week Updates3:35 What is WordPress?4:36 Does WordPress still matter in 2021?6:05 The Difference between WordPress.com and WordPress.org8:31 Page BuildersDiviElementorBeaver Builder10:57 Creating a Custom Themeahha-theme12:20 Why WordPress has a bad rap?WordPress is Built on PHPCowboy Coding, Spaghetti Code, and Script KiddiesThe Developer ExperienceOpen to Hackers15:34 Sponsor: ZEAL17:05 WordPress CommunityAdvanced Custom FieldsGravity FormsWooCommerceYoastWP DB Migrate ProAll-in-One WP Migration23:12 Local Build vs. ProductionDeployBotMAMPLocal26:02 HostingFlywheelWP EngineBluehostHostGatorSitegroundDreamhostHostingerYouTube Video on James's Channel on Hostinger34:07 The Future of WordPressHeadless CMS with GraphQL35:26 Sponsor: Vercel36:34 Grab Bag Questions37: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 Plugs41:18 Amy's Pick: Facebook, the Inside Story42:25 Amy's Plug: SelfTeach.me on Twitch42:47 James's Pick: Seat cushion43: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction0:50 Sponsor: ZEAL2:34 Recapping the ConversationJack McDadeWes Bos7:19 Unveiling the Redesign17:08 Sponsor: Vercel18:14 Discussing James's Q Logo19:10 ColorContrast App26:05 Thoughts about Developers and Design27:17 Hard Lines vs Organic Lines28:12 Sponsor: DatoCMS29:06 Branding Questions31:28 Design Process32:50 Amy's Pick: White Ink Pen33:27 Amy's Plug: SelfTeach.me on Twitch33:47 James's Pick: Fake Doctors, Real Friends Podcast34: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction1:41 Favorite Frontend Framework7:53 Favorite CSS Methodology12:15 Sponsor: Vercel13:23 Favorite LanguageJHeyCassie EvansDestin Lee25:34 Favorite Side ProjectsJQQ MemesAvneesh AgarawlDaily Texas Countrybradgarropy.com30:26 Sponsor - DatoCMS31:19 Favorite Frontend FrameworkCassidy WilliamsLearn Build Teach Discord38:02 Favorite Testing ToolsApplitoolsAngie Jones45:28 Favorite Content CreatorJason LengstorfChris Sev on TwitterKapeheScotch.ioBetter.devJames Q QuickRichard's BlogAmy's YouTube ChannelScott Tolinski - Level Up TutorialsProgramming YouTuber's Discord51:36 Sponsor: ZEAL53:07 Picks and PlugsBrad's Pick: Rescue HelicopterBrad's Plug: Brad Garropy on YouTubeRichard's Pick: Rainbow Corgi from Learn with JasonRichard's Plug: Dead Trees / Physical BooksAmy's Pick: Post-It NotesAmy's Plug: SelfTeach.me on TwitchJames's Pick: TikTok Portable RigJames'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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction4:00 Brittney PostmaLearn Build TeachBrittney's WebsiteSvelte SocietyPurrfect.dev PodcastBrittney on Twitter5:51 Shaundai PersonShaundai's WebsiteShaundai on Twitter8:53 Ania KubowAnia's YouTube Channel11:39 Colleen SchnettlerDeploy EmpathySoftware Social PodcastSimple File UploadColleen on Twitter14:47 Jason LengstorfLearn with JasonJason's Website20:17 Sam SycamoreSam on TwitterHashnodeSam's Website22:28 Sponsor: DatoCMS23:21 Marie PoulinMarie's WebsiteMarie on TwitterMarie's YouTube ChannelNotion Mastery28:26 Maya BelloMaya on TwitterMaya on YouTube29:35 Sponsor: Vercel30:42 Colby FayockColby's WebsiteColby on TwitterColby's YouTube Channel33:14 Jessica ChanJessica's BlogJessica's YouTube ChannelJessica on Twitter35:13 Adam WathanAdam's WebsiteAdam on TwitterAdam on YouTubeTailwind CSSRefactoring UIThe Practice, by Seth Godin39:42 Sponsor: ZEAL40:04 Brad GarropyBrad's WebsiteWeb Dev WeeklyBrad on TwitterBrad's YouTube Channel41:13 James PerkinsTinaJames's YouTube ChannelJames on TwitterBryan Harris - Poster Boy Formula48:51 Justin JacksonTransistor.fmJustin's BlogJustin on Twitter52: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction4:02 Marco Polo5:29 Learn Build Teach7:17 Emulating Chefs8:09 Why Write9:33 Sponsor: ZEAL11:08 Writing Helps You Be a Better Communicator11:52 Networking13:47 Why blog, over another medium?15:23 Picking a Blogging PlatformFramer is still alive and well… and it’s a game-changerUX CollectiveMediumHashnodeDev.toChrome Extension Daily.devChrome Extension Panda21:17 Creating Your Own BlogWordpress.comWordpress.org22:47 Sponsor: Vercel23:55 Different FrameworksGatsbyNext.jsGridsomeNuxtReactAngularVueSvelteSvelteKit25:43 Sponsor: DatoCMS26:25 Learning that Comes from Building Your Own Blog27:30 Workflow for Writing ContentNotion.soGrammarlyGrammarly extension for ChromeGrammarly extension for VS CodeStackEdit.io30:37 What would you do differently?32:26 Grab Bag Questions32: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 Practice35: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 Plugs39:11 Amy's Pick: Headphone SplitterRode Micro Pro39:51 Amy's Plug: SelfTeach.me on Twitch40:13 James's Pick: Cable Clips40: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 IntroductionJS ChallengesAdvent of CSSAdvent of JSAdvent of SVGs2:47 Gear for Starting Your Own PodcastRode MicroEpisode 14 - Building the Perfect Desk Setup6:45 Why podcast (vs another medium)?8:29 Types of PodcastsInterviewMonologueAmy PorterfieldCo-HostSyntaxShop Talk Show10:27 Our Why14:26 Sponsor: DatoCMS15:20 Creating Show Segments17:57 HostingBuzzsproutCreating ZEAL PodcastAnchorTransistor.fmSimplecast20:36 Cover Art21:06 Creating a TrailerSubmitting to different podcatchers22:36 Finding SponsorsCreating a ProspectusField of Dreams25:26 Sponsor: Vercel26:38 WorkflowSquadCastScreenflowDescriptChris SevAuphonicForecastMailChimp33:14 Things We Want To DoWrite Accompanying Blog PostsMake clips for social35:17 Things I Wish We'd Done DifferentlyLine up Reviews on iTunes36:33 Sponsor: ZEAL38:02 Grab Bag Questions38:21 What have we learned? Future goals, ambitions?42:11 How important is consistency on publishing dates?Seasons vs Episodes45:05 Amy's Pick - Book: The Ride of a LifeTime45:42 Amy's Plug - SelfTeach.me on Twitch46:04 James's Pick - Portable Light47:03 James's Plug - @jamesqquick on TikTokJames Q Quick's NewsletterCaptain 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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction3:41 What is your whyEpisode 20: Learning and Building in PublicSimon Sinek: Start with Why6:38 Why YouTube over another medium?8:14 Just get startedClarity comes in doingExample: First Pancake10:36 GearEpisode 14: Building the Perfect Desk SetupScreenflowQuickTimeSnagItiMovie13:00 Sponsor - Vercel14:13 Amy's Recording Workflow15:58 James's Recording Workflow17:45 Amy's Editing / Post Production WorkflowDescriptPremiereEpidemic SoundAfter EffectsEnvato Elements19:10 James's Editing Workflow21:28 Growth on YouTube25:47 Sponsor - DatoCMS26:41 YouTube Policies and Growth Metrics30:41 Sponsor - ZEAL32:10 Grab Bag Questions - Creating in a series vs. One-Off Videos35:54 Picks and Plugs36:18 James's Pick - Portable Screen Cleaner38:20 James's Plug - jamesqquick on Twitter and #100daysofcode39:28 Amy's Pick - Astropad40: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction0:55 Sponsor: ZEAL2:23 What we've been up to4:06 Recording live from Twitch4:39 Context / Writing ProposalsThis Proposal7:08 Pricing StructuresEpisode 6: Freelance - Part 1Episode 7: Freelance - Part 2Episode 18: Amy Gives James a Design Consult9:01 Business progressionidentifying problemsobjectiveshow you'll measure successGoogle AnalyticsFathom11:43 Sponsor: DatoCMS12:37 Value to the OrganizationScope Creep vs Scope Seep16:40 Benefits of BrandingNathan Barry Show - Episode 41: Jack Butcher – Build Once, Sell Twice: Earn $1M a Year Selling Digital Products18:58 Methodology and PhasesWhat to expect on the projectSchedulingFactors that affect completion22:01 Joint AccountabilitiesCommunication24:10 Terms and ConditionsFeesPayment TermsProject SchedulingExpiration Date25:53 Sending EstimatesHarvestStripeFreshbooks27:38 Sponsor: Vercel28:51 Reviewing the Mood BoardLink to James's Actual Mood BoardFigJamWhimsicalPinterest29:41 Reference ImagesWes BosSupabaseAmplicationSimon Hoiberg on InstagramAnia KubowCoder CoderThomas WeibenfalkJack McDadeJason LengstorfJosh Comeau31:55 Inspirational PiecesDribbbleBehance35:20 How do you create a custom font?FontselfFont SquirrelCreative Market38:26 Looking at Color and StylesStatamic45:23 Picks and Plugs45:32 James's Pick: Chicago Med47:39 James's Plug: James Q Quick on TikTok47:53 Amy's Pick: Notion.soMarie PoulinAugust BradleyWilliam Nutt48: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 processSponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes0:00 Introduction5:10 Interviewing as a Designer / Hiring a Designer5:43 Job TitlesGraphic DesignerUIUXProduct DesignerMarketing Designer9:23 Career PathsJuniorSeniorArt DirectorCreative DirectorThe Making of a Manager by Julie Zhou12:46 Sponsor: DatoCMS13:39 Components that make up a great designer14:20 Design Process15:32 Visual Design16:49 Consulting and Communication17:49 User Experience Design18:05 ImplementationFree Code Camp20:18 Leadership and Mentoring21:07 Sponsor: ZEAL22:20 Business and Sales22:54 User Research23:35 Group FacilitationSprint: How to Solve Big Problems and Test New Ideas in Just Five Days24:16 Product Thinking25:22 The importance of a Portfoliolooking for a specific kind of workwhat to do if you don't have work you can includebarteringDribbbleBehance30:06 Sponsor: Vercel31:21 Specific interview example33:59 Is it worth having a design degree?Episode 2: Amy's Origin Story36:15 Soft Skills: Are they a good culture fit?36:32 Resources for leveling up UI / UXRefactoring UIShift NudgeLearn, Build, Teach Discord ServerBeginnerTailwind.com38:59 Picks and Plugs39:30 James's Pick: Headphone Stand, USB Charger Combo40:12 James's Plug: James Q Quick on Twitch40:24 Amy's Pick: Wireless Charger from Anker40:52 Amy's Plug: SelfTeachme Twitch ChannelWeekdays, 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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with 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.comShow Notes0:00 Introduction0:47 Sponsor: ZEAL4:30 Learning ResourcesWes BosScott Tolinski at Level Up TutorialsUdemyColt Steele Bootcamp9:56 Pay attention to what you enjoy mostThoughts on niching down12:52 Sponsor: DatoCMS13:45 Be active in the communityCode Connector GroupKyla Gregory on TwitterLearn Build Teach Discord Community17:50 Learning and Building in PublicEpisode 20 - Learning and Building in Public19:39 What to Expect in an InterviewBehavioral QuestionsCome up with 3 Projects or Experiences to AnswerAsk what to expect in the interview processOliver Jumpertz on TwitterAnswering "What's your greatest weakness?"Confidence within the Interview23:00 Whiteboarding26:59 Talking through how you thinkBloggingYouTube Channel29:31 Do research on the company you're interviewing withKnow the basics of what the product is or what the company does30:06 Come with questions prepared!Team Structure?Built-in support system and mentorsCareer paths and opportunities for growth within the company32:26 Grab Bag Questions32:42 "What would you like to see from a candidate?"36:50 "Are portfolios important?"James Cox40:38 Sponsor: Vercel41:52 "Am I ready for a real developer role?"Ask for feedback47:11 Picks and Plugs47:29 Amy's Pick: Collapsible Wagon49:02 Amy's Plug - SelfTeach.me on TwitchMonday through Friday, 9-10 am CST50:23 James's Pick: Fear Street on Netflix51:00 James's Plug: James Q Quick on Twitchjqqmemes.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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction4:15 Documenting vs CreatingCreative Elements Podcast with Ali AbdaalBlog Post by SwyxeBook buy Swyx6:41 How do you get started? What do you share?8:04 The Curse of KnowledgeHashnode9:55 Sponsor: Vercel11:12 Preventing documentation from being a second job14:56 AccountabilityEpisode 9 - The Tech Behind SelfTeach.meTwitter Thread documenting my progress on SelfTeach.meJames'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 publicQuote 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 JavaScript24:08 Sponsor: ZEAL25:32 Examples of People Have Done a Great Job Learning and Building in PublicSoftware Social PodcastCatherine PetersonZach WilsonLaurie ono TechChris Sev29:36 Grab Bag Questions30:04 Learning and Building in Public when you're a career changer#100DaysofCode Hashtag on TwitterSam SycamoreArticle about making a rap videoAuth0 Rap VideoCafe con Tech - Mattias's Podcast35: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 GardenEpisode 18 - Amy Gives James a Design Consult38:37 What do you share in public?39:24 How do you deal with haters?42:07 Picks and Plugs42:20 James's Pick: Water bottle from Walmart43:51 James's Plug: Learn Build Teach Discord Server44:14 Amy's Pick: Anker 60W ChargerAnker Charger with Portable Power45: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction3:07 What is Figma?3:26 History of Design ToolsPhotoshopDifference between vaster and rectorSketchAbstractZeplinInvisionSketch CloudFigmaCollaborationComponents10:42 Sponsor: ZEAL12:16 Figma - Platform Agnostic13:40 Adobe XD15:28 Variants16:22 Shared Libraries17:48 Commenting System and Collaboration18:46 Developer Handoff Tools, including exporting CSS19:43 PluginsAnimaAnia Kubo on YouTube20:21 Sponsor: Vercel21:36 More Figma PluginsSuper TidyGoogle Sheets Sync23:07 Prototyping and Interactions23:23 FigJamHow Figma Uses FigJam24:20 Structuring a Project within FigmaCover with a thumbnailThe project's designIconographyDesign System and ComponentsArchive Page27:02 Learn More about FigmaScott Tolinsky, Playlist on FigmaLevel Up TutorialsFigma's Education VideosJesse Showalter, Figma Playlist28:26 Grab Bag Questions: Message us on Twitter at @compressedfm28:44 Picks and Plugs28:57 Amy's Pick: Parse Hub30:33 Amy's Plug: Compressed.fm Newsletter30:56 James's Pick: iPhone Mount31: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction0:46 Purpose of a Rebrand2:51 Assessing the Current Brand Assets8:52 Brainstorming Infrastructure11:20 Sponsor - ZEAL12:49 Visual InspirationJason LengstorfWes BosJosh w Comeau20:26 Physical Collateral and Digital Asset Consideration23:48 Sponsor - Vercel25:00 More Visual InspirationSuperbaseAmplicationEpisode 5 - Design EpisodeCoder Coder on YouTubeAnia Kubow on YouTubeCode Stacker on YouTubeSimon from Feed Hive on Instagram28:49 Creating brand consistency29:12 Different sections of the websiteJoel Hooks and the Concept of a Digital Garden32:27 Question - Handling Nitpicking and Too Many Chefs in the Kitchen33:48 Leading the ClientEpisode 6 - Freelancing (Part 1)Episode 7 - Freelancing (Part 2)34:44 Pricing37:14 Picks and Plugs37:31 James's Pick: Camera / Phone Mic - Rode Vide Micro38:15 James's Plug - James Q Quick on YouTube39:24 Amy's Pick - Fuse Reel Side Winder40:10 Amy's Plug - Compressed.fm Podcast Newsletter40:38 Official auth0 Rap Music Videoauth0 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.SpnosorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction4:01 Automating Overview6:48 CI/CD PipelinesDeploybotPublishing as soon as a commit is made to the master branch on GitHub10:49 Sponsor: Vercel12:08 Automations with IFTTT and Zapier15:12 Checklists16:37 Using AirTable forms to Create Stream Graphics using CloudinaryLearning Quick StreamsStream with James Q Quick and Amy Dutton24:25 Serverless Functions Overview25:42 Integration with Sanity.io28:46 Determining what to Automate30: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 tweeting34:38 Sponsor: ZEAL36:17 Button within AirTable for collecting and formatting email newsletters38:29 Automating Tweets to promote the stream39:18 Grab Bag Questions39: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 NoodlesoftEmptying my computer's trashRenaming filesGeofencing42:29 Picks and Plugs43:01 James's Pick: Tripod from Amazon43:49 James's Plug: James Q Quick on YouTube44:30 Amy's Pick: Creative Elements PodcastEpisode with Ali Abdaal47: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?SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction3:11 Why Livestream?Debugging in VS CodeSelfTeach.me Channel on YouTube6:02 Sponsor: ZEAL7: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 journeySplashley17:09 Sponsor: Vercel18: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 Outlining24:57 What are your favorite engagement techniques?Helping people feel part of somethingAdapt based on the feedback and engagement within the chatCommands within the Twitch channel29: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 Loopback31:57 ToolsStream YardOBS[Stream Labs(https://streamlabs.com/)Chatterino34:50 Picks and Plugs35:03 Amy's Pick: Set AppSip - 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 YouTube37:37 James's Pick: Stream Deck38:27 James's Plug: James Q Quick on TwitchLearn 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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction0:51 Sponsor: ZEAL5:09 Context for Learning Svelte and SvelteKit8:00 Landscape of Web Application DevelopmentSPA - Single Page ApplicationAngular, React, and VueServer Side Rendered Pages vs Statically Generated PagesRich Harris, works at The NY Times, is behind Svelte13:16 Svelte is compiled into Vanilla JavaScript = faster applications13:50 Differences in how the frameworks handle HTML/JSX, CSS, and JavaScript15:35 Why people like SvelteDouble Data BindingForm HandlingStores Built-InAnimations Built-In21:29 SvelteKit - Framework for handling routing, caching, statically generated pages, and server-rendered pages24:28 CSS Scoping25:56 Hosting26:33 Sponsor: Vercel28:22 ToolsViteSnowpack29:57 Grab Bag Questions30: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 Plugs32:07 James's Pick: OnCloud Tennis Shoes33:09 James's Plug: Learn Build Teach Discord Server33:45 Amy's Pick: Kindle Paperwhite34: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.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction2:25 ComputersAmy: MacBook Pro 15" 2018, 2TB and 32G RAMJames: MacBook Pro 15" 2018, 512MB and 16G RAM6:33 Mice and KeywordsApple Magic MouseApple Track PadApple Magic KeyboardLogitech M570 Wireless Trackball MouseLogitech MX310:50 DesksJames: Jarvis Adjustable Standing Desk from Fully, 72"x36"Amy: Autonomous Smart Desk Pro 70.5"x30"12:13 Office ChairsAutonomous Ergo StoolAutonomous Ergo Chair ProIkea Office Chair13:42 Cable ManagementCable TiesWire TrayCable BoxCable Tray for Autonomous DeskRubber Cable HoldersWhite Gaff tapeVelcro Wrap15:25 Docks / HubsCal Digit TS3 USB HubUSB Hub17:49 MonitorsJames: Two 27" LG MonitorsMonitor for 2 MonitorsAmy: 49" Samsung Ultrawide MonitorErgotron Monitor ArmErgotron HX Heavy-Duty Tilt Pivot – Add-on for HX Monitor Arm12 South Arc12 South HiRise Stand (for iPhone)20:19 Sponsor: ZEAL23:15 Cameras and Recording GearAmy: Nikon Z6Nikon Z6 Film Maker's KitJames: Canon M50Sigma f1.4 16mmElgato Cam LinkAtomos NinjaNikon 24mm - 70mm Kit LensThink Media YouTube Channel for Gear and Camera Recommendations28:12 Audio EquipmentAmy: Rode Podcaster MicScotch.io@chris_sev on TwitterShure SM 7BPre AmpAudio InterfaceRode Swivel Arm32:09 LightingElgato Key LightCheap Softbox KitRing Light34:10 Sponsor: VercelNext.jsNext.js 11 AnnouncementNext.js Conf35:12 External StorageSanDisk 2TB Ruggedized DriveSeagate Passport DriveWestern Digital Passport DrivesSynology NAS Drive39:45 Extra PeripheralsRemarkable Tablet 2Wireless Bose HeadphonesStream Deck from ElgatoBenQ LightFoot Rest / Calf StretcherAir Pods ProWacom TabletAstro Pad app on iPadAnchor Wireless ChargerEmber Mug43:38 Grab Bag Questions: What is the next thing you'll change in your setup?45:26 Picks and Plugs45:38 Amy's Plug: Learn Build Teach Discord Server46:20 Amy's Pick: Storage Caddy47:04 James's Pick: Readme.soKatherine Peterson on TwitterKatherine Peterson on James's Twitch Stream48:20 James's Plug: James Q Quick on YouTube ChannelUsing Async AwaitSvelte 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.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction3:04 What is No Code?4:39 Why No Code?7:24 The Craft of Coding9:26 Webflow10:46 WordPress Theme Builder - Divi11:55 Other WordPress OptionsElementorBeaver Builder13:32 SquareSpace14:22 Wix14:38 BubbleUseful for building web applications16:01 Sponsor: ZEAL16:41 Different tools for making it easier for developers17:54 Amplication - No Code on the backend18:25 Supabass - Open Source Alternative to Firebase19:17 Using Construct Three to Learn Basic Coding Concepts21:50 Creating CoursesWes BosScott TolinskiGumroadUdemyPodiaKajabiThinkificTeachable24:25 AutomationsIFTTTZapierAirTableAutomate All the Things on YouTubeAutomate All the Things Twitch Stream30:21 Serverless Functions30:26 Sponsor: Vercel31:10 Do you think No Code will ever replace developers?33:29 Grab Bag Questions33:42 Grab Bag Question #1: Is No Code Worth Learning? @developercam on Twitter36:13 Picks and Plugs36:25 Amy's Pick: iStat Menu37:14 Amy's Plug: SelfTeach.me on YouTube38:04 James's Pick: Chacos38: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.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersKwesFormsKwesForms 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.ioShow Notes0:00 Introduction 3:28 Default Folder X5:06 Fantastical - Calendar Replacement5:43 Better Touch ToolRearranging Windows Connecting my Air Pods Show my Desktop 6:59 Karabiner ElementsRemapping 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: Vercel9:43 Text Expander12:23 Alfred13:07 Copy Clip and Fly Cut16:15 Contexts - tab through individual windows16:52 Magnet for window management17:16 Stream Deck17:48 Hazel19:38 NotionMarie PoulinWilliam NuttAugust Bradley21:48 AirTableLearn with Jason23:52 Sync Inc24:40 Sponsor: KwesForms25:59 Good Notes on the iPad27:24 Notes app on Mac 28:10 Remarkable Tablet29:43 Three Most Important Things 30:20 Trello30:58 Learn Shortcuts 32:25 Extensions within VS Code GitLens ExtensionIntelliSense 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: ZEAL42:37 James's Pick: Thunder Client Extension in VS CodeYouTube Video: I Don't Need Postman Anymore!! I Use VS Code Instead...43:48 James's Plug: Learn Build Teach Discord44:11 Amy's Pick: Reclaim for Calendar Syncing45: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.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comKwesFormsKwesForms 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.ioShow Notes0:00 Introduction0:50 Sponsor: ZEAL2:06 This past week...3:53 Design Principle #1: Alignment5:41 Power Tip: Using Guides6:57 Left Aligned is best8:40 Optical Alignment10:26 Working with a 12 Column Grid System11:31 Breaking the Grid12:04 Sponsor: KwesForms12:32 Design Principle #2: Emphasis15:29 Design Principle #3: Proportion18:05 Units of Measure20:16 Using srcset21:50 HTML Picture Element22:34 8 Point Grid23:06 Design Principle #4: White Space or Negative Space25:04 Proximity26:37 Sponsor: Vercel27:34 Design Principle #5: MovementClarifying what is happening for the userCreating a Mental Modal of how elements are laid out30:51 Grab Bag Question: Could you recommend any free resources for website colors?CoolorsTailwind ShadesRefactoring UI34:12 Amy's Pick - Instax Mini LiPlay Camera35:26 Amy's Plug - SelfTeach.me YouTube36:31 James's Pick - Amplication37: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.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comKwesFormsKwesForms 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.ioShow Notes0:00 Introduction2:24 Art vs Design4:34 Can anyone do design?7:16 Principle #1: UnityUX EngineerCues from branding elements: typography, color palette, typographyconsistent design, equals a cleaner design, equals cleaner codeLook 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: KwesForms11:31 Principle #2: ContrastAccessibilityDrive focus to specific areas of the design16:04 Sponsor: ZEAL16:43 Principle #3: BalanceOne element is perceived as heavier than a smaller elementWays to achieve this:ColorSizeWhite SpaceTypes of Balance: Symmetrical, Asymmetrical, Radial, and Mosaic21:09 Principle #4: RhythmYou expect things to be laid a certain wayIf something is not in line, it creates contrast"Know the rules so that you can break them." -- Generally breaking one principle to drive another principle23:17 Principle #5: Visual HierarchyLead or pull the user through24:01 Assessing the call to action on our own personal sites26:49 Sponsor: Vercel27:39 Ways to Establish Visual HierarchyColorSizeBalanceWhite Space29:28 YouTube's red isn't accessible31:30 Above the Fold33:02 Grab Bag QuestionsCam the DeveloperMatias33:30 Grab Bag #1: What is a good resource for determining typography combinations?What Font? Bookmarklet35: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 Costco40:56 James's Plug: James Q Quick on YouTube41:24 Amy's Pick: Sipp App42: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.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comKwesFormsKwesForms 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.ioShow Notes0:00 Introduction3:31 Sponsor: ZEAL4:27 Related EpisodesEpisode 3 - Compressed.fm Tech StackEpisode 8 - JamesQQuick.com Tech Stack5:20 First iteration of the site: on WordPress6:01 Rebuilding the Site on Gatsby and MDXPros of Gatsby:Site SpeedMarkdownIncluding React ComponentsCons: Maxing build times on NetlifyLong build timesConstantly restarting Gatsby10:39 Moving to Sanity for contentPortable Text FTW!Better Developer Experience17:31 Using Tailwind CSSExplaining Utility-Based FrameworkPurgeCSS20:27 Experimenting with New Technologies20:44 Pros for using TailwindNaming things is hardSpecificityEveryone is working from a similar naming conventionRemove HTML, remove the the corresponding CSS = cleaner codebase22:57 Sponsor: Vercel25:35 Sponsor: KwesForms29:13 Using RightMessage for marketing31:55 Soft Launch vs Hard Launch33:54 Things you'd do differently34:07 Reduce the barrier to entry35:57 Move to Styled Components37: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 PTSD42:31 James's Plug: James Q Quick on YouTube42:51 Amy's Pick: RoadID44: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.SPONSORSPathwire / Mailgun / MailjetPathwire 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.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Intro3:05 Context in building jamesqquick.com4:46 Deciding to rebuild the site on GatsbyGatsby - https://www.gatsbyjs.com/6:29 Upgrades and improvements from moving off WordPress8:28 The Gatsby Plugin Ecosystem9:03 Sending your RSS feed to Dev.to for cross-postingTutorial: Publishing a Post Pulled in via an RSS Feed12:18 Hosting13:00 Sponsor: Vercel13:49 Moving from Markdown to Sanity21:35 Email MarketingMailChimpConvertKitPodia22:25 Serverless Functions23:14 Sponsor: PathwireMailGun - http://mailgun.comMailJet - http://mailjet.com25:18 React Ecosystem26:12 React Awesome Reveal26:37 Font Awesome for Icons27:14 For styling, using ScssDifference between Scss and Sass30:45 Sponsor: ZEAL31:19 Things you'd do differentlyStyled ComponentsTailwind CSSNext.js35: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 Plugs37:40 James's Pick: Tripod with a Selfie Light38:34 James's Plug: James Q Quick on YouTube38: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.SPONSORSPathwire / Mailgun / MailjetPathwire 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.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Intro0:50 Sponsor: ZEAL1:40 What we've been up to this past week4:15 Creating a Customer Journey MapDesign the process so that you're truly leading a clientOutline touchpoints6:09 Sponsor: Pathwire7:14 Discovery ProcessDetermining the work that needs to be done.7:46 Scheduling initial phone call with Calendly8:42 Vetting the clientWant to make sure that the client will be good for you, too.Template Questionnaire12:20 Creating Estimates and ContractsEstimate through Harvest - https://www.getharvest.comContracts through HelloSign - https://www.hellosign.com/Accepting online payments and paying Stripe fees is part of the cost of doing business13:25 Project Management SystemBasecampAsanaTeamworkNotion13:52 Sending out a welcome documentInclude a handwritten note and a bag of [Ugly Mug coffee](http://uglymug.com15:29 Managing your Finances* Separate bank account* [QuickBooks}(https://quickbooks.intuit.com/)* Freshbooks18:39 Sponsor: Vercel19:32 Two types of expenses (1) stuff for everyday business and (2) items purchased specifically for a client21:54 Legal SideLLC and whyOther options: C Corp and S Corp25:06 Creating ContractsDan Mall's Contract from Superfriend.ly - http://agreement.superfriend.ly/28:19 Business Insurance29:46 Grab Bag Question #1 - How do you make yourself job-ready? When you're constantly preoccupied with an existing work schedule? @theBlackkSkyLearn on the jobTake advantage of free content onlineLearn in public, Twitter Hashtag #100DaysOfCodeLearn Build Teach Discord Community33: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 LaunchCode34:45 Grab Bag Question #3 - Why do coding interviews suck? - @misterhtmlcss on Discord37:46 Amy's Pick: Shoe Dog by Phil Knight38: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.SPONSORSPathwire / Mailgun / MailjetPathwire 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.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Introduction0:40 Sponsor: ZEAL3:06 Finding Clients3:24 What are some things you do to try and find opportunities?Talk about what you doWork in PublicFacebook GroupsDiscord ServersMarketing on the front end, building up to word of mouth.6:00 Thoughts on Fivrr and Upwork7:30 Bryan Harris "Pitching and Closing"7:49 Planning out a ProjectAsk lots of questionsEpisode 4 - Talked about asking lots of questions8:05 Asking what their budget isBenefit both sides by not wasting time10:04 Willing to price out in phases11:04 Ways that you can adjust the budget? What are wiggle room areas?AutomationsUnique Marketing Page TemplatesMemberships12:14 Sponsor: Vercel12:54 Creating EstimatesHarvest for time tracking - https://www.getharvest.com/Toggle - https://toggl.com/Magic Number15:53 Google Spreadsheet for Generating EstimatesJoin the Newsletter to receive this Sheet for Free17:27 How do you avoid scope creep when freelancing?RoadmappingQuick Start Road Mapping: Everything You Need to Know to Get Started18:50 Sponsor: Pathwire19:41 The importance of communicationSending out weekly project updates: what happened this past week, what I intend to accomplish the following week, any blockers or questions21:11 Including a section in the contract of things NOT included22:07 Understanding the ramifications of a change in the projectChanging the scope of the project, typically requires more time and moneyPrioritizing one section, de-prioritizes another22:51 Ways you can Charge a Client23:46 Charging by the Hour26:07 Other costs you have to take into consideration: health care, business expenses, utilities28:54 Value-Based PricingDifficulty in trying to quantify value31:26 Charging a Project-Based Rate33:46 Grab Bag Question #1: When do you set up your business?35:03 Grab Bag Question #2: Project Maintenance35:27 Picks and Plugs35:54 James's Pick: The book, Throne of Glass36:20 James's Plug: eBook, YouTube for Developers36:45 Amy's Pick: Contrast App37: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.SPONSORSPathwire / Mailgun / MailjetPathwire 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.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Introduction2:18 Ask a lot of questionsDesign can be a self-diagnosed solutionWhat's the true problem?3:47 Creating a Mood BoardGives visual languageCollect pictures of everything6: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 phrases10:10 Sponsor: Vercel10:55 Tools within DesignFigmaSketchAdobe XD13:39 Framer as a prototyping tool15:56 Sponsor: Pathwire16:51 Tools are a poor man's excuseLook at something with an opportunity mindsetIt's better to start than to waste too much time debating about which tool to use.19:00 Starting a New ProjectMis en Place - Getting everything in its placeGive yourself a better starting pointMedium post about starting the Compressed.fm design21:10 User TestingCollect as much information as possible within the design phaseIteration is King23:26 Sponsor: ZEAL24:16 Grab Bag Question 1: How do you get started with wireframes?Pen and PaperInvision AppBalsamic25:24 Grab Bag Question 2: How do I learn the standards of web design as a whole or best practices in web design?Design CodeShift NudgeDesigning UI26:26 Grab Bag Question 3: What are your thoughts on Using TailwindCSS for help with design?Important thing is to make it your ownBeginner Tailwind - Course by Chris SevRefactoring UI28:24 Amy's Pick - CleanShot App X29:39 Amy's Plug - SelfTeach.me YouTube Channel30:03 James's Pick - Rocket30:38 James's Plug - James Q Quick on YouTube30: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.SPONSORSPathwire / Mailgun / MailjetPathwire 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.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.https://www.codingzeal.com/hiringShow Notes0:00 Introduction2:42 Asking a lot of questionsWhat 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 MVPWho's going to update it?5:36 Jot things down on paperWhat's it going to look like?7:23 Holotypes - fancy word for categoryA holotype gives a framework for being able to ask the right questions and know what tech to reach for.8:34 Brochure or Marketing SitesMostly informationalExamples: restaurants, stores, moving company9:39 eCommerce SitesCollecting credit card information10:11 Membership SitesManaging usersAbility to Log inDetermining what a user can do once they've logged inCollecting information on your users10:49 Difference between authentication and authorization11:40 Difference between a web site and a web applicationInteractivity13:00 Sponsor: Vercel13:17 YouTube video: I don't use Create React App anymore13:42 Technologies for Brochure and Marketing Sites13:57 WordPressPowers 1/3 of the InternetPowers 14.7% of the top 100 websites16:39 Webflow* No Code Solution* Writes and exports clean code19:40 James's personal site is on Gatsby* Can be difficult if you don't know GraphQL21:01 Other options, apart from ReactNuxt.js is the Next.js Vue equivalentScully for Angular21:26 Platforms eCommerce sitesEasy Digital DownloadsStripePayPalShopifyGravity FormsSnip CartPodiaGumRoad26:14 - Refactoring UI27:17 Sponsor: Pathwire / Mailgun / Mailjet28:58 Membership SitesCompressed.fm is using Auth0 and the API folderMembership plugins within WordPressPodia has a membership component30: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 networkCan 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: ZEAL36:46 Amy's Pick: Roost StandPerfect laptop stand for mobile or remote working.37:23 Amy's Plug: SelfTeach.me on YouTube channelSeries on SVGsGetting ready to release a series on building the custom audio player, used on the Compressed.fm site.37:42 James's Pick: BenQ LightHelps with eye fatigue38: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.SPONSORSPathwire / Mailgun / MailjetPathwire 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.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Introduction2:53 Powering the backend: Sanity.io3:22 The difference between client-side and server-side rendering5:50 Sanity's differentiator: Portable Text8:35 Sponsor: Vercel9:13 Finding a challenge in every project11:14 Working with Framer Motion13:26 Animating a hamburger menu with 2 CSS Properties13:33 YouTube video explaining animating the hamburger animation14:29 Josh Comeau14:43 Authentication with Auth017:59 Experience with Next-Auth18:54 Sponsor: Pathwire / Mailgun / Mailjet20:00 Custom Audio Player22:45 CSS Tricks article: Let’s Create a Custom Audio Player24:31 Big Automation Kick25:03 Sponsor: ZEAL25:55 James's Discord: Learn Build Teach26:06 Grab Bag Question #1: What's the best way to set up SEO metadata in Next.js?26:40 React Helmet27:02 Compressed.fm Source Code on GitHub27: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 GitHub29: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/3tlY0EW31:51 James's Plug: Learn Build Teach Discord Server32:01 James's Plug: His YouTube Channel32:17 Amy's Pick - Gravel Gravel Blanket33:20 Big Blanket Co34:00 Amy's Plug - SelfTeach.me on YouTube