COMPRESSEDfm

In this episode, James Perkins talks about the SaaS he built, Roll Your Tweet, the tech behind it, and how much it costs to run.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:01 Introducing James PerkinsTina CMS1:53 Parenting Tips3:51 Quick Rants: "No one is going to give you a tech job or development job based on social media process"5:43 Quick Rant: Educational Content is better within a Blog Post8:28 Roll Your TweetRoll Your Tweet10:35 Why is not intimidating to build a SaaS app and what tech stack are you using?Feed HiveNext.jsClerkPlanet ScalePrismaSend in BlueRender16:57 Sponsor: DatoCMS17:51 Question: Should you go ahead and build out the Payments piece early or wait until you actually have sign-ups?Paddle22:59 What prompted the change in the tech stack?24:00 How do you run the cron job?Crossover episode with Web Dev Weekly26:54 Working with the Database30:43 Sponsor: Vercel31:50 Developing By Yourself36:41 The Cost of Running Roll Your Tweet40:59 Sponsor: ZEAL41:53 Grab Bag Questions41:58 Question #1: What are you using for the analytics in your app?Plausible44:19 Question #2: Do you stream your work on your SaaS?44:56 Question #3: Will you repeat your tech stack one more time?46:43 Finding James Perkins OnlineTwitterYouTubeTwitch

This episode is Part 2 of Amy and James's favorite VS Code Hot Tips and Tricks for improving the developer experience. They share their favorite extensions, plugins, and themes for getting the most out of VS Code, including some hot takes on GitHub CoPilot.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 Introduction6:59 Our Favorite Extensions7:32 Code Snap and Polacode10:57 Better Comments12:14 Bookmarks13:02 Sponsor: DatoCMS13:56 Cloak14:37 Indent 4 to 216:02 CSS Peak16:48 Error Lens17:34 File Utils19:13 Import Cost21:07 Project Manager21:20 Auto Complete22:09 Tabnine and Kite23:07 GitHub Co-Pilot25:19 Sponsor: ZEAL26:12 Git Integration and Git Lens27:23 GitHub Pull Requests and Issues27:44 LiveShare29:04 IntelliSense for CSS Class Names in HTML30:29 Snippets31:58 Adding Extensions33:07 Thunder ClientJames's YouTube Video on Thunder Client35:04 Calculator35:34 Markdown PDF36:09 Sponsor: Vercel37:15 change-case38:10 Prisma38:43 Color Bracket39:34 Quokka.js40:20 Colorize40:50 Text Pastry41:16 Emmet42:00 Window Colors43:34 Peacock43:55 Building Your Own Extensions44:32 Cobalt 245:37 Other ThemesNight OwlWinter is ComingMidnight SynthcodeSTACKrLevel up TutsShades of PurpleHot Dog Stand47:45 Grab Bag Questions47:56 Question #1: How Hard is it to code your own VS Code Extension?48:10 Question #2: Have you heard of Thunder Client?Thunder Client48:25 Question #3: What do you think of Beginner Developers Using Extensions to Make Things Easier?51:20 Question #4: Any References or Guides on Creating a VS Code Extension that You guys have used?52:34 Picks and Plugs52:36 James's Pick: Duolingo App54:03 James's Plug: James Q Quick on YouTube54:31 Amy's Pick: Pacific Northwest Backpack / Arkadia Supply Co55:07 Amy's Plug: Amy's YouTube Channel

In this episode, David Price talks about Redwood.js, its origin, how it can help you quickly spin up a full-stack JavaScript application, and how you can get involved in their community.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:09 Meet David PricePreston Warner Ventures3:30 What is Redwood.js?7:23 What do you expect modern apps to be able to do?14:31 Origin Story of Redwood.jsTom Preston WarnerChatterbugPeter PistoriusJekyllMatt BiilmannChris Bach19:23 Sponsor: Vercel20:31 Bike Shedding26:17 Taking away the Pain31:17 Structure within Code34:52 Sponsor: DatoCMS35:46 Why React, Prisma, and GraphQL as your starting point?Amy's YouTube Video - Intro to Testing42:59 Learning with Redwood47:34 What is Storybook?50:36 Getting Started with RedwoodRedwood TutorialDiscord CommunityDiscourse ForumsDocs52:55 Sponsor: ZEAL53:49 Redwood.js Stickers54:51 Redwood Community

In this episode, Amy and James share some of their favorite keyboard shortcuts and workflows for using within VS Code.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 Introduction4:02 Quick Rants, Unpopular Opinions, and Parenting Tip6:21 Everything Svelte7:23 VS Code BasicsYouTube Vide on Webstorm and VS Code9:37 Working with Text and NavigationUse arrow keys to go up / down a line or left / right character by character(Mac) Option + left / right to go word by word(Mac) Cmd + left / right to go to the beginning/end of a link(Mac) Cmd + top/bottom to go to the top/bottom of the page(Mac) Within Keyboard Settings, you can change your key repeat and delay until repeat(Mac) Cmd + D or (Windows) Ctrl + D, to select an entire wordAt the end of the word, (Mac) Opt + Backspace to delete the word(Mac) Cmd + D to select a word, then Cmd + D again to select the next instance of that word in your document(Mac) Cursor on a variable name + F2 to rename all instances of that variable within the fileEpisode 49 - Working within the Terminal(Mac) Opt + up/down - move the file up or down. If you hold down shifts while you do that it, it will duplicate the lineIf you’re on a line, don’t select anything, and hit (Mac) Cmd + C, it will copy the entire line.If you’re on a line, don’t select anything, and hit (Mac) Cmd + X, it will cut the entire line(Mac) Cmd + Enter to inject a new line after the line you’re in.(Mac) Cmd + Shift + Enter to inject a new line above the current line(Mac) Select a word, then hit Cmd + F, it will pull up the Find search box, with the word you selected pre-populated(Mac) James has set up a custom keyboard shortcut to do the same thing with Cmd + H for replace.To set up a key binding, hit Cmd + Shift + P, type in Keyboard Shortcuts, and VS Code provides you with an interface for customizing your shortcuts18:54 Sponsor: DatoCMS19:48 Customize Editor LookTurn off Mini MapHide File Preview / Turn off soft opensBreadcrumbsOutline Toggle (within the sidebar)Files currently open (within the sidebar)(Mac) Cmd + B to toggle the sidebar open and closed(Mac) Cmd + Shift + F to show and hide the TerminalZen Mode25:14 SnippetsSnippet Manager - https://code.visualstudio.com/docs/editor/userdefinedsnippets27:11 Opening, Closing, and Saving Files(Mac) Cmd + P to search for a file(Cmd) Cmd + Shift + P to open the Command PaletteAdvanced New File(Mac) Cmd + Ctrl + right/left/top/bottom arrow to move that window into split-pane view(Mac) Right click on the tab to open the same file in split pane view29:56 Split Pane View32:09 git within VS Code33:49 Integrated Terminal36:11 Debugging within VS CodeAmy’s YouTube Video on Debugging37:47 Sponsor: ZEAL38:40 Extensions within VS CodeSettings SyncLive Server ExtensionAdventofJs.com and Adventofcss.com40:40 Themes41:00 vimVim for VS Code from JS JoeOn Twitter @jsjoeiovim.so from Kenneth43:41 Sponsor: Vercel - http://vercel.com44:49 Grab Bag Questions45:07 Question #1: How do you make VS Code work like PHP Storm, or Web Storm, as far as auto imports and hinting?James on YouTube: Video for comparing VS Code and PHP Storm46:53 Question #2: How do you make VS Code open from the TerminalAdd VS Code to your Path48:26 Question / Comment #3: Find and Replace with RegexCrossover episode with Web Dev WeeklyBrad’s YouTube Video on working within RegexRegexPal.com50:15 Picks and Plugs50:28 Amy's Pick: Taco Cat Goat Cheese Pizza51:05 Amy's Plug: Everything Svelte51:33 James's Picks and Plugs: Black and Decker Coffee Grinder52:14 James's P

In this episode, Shaundai Person talks about her interview experience at Netflix and what it’s like to work there. She has several tips for landing your first or next job.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 IntroductionReact RobbinsTS for JS1:17 Introducing Shaundai3:39 Advantages of Having a Sales Background9:43 Specific Example from one of Shandai’s Interviews14:08 Sponsor: ZEAL15:01 What was involved in the Technical Side of Your Interview?17:30 Culture FitCulture Fit vs. Culture Add19:03 Getting comfortable in the Interview24:25 Sponsor: Vercel25:33 Come with a list of questionsQuestion: “Share a story with me that you think embodies what you love about the Netflix culture”Ask targeted questions, specific to the personSend out Thank You Videos after the interview33:18 Do we need to complete all the coding challenges on LeetCode before getting a job at Netflix?35:48 Research before the interviewFrontend Happy HourReach out to people currently doing the job you’re interviewing for, at that company41:27 Sponsor: DatoCMS42:21 What languages, frameworks, tools, are you working with right now?42:50 If you fulfill 75% of the requirements, go for it.46:29 Anything your want to share about the kind of day-to-day activities?

In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other?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 Introduction8:19 When do you start adopting new CSS Properties into Your Workflow10:25 History of Grids12:50 Floats in the Olden Days16:32 Sponsor: Vercel17:39 Problems Flexbox and Grid Solve18:45 The Difference Between Flexbox and Grid21:19 How well do you know all the properties?CSS Tricks CSS Grid CheatsheetCSS Tricks Flexbox CheatsheetKevin Powell on YouTubeFlexbox FroggyWhat the Flexbox (by Wes Bus on YouTube)24:49 Sponsor: DatoCMS25:42 Using Flexbox30:46 Sponsor: ZEAL31:39 Favorite Parts about Flexbox32:42 flex-wrap34:23 flex-grow35:11 flex-shrink36:06 order38:33 CSS GridCSS Grid course by Wes Bos39:58 12 Column Grid45:25 Grid Template Areas47:01 Displaying Tabular Data48:48 Grab Bag Questions49:01 Question #1: What do you think about using grid and flexbox together?49:49 Question #2: When do you reach for CSS Grid and when do you reach for Flexbox?50:25 Question #3: Why should he learn Grid if he already knows Flexbox?51:58 Picks and Plugs52:11 James's Pick: Charcoal Pillow from Costco53:15 James's Plug: James Q Quick on TikTok53:40 Amy's Picks: Drink Holder for Luggage54:11 Amy's Plug: EverythingSvelte.com

In our very first guest episode, Brian Douglas, Director of Developer Advocacy at GitHub, joins us to talk about Open Source projects and the benefits of contributing.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.com

In this episode, Amy and James cover the Terminal: commands to use, shortcuts, and power features.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 0:00 Introduction7:31 What is the terminal?11:34 Difference between Mac/Linux and Windows13:24 Basic Commands13:38 Navigating Directories15:23 cd ls18:06 Education of Different Flags20:04 Sponsor: DatoCMS21:11 Creating a file in Linux21:45 Move or Rename22:11 Copy and Remove23:21 Wes Bos Trash Plugin23:56 echo24:47 wc25:20 Clear Terminal26:10 pwd26:35 Quit Commands27:20 Grep Command29:44 Sponsor: ZEAL30:38 Sudo32:50 chmod Command37:06 Pipes38:50 Sponsor: Vercel39:57 Tail and Head41:04 Diff Command41:27 Tar and Zip42:48 SSH and SEP43:11 vi/vim, nano47:10 npm47:31 People that use cli48:57 Hyper Terminal Built on Electron49:34 Command Line Power User Course from Wes Bos50:09 zsh + bash52:20 Grab Bag Questions - Tweet Us @compressedfm!52:45 Picks and Plugs52:59 James's Pick: Portable Charger54:29 James's Plug: James Q Quick on YouTube54:51 Amy's Pick: The Whistler by John Grisham55:14 Amy's Plug: Level Up Tutorials Course on Keystone and Tailwind

In this episode, James and Amy talk about all the ways that you can make money online, as a developer. This includes everything from content creation, to sponsored content, to creating a SaaS, to freelancing.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 Introduction4:20 Software Development5:26 Changing Companies and Salary7:22 Sponsor: ZEAL8:15 Freelancing9:29 Previous Freelance EpisodesEpisode 6: Freelancing (Part 1)Episode 7: Freelancing (Part 2)Episode 29: Freelancing IRL: Unveiling a Site Redesign11:16 Learning Opportunities with Freelance14:02 Making and Selling Software17:13 Lead Magnets18:36 Content Creation18:52 YouTube AdSense19:59 Sponsored Videos21:10 Sponsor: DatoCMS22:03 Income from Sponsors23:30 Patreon26:35 Sponsor: Vercel27:42 Writing Articles30:21 eBook32:22 Creating Courses33:23 Expanding Your Community35:05 Consulting, Coaching, and Mentoring37:50 Grab Bag Questions38:03 Question: How much do you consult your full-time employer about side gigs?41:44 Picks and Plugs41:55 Amy's Pick - MonsDRAWsity42:48 Amy's Plug - Everything Svelte43:21 James's Pick: How I Met Your Father44:16 James's Plug: James Q Quick's YouTube

This episode is all about hooks within React: useState, useEffect, useReducer, useContext, useRef, useMemo, and useCallback.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 Introduction4:55 What was before React Hooks5:14 Class Based Components5:28 Functional Components6:19 Experience with Classes9:14 Benefits of React Hooks11:31 useState16:17 Sponsor: DatoCMS17:11 useEffect22:37 useReducer29:22 useContext32:42 Sponsor: ZEAL33:34 useRef35:42 useMemoWeb Dev Simplified, useMemo in 10 MinutesBen Awad39:08 useCallbackWeb Dev Simplified, useCallback in 8 MinutesBen Awad41:15 Sponsor: Vercel42:08 Grab Bag Questions42:27 Question #1: useState vs useContext44:28 Question #2: How can we pause rendering?46:51 Question #3: useRef vs. useState and in what condition will useState cause an infinite loop?48:19 Question #4: Do you actually use useCallback and useMemo?49:44 Question #5: What are some powerful ways you guys have used custom hooks within React?Custom Audio Player on YouTube51:44 Question #5: Forms with mobX, useState, mvvm, and Validation52:50 Picks and Plugs53:01 Amy's Pick: Paper Like Screen Protector53:26 Amy's Plug: SelfTeach.me YouTube Channel53:37 James's Pick: iPad Keyboard Case54:52 James's Plug: James Q Quick on YouTube

This episode is all about design systems! Why use them, atomic design, specifics, examples, maintaining, and what to do if you don't have a current system.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.com

This episode takes a behind-the-scenes look at Advent of CSS and Advent of JavaScript: the planning, technology, struggles, and learnings.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 Introduction4:56 Advent of CSS and Advent of JavaScript9:29 Technology Overview10:26 Sponsor: Vercel11:33 Working with SvelteKit15:06 ConvertKit25:15 Sponsor: DatoCMS26:09 Podia for Hosting the Course Content28:45 Gumroad31:33 Integrations with Zapier35:06 Sponsor: ZEAL36:00 Marketing and Promotion38:42 Things we would have done differently45:19 Grab Bag Questions45:30 Grab Bag Question #1: Plans for Adding Code in Browser46:44 Grab Bag Question #2: Does Hosting Play a Part in Your Tech Stack Decision?48:03 Grab Bag Question #3: Who is your target audience?50:04 Picks and Plugs50:07 James's Pick: Mistborn Series50:25 James's Plug: James Q Quick on YouTube51:23 Amy's Pick: Balega Socks51:51 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy and James talk about their experiences on actual development teams and the different processes and workflows that work best.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:58 Jobs on a Development Team4:58 What is agile?7:09 Sprints8:32 Deadlines and Milestones10:19 Sponsor: Vercel11:25 Writing Stories15:23 Types of Stories21:26 Version Control and Git within a TeamEpisode 34 - Getting gitUsing Git with a Team on YouTube22:55 Continuous Integration and Continuous DeploymentEverything Svelte26:41 Code ReviewsTweet from James / Compressed.fm Codebase28:27 Sponsor: DatoCMS29:21 Prioritizing and Pointing Stories34:47 Who writes the stories?36:21 Velocity38:26 Pair ProgrammingTupleLiveShare through VS Code45:08 Meetings47:46 How Design Fits into the Process49:12 Sponsor: ZEAL50:05 Grab Bag Questions53:10 Amy's Pick: Rainbow Pirates53:27 Amy's Plug: Everything Svelte53:50 James's Pick: Kreg Pocket Hole Jig Pro 72055:53 James's Plug: James Q Quick on YouTube

New year, new you. If you're thinking about getting started or are new to dev, this episode is for you! Amy and James talk about where they started, where they would begin today, and any and all advice for beginners.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/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 Introduction2:39 Sponsor: ZEAL3:24 PSA: Logarithm vs Algorithm5:58 Amy's Learning Process7:31 James's Learning Process10:12 Make Learning Fun12:29 Consistency while Learning Something New13:24 Where's a Good Place for People to Get StartedCrossover Episode with Purrfect.dev17:40 Sponsor: Vercel18:46 Where to get startedFree Code CampLearn Build Teach Discord CommunityLevel Up Tutorials Discord CommunityJason Lengstorf, Party Corgi Discord CommunityColby Fayock, Space Jelly Discord CommunityScrimbaScrimba Discord CommunityTraversy Media on YouTubeAnia Kubow on YouTubeAnia Kubo - 12+ Hour Boot CampJessica Coder CoderWeb Dev SimplifiedColby Fayock on YouTubeJesse from CodeStackrColby's Course on Level Up Tutorials: eCommerce on the JAMStack with SnipCart, Next.js, and WordPressLevel Up TutorialsCourses by Wes BusCourses by Chris Sev on Better.devJames Q Quick's CoursesJames on YouTubeAmy on YouTubeJavaScript JabberSyntax.fmCodePen RadioShop Talk ShowCode NewbiePurrfect DevWeb Dev WeeklyCompressed.fm - Episode 2 - James's Origin StoryCompressed.fm - Episode 3 - Amy's Origin Story27:40 How do you prioritize all the things that someone could learn?Tech Rally on TwitterDanny Thompson29:53 Finding and Reaching out to Mentors34:09 BootcampsLearn AcademyLaunch Code38:19 Community40:55 Going Beyond a Tutorial42:26 Sponsor: Tella.tv43:13 Adding on to a TutorialAdvent of CSSAdvent of JavaScript45:41 Job SearchTaylor Desseyn49:47 Grab Bag Question - Original Tweet52:32 Picks and Plugs52:46 Amy's Pick: Code Names53:43 Amy's Plug: Everything Svelte54:48 James's Pick: Laptop Stand55:40 James's Plug: Building a Dynamic Landing Page with Next.js, Tailwind, and DatoCMS

In this episode, Amy and James share all their goals for 2022, including 2 big announcements for Compressed.fm!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 Introduction4:23 12 Projects in 12 Months6:03 Personal Branding7:37 Community9:30 Everything Svelte10:32 Project Files to Sell11:43 Sponsor: ZEAL12:35 Compressed.fm14:13 Open Source ProjectsEpisode 28 - Web Dev Weekly Crossover EpisodeBrad Garropy - npm Video15:32 Advent of CSS / Advent of JavaScript17:55 Frontend Blitz20:14 Doubling Down on Content Creation25:34 Sponsor - DatoCMS26:27 Compressed.fm Podcast27:47 Non-Tech GoalsIllustration Course by The FuturChris Do on InstagramBuilding a Brand Playlist on YouTubeCopy SchoolResources by Joana Wiebe35:23 James's Four Core Pillars38:41 Paid Content40:04 Sponsor: Vercel41:10 Building a Domain-ed App42:42 YouTube Content44:18 Grab Bag Questions44:28 Question #1: Guest Speakers, More Live Episodes, and Swag44:39 Question #2: Any Plans for Design Centered Topics: Design Thinking, Typography, UI UX, Design, Design Systems?45:50 Question #3: What recommendations do you have for frontend developers looking to lean the backend to become a full-stack developer?Scott TolinskiWes Bosbeginnerjavascript.comWeb Developer Bootcamp by Colt Steele47:49 Question #4: How do you focus on learning with so many resources? How do you vet resources for learning? When do you re-evaluate goals? When you were doing your planning for this year, what kind of thought process did you have from an organization standpoint?Virtual CoffeeAugust BradleyWandering Aimfully53:26 Picks and Plugs53:36 Amy's Picks: Whooshi Wipes54:04 Amy's Plug: Everything Svelte54:50 James's Pick: Floating Ball55:41 James's Plug: Everything Svelte

In this episode, Amy and James reflect back on 2021, things they accomplished, goals they met, places they fell short, and areas to improve upon.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 Introduction5:05 Starting a Podcast: Compressed.fm6:33 Advent of CSS and Advent of JavaScript9:48 Sponsor: ZEAL10:42 Live Streaming12:59 YouTube Channel17:35 TikTok18:40 James's Newsletter20:07 Weaknesses22:13 Sponsor: DatoCMS23:07 Promotions and Giveaways25:33 YouTube Segments and Series28:26 Twitter Numbers31:05 Skills to Improve On35:19 Mini-Courses and Lead Magnets37:00 Sponsor - Vercel38:08 Grab Bag Questions38:20 Question #1: Is Vercel going to take over the JAMStack space next year?40:26 Question #2: Has a year of podcasting contributed to you as a tech teacher? What did you learn from it?42:03 Question #3: How do you feel going into 2022 compared to last year?43:41 Picks and Plugs43:48 Amy's Pick: Unstable Unicorns44:48 Amy's Plug: Everything Svelte45:53 James's Pick: Bird Dog, Men's Joggers46:26 James's Plug: Svelte Crash Course on YouTube

In this episode, Amy and James discuss design trends to look forward to in 2022, including gradients with grain, large typography, and interactivity.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/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 IntroductionArticle on Webflow: Web Design Trends in 20228:35 #1 Mini-Sites of Delight10:31 Sponsor: Vercel11:38 #2 App Like Experiences12:48 #3 Art Deco13:03 #4 Line Work16:46 #5 and #6 Fewer Images and Oversized Typography18:02 #7 Interactivity18:23 #8 Collages and Abstract Illustrations19:30 #9 Gradients with GrainCharli Marie Podcast, Inside Marketing Design at Stripe21:09 #10 Glass Morphism22:13 Sponsor - Tella.tv23:26 #11 Scrolling Animations25:00 #12 Less Neo Morphism28:13 #13 Inclusive Copy28:19 #14 Gender-neutral Design28:30 #15 Page Speed Prioritization31:24 #16 No Code32:30 #17 More Emphasis on Users32:54 Sponsor: ZEAL33:49 Grab Bag Questions34:00 Grab Bag Question #1: Will we avoid new trends that end with morphism?37:21 Grab Bag Question #2: Trends for Feature Discovery39:02 Grab Bag Question #3: Minimalistic Design42:00 Picks and Plugs42:11 Amy's Pick: Unstable Unicorns42:49 Amy's Plug: Advent of CSS43:25 James's Pick: Mistborn Series44:43 James's Plug: Advent of JavaScript

In this episode, Amy and James discuss the future of web development: Astro, Vite, Supabase, SvelteKit, Redwood.js, Blitz.js, GitHub Co-Pilot, Web Assembly, Blockchain, w3, no-code, and low-code.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 IntroductionOpryland Hotel3:24 Astro.build9:33 Veet13:29 Sponsor: DatoCMS14:22 Supabase17:20 Remix.run19:26 MacBook Pro22:57 NAS Drive26:45 Sponsor: Vercel27:54 SvelteKit30:17 Next32:55 Redwood.js and Blitz.js36:52 Blockchain and W337:58 Web Assembly40:38 TypeScriptEpisode #32: Getting Started with TypeScript42:05 Sponsor: ZEAL43:36 Automated Testing44:25 No-Code / Low-Code SolutionsEpisode #13: The Future of Code with No Code47:09 GitHub CoPilot48:45 Go49:55 Grab Bag Questions50:10 Question #1: What has staying power? How do we know what to stay focused on?51:47 Question #2: What do you think about low code platforms?52:53 Question #3: What will the future of JAMstack look like as some of these new libraries and frameworks gain traction?53:40 Question #4: Will Svelte, Rust, Solidity, W3, and React Server components take over?54:57 Question #5: Do you think more technologies like GitHub CoPilot, where AI helps you write code become more prominent?56:15 Picks and Plugs56:25 James's Plug: Heater Lamps57:42 James's Plug: Advent of JavaScript58:09 Amy's Plug: 3 Prong Car Charger58:44 Amy's Plug: Advent of CSS

This episode is full of picks! Amy and James talk about all of their favorite things, just in time for the holidays.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 Introduction4:32 Under $5Random Frank P on YouTube5:09 Screen Cleaner5:41 Sidewinder7:01 Animal Cord Clips7:21 Cord Clips7:36 iPhone Case by Thread Wallets8:00 Magsafe iPhone Wallet by MOFTMOFT Laptop Stand9:34 Anker Charger10:21 Car Charger10:37 Power Extension Cord11:22 Charger with Tray12:33 Carabiner with Clips12:48 Gravel Travel Blanket13:07 Water Bottles13:22 Switch Pod13:44 Sponsor: Vercel14:52 Content Creation15:14 Selfie Stick15:45 Phone Mount for Selfie Stick (with Screw)16:04 Ulanzi Ring Light16:26 Lapel Mic17:01 Zoom H1N19:47 LED Accent Lights20:26 Smart Home DeviceAlexaGoogle HomeHomePod20:45 Cameras from Wize21:24 Game Controller for your Mobile Device21:51 Starbucks, Peppermint Mocha Coffee22:10 Cold BrewJames's Cold Brew MakerAmy's Cold Brew MakerReal Good Coffee Co, Coffee Beans24:17 Tech24:22 Air Pods Pro25:45 Ring Security System26:29 Kindle26:59 Smart Bulbs, Hue27:41 Jet Pack Hot Spot28:21 Nord VPN28:25 Digital Photo Frame29:10 Rooster Stand29:36 SanDisk Ruggable Hard Drive29:54 NAS Drive30:34 Backblaze B2 Service30:41 Smart Plugs31:04 Raspberry Pi31:52 Sponsor: DatoCMS32:46 Bags32:58 Peak DesignTravel BackpackEveryday CarrySlingToteTech Pouch34:48 Costco Backpack35:17 Peak Slide: Camera Strap35:27 DJI Osmo35:40 Falcon Eyes Lights35:58 BooksFacebook the Inside StoryFast CompanyWired MagazineThrone of Glass Series36:51 Sponsor: ZEAL38:22 Clothing38:27 Stitch Fix38:39 Goodr Sunglasses39:33 Patagonia Micro Puff Jacket39:57 Costco Parka40:56 Fabletics41:26 Grab Bag Questions42:56 Picks and Plugs43:12 Amy's Pick: Ultra Learning45:23 Amy's Plug: Advent of CSS45:39 James's Plug: Advent of JavaScript45:48 James's Pick: Christmas Light Clips

In this episode, Amy and James discuss all the things that go into course creation: why? What? How? Where to Host? Building the right audience.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/careersTellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly. For more information visit tella.tvShow Notes0:00 Introduction6:29 Why create a course?Building an audienceGenerate side income16:29 Sponsor: Tella17:22 What do you create a course about?23:39 How do you plan a course?28:02 Sponsor: Zeal29:33 How do you help people in your courses?30:47 Other components that go into course creation37:12 Where to Host a Course?PodiaUdemyTeachableThinkific43:35 Sponsor: Vercel44:44 Grab Bag Questions45:01 How do you provide support for your course?46:34 How do you determine what to charge?49:24 How do you build the right audience?50:27 Picks and Plugs50:41 James's Pick - Presentation Clicker51:31 James's Plug - James Q Quick on TikTok51:42 Amy's Pick - Sanuk Sandals52:08 Amy's Plug - Advent

In this episode, Amy and James discuss all things SVGs: what is, why, and when to reach for it, and seven different ways to get an SVG on the page, and the pros and cons of each method.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