COMPRESSEDfm

In this episode, James explains the basics of getting started with SvelteKit and how it compares to other frameworks, like Next.js.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction0:51 Sponsor: ZEAL5:09 Context for Learning Svelte and SvelteKit8:00 Landscape of Web Application DevelopmentSPA - Single Page ApplicationAngular, React, and VueServer Side Rendered Pages vs Statically Generated PagesRich Harris, works at The NY Times, is behind Svelte13:16 Svelte is compiled into Vanilla JavaScript = faster applications13:50 Differences in how the frameworks handle HTML/JSX, CSS, and JavaScript15:35 Why people like SvelteDouble Data BindingForm HandlingStores Built-InAnimations Built-In21:29 SvelteKit - Framework for handling routing, caching, statically generated pages, and server-rendered pages24:28 CSS Scoping25:56 Hosting26:33 Sponsor: Vercel28:22 ToolsViteSnowpack29:57 Grab Bag Questions30:17 Grab Bag Question #1: If you were to start a new project, would reach for SvelteKit or Next.js?31:07 Grab Bag Question #2: Are there holes in Svelte or SvellteKit? Things that you see in other frameworks, like React or Vue that you wish were part of Svelte?31:54 Picks and Plugs32:07 James's Pick: OnCloud Tennis Shoes33:09 James's Plug: Learn Build Teach Discord Server33:45 Amy's Pick: Kindle Paperwhite34:37 Amy's Plug: YouTube Video - Debugging in VS Code

In this episode, Amy and James talk about their desk setups and all the gear they use to write code and create audio and video content.SponsorsVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction2:25 ComputersAmy: MacBook Pro 15" 2018, 2TB and 32G RAMJames: MacBook Pro 15" 2018, 512MB and 16G RAM6:33 Mice and KeywordsApple Magic MouseApple Track PadApple Magic KeyboardLogitech M570 Wireless Trackball MouseLogitech MX310:50 DesksJames: Jarvis Adjustable Standing Desk from Fully, 72"x36"Amy: Autonomous Smart Desk Pro 70.5"x30"12:13 Office ChairsAutonomous Ergo StoolAutonomous Ergo Chair ProIkea Office Chair13:42 Cable ManagementCable TiesWire TrayCable BoxCable Tray for Autonomous DeskRubber Cable HoldersWhite Gaff tapeVelcro Wrap15:25 Docks / HubsCal Digit TS3 USB HubUSB Hub17:49 MonitorsJames: Two 27" LG MonitorsMonitor for 2 MonitorsAmy: 49" Samsung Ultrawide MonitorErgotron Monitor ArmErgotron HX Heavy-Duty Tilt Pivot – Add-on for HX Monitor Arm12 South Arc12 South HiRise Stand (for iPhone)20:19 Sponsor: ZEAL23:15 Cameras and Recording GearAmy: Nikon Z6Nikon Z6 Film Maker's KitJames: Canon M50Sigma f1.4 16mmElgato Cam LinkAtomos NinjaNikon 24mm - 70mm Kit LensThink Media YouTube Channel for Gear and Camera Recommendations28:12 Audio EquipmentAmy: Rode Podcaster MicScotch.io@chris_sev on TwitterShure SM 7BPre AmpAudio InterfaceRode Swivel Arm32:09 LightingElgato Key LightCheap Softbox KitRing Light34:10 Sponsor: VercelNext.jsNext.js 11 AnnouncementNext.js Conf35:12 External StorageSanDisk 2TB Ruggedized DriveSeagate Passport DriveWestern Digital Passport DrivesSynology NAS Drive39:45 Extra PeripheralsRemarkable Tablet 2Wireless Bose HeadphonesStream Deck from ElgatoBenQ LightFoot Rest / Calf StretcherAir Pods ProWacom TabletAstro Pad app on iPadAnchor Wireless ChargerEmber Mug43:38 Grab Bag Questions: What is the next thing you'll change in your setup?45:26 Picks and Plugs45:38 Amy's Plug: Learn Build Teach Discord Server46:20 Amy's Pick: Storage Caddy47:04 James's Pick: Readme.soKatherine Peterson on TwitterKatherine Peterson on James's Twitch Stream48:20 James's Plug: James Q Quick on YouTube ChannelUsing Async AwaitSvelte Crash Course

Amy and James talk about various No Code options, how they use it in their work, and how it might affect the future of development.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersShow Notes0:00 Introduction3:04 What is No Code?4:39 Why No Code?7:24 The Craft of Coding9:26 Webflow10:46 WordPress Theme Builder - Divi11:55 Other WordPress OptionsElementorBeaver Builder13:32 SquareSpace14:22 Wix14:38 BubbleUseful for building web applications16:01 Sponsor: ZEAL16:41 Different tools for making it easier for developers17:54 Amplication - No Code on the backend18:25 Supabass - Open Source Alternative to Firebase19:17 Using Construct Three to Learn Basic Coding Concepts21:50 Creating CoursesWes BosScott TolinskiGumroadUdemyPodiaKajabiThinkificTeachable24:25 AutomationsIFTTTZapierAirTableAutomate All the Things on YouTubeAutomate All the Things Twitch Stream30:21 Serverless Functions30:26 Sponsor: Vercel31:10 Do you think No Code will ever replace developers?33:29 Grab Bag Questions33:42 Grab Bag Question #1: Is No Code Worth Learning? @developercam on Twitter36:13 Picks and Plugs36:25 Amy's Pick: iStat Menu37:14 Amy's Plug: SelfTeach.me on YouTube38:04 James's Pick: Chacos38:57 James's Plug: James Q Quick on YouTube - Crash Course on Svelte

Amy and James talk everything productivity, from their favorite applications, workflows, and automation.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit softwareresidency.com/careersKwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.For more information, visit kwes.ioShow Notes0:00 Introduction 3:28 Default Folder X5:06 Fantastical - Calendar Replacement5:43 Better Touch ToolRearranging Windows Connecting my Air Pods Show my Desktop 6:59 Karabiner ElementsRemapping Caps Lock to a "Hyper Key" (Cmd + Alt + Cmd + Shift) to create more keyboard shortcuts Remap the right command key to escape Remap the right shift key to caps lock 8:31 Sponsor: Vercel9:43 Text Expander12:23 Alfred13:07 Copy Clip and Fly Cut16:15 Contexts - tab through individual windows16:52 Magnet for window management17:16 Stream Deck17:48 Hazel19:38 NotionMarie PoulinWilliam NuttAugust Bradley21:48 AirTableLearn with Jason23:52 Sync Inc24:40 Sponsor: KwesForms25:59 Good Notes on the iPad27:24 Notes app on Mac 28:10 Remarkable Tablet29:43 Three Most Important Things 30:20 Trello30:58 Learn Shortcuts 32:25 Extensions within VS Code GitLens ExtensionIntelliSense for TailwindCSS Classes 33:12 Learn VS Code Debugging Power Features 34:28 Templatize Things you can Repeat 35:15 Grab Bag Questions 36:07 Grab Bag Question #1: What's your workflow for creating content? 39:00 Grab Bag Question #2: How do you avoid burnout? 41:01 Sponsor: ZEAL42:37 James's Pick: Thunder Client Extension in VS CodeYouTube Video: I Don't Need Postman Anymore!! I Use VS Code Instead...43:48 James's Plug: Learn Build Teach Discord44:11 Amy's Pick: Reclaim for Calendar Syncing45:05 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy and James talk about 5 more design principles: alignment, emphasis, proportion, white space, and movement, and how they can be applied to real-life projects.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comKwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.For more information, visit kwes.ioShow Notes0:00 Introduction0:50 Sponsor: ZEAL2:06 This past week...3:53 Design Principle #1: Alignment5:41 Power Tip: Using Guides6:57 Left Aligned is best8:40 Optical Alignment10:26 Working with a 12 Column Grid System11:31 Breaking the Grid12:04 Sponsor: KwesForms12:32 Design Principle #2: Emphasis15:29 Design Principle #3: Proportion18:05 Units of Measure20:16 Using srcset21:50 HTML Picture Element22:34 8 Point Grid23:06 Design Principle #4: White Space or Negative Space25:04 Proximity26:37 Sponsor: Vercel27:34 Design Principle #5: MovementClarifying what is happening for the userCreating a Mental Modal of how elements are laid out30:51 Grab Bag Question: Could you recommend any free resources for website colors?CoolorsTailwind ShadesRefactoring UI34:12 Amy's Pick - Instax Mini LiPlay Camera35:26 Amy's Plug - SelfTeach.me YouTube36:31 James's Pick - Amplication37:22 James's Plug - Learn Build Teach Discord Server

In this episode, Amy and James talk about 5 design principles: unity, contrast, balance, rhythm, and visual hierarchy and how they can be applied to an actual project, including their own.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comKwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.For more information, visit kwes.ioShow Notes0:00 Introduction2:24 Art vs Design4:34 Can anyone do design?7:16 Principle #1: UnityUX EngineerCues from branding elements: typography, color palette, typographyconsistent design, equals a cleaner design, equals cleaner codeLook at the entire picture: What problem is your product trying to solve? Who are you solving this problem for? And what's the overall message that you're trying to resonate with your audience? And how should you break down that product into smaller pieces and organize it?10:59 Sponsor: KwesForms11:31 Principle #2: ContrastAccessibilityDrive focus to specific areas of the design16:04 Sponsor: ZEAL16:43 Principle #3: BalanceOne element is perceived as heavier than a smaller elementWays to achieve this:ColorSizeWhite SpaceTypes of Balance: Symmetrical, Asymmetrical, Radial, and Mosaic21:09 Principle #4: RhythmYou expect things to be laid a certain wayIf something is not in line, it creates contrast"Know the rules so that you can break them." -- Generally breaking one principle to drive another principle23:17 Principle #5: Visual HierarchyLead or pull the user through24:01 Assessing the call to action on our own personal sites26:49 Sponsor: Vercel27:39 Ways to Establish Visual HierarchyColorSizeBalanceWhite Space29:28 YouTube's red isn't accessible31:30 Above the Fold33:02 Grab Bag QuestionsCam the DeveloperMatias33:30 Grab Bag #1: What is a good resource for determining typography combinations?What Font? Bookmarklet35:59 Grab Bag #2: Hod you find your watering holes and how do you determine what to teach?40:07 James's Pick: Thermo Flask 2 Pack from Costco40:56 James's Plug: James Q Quick on YouTube41:24 Amy's Pick: Sipp App42:10 Amy's Plug: Self Teach Me on YouTube

Amy talks about tech stack (Next.js, Sanity, and Tailwind) and some of the decisions she made while building selfteach.me. James and Amy also discuss form management for static sites and some marketing tactics.SPONSORSVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comKwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.For more information, visit kwes.ioShow Notes0:00 Introduction3:31 Sponsor: ZEAL4:27 Related EpisodesEpisode 3 - Compressed.fm Tech StackEpisode 8 - JamesQQuick.com Tech Stack5:20 First iteration of the site: on WordPress6:01 Rebuilding the Site on Gatsby and MDXPros of Gatsby:Site SpeedMarkdownIncluding React ComponentsCons: Maxing build times on NetlifyLong build timesConstantly restarting Gatsby10:39 Moving to Sanity for contentPortable Text FTW!Better Developer Experience17:31 Using Tailwind CSSExplaining Utility-Based FrameworkPurgeCSS20:27 Experimenting with New Technologies20:44 Pros for using TailwindNaming things is hardSpecificityEveryone is working from a similar naming conventionRemove HTML, remove the the corresponding CSS = cleaner codebase22:57 Sponsor: Vercel25:35 Sponsor: KwesForms29:13 Using RightMessage for marketing31:55 Soft Launch vs Hard Launch33:54 Things you'd do differently34:07 Reduce the barrier to entry35:57 Move to Styled Components37:19 Grab Bag Question #1: how can you deliver rich experiences like MDX with Sanity and SvelteKit?38:50 Grab Bag Question #2: Is it easy to switch from React to Next?41:11 James's Pick: Book by Reggie Ford PTSD42:31 James's Plug: James Q Quick on YouTube42:51 Amy's Pick: RoadID44:06 Amy's Plug: SelfTeach.me on YouTube

In this episode, James and Amy discuss the tech behind jamesqquick.com. This site was built on top of Gatsby and Sanity. They discuss the decisions James made along the way and the things he might do differently.SPONSORSPathwire / Mailgun / MailjetPathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.For more information, simply visit Pathwire.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Intro3:05 Context in building jamesqquick.com4:46 Deciding to rebuild the site on GatsbyGatsby - https://www.gatsbyjs.com/6:29 Upgrades and improvements from moving off WordPress8:28 The Gatsby Plugin Ecosystem9:03 Sending your RSS feed to Dev.to for cross-postingTutorial: Publishing a Post Pulled in via an RSS Feed12:18 Hosting13:00 Sponsor: Vercel13:49 Moving from Markdown to Sanity21:35 Email MarketingMailChimpConvertKitPodia22:25 Serverless Functions23:14 Sponsor: PathwireMailGun - http://mailgun.comMailJet - http://mailjet.com25:18 React Ecosystem26:12 React Awesome Reveal26:37 Font Awesome for Icons27:14 For styling, using ScssDifference between Scss and Sass30:45 Sponsor: ZEAL31:19 Things you'd do differentlyStyled ComponentsTailwind CSSNext.js35:14 Grab Bag Question #1: If you are the only updating Sanity, can you host it locally or does it need to be accessible online?36:12 Grab Bag Question #2: When will you migrate your site to Next.js?36:24 Grab Bag Question #3: How do you like Sanity as an authoring experience?37:29 Picks and Plugs37:40 James's Pick: Tripod with a Selfie Light38:34 James's Plug: James Q Quick on YouTube38:55 Amy's Pick: Hunt a Killer (30% off)40:30 Amy's Plug: SelfTeach.me on YouTube

Amy and James finish their discussion on freelancing in part 2. This episode covers journey maps, project discovery, vetting clients, submitting estimates and contracts, project management, finances, and business insurance.SPONSORSPathwire / Mailgun / MailjetPathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.For more information, simply visit Pathwire.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Intro0:50 Sponsor: ZEAL1:40 What we've been up to this past week4:15 Creating a Customer Journey MapDesign the process so that you're truly leading a clientOutline touchpoints6:09 Sponsor: Pathwire7:14 Discovery ProcessDetermining the work that needs to be done.7:46 Scheduling initial phone call with Calendly8:42 Vetting the clientWant to make sure that the client will be good for you, too.Template Questionnaire12:20 Creating Estimates and ContractsEstimate through Harvest - https://www.getharvest.comContracts through HelloSign - https://www.hellosign.com/Accepting online payments and paying Stripe fees is part of the cost of doing business13:25 Project Management SystemBasecampAsanaTeamworkNotion13:52 Sending out a welcome documentInclude a handwritten note and a bag of [Ugly Mug coffee](http://uglymug.com15:29 Managing your Finances* Separate bank account* [QuickBooks}(https://quickbooks.intuit.com/)* Freshbooks18:39 Sponsor: Vercel19:32 Two types of expenses (1) stuff for everyday business and (2) items purchased specifically for a client21:54 Legal SideLLC and whyOther options: C Corp and S Corp25:06 Creating ContractsDan Mall's Contract from Superfriend.ly - http://agreement.superfriend.ly/28:19 Business Insurance29:46 Grab Bag Question #1 - How do you make yourself job-ready? When you're constantly preoccupied with an existing work schedule? @theBlackkSkyLearn on the jobTake advantage of free content onlineLearn in public, Twitter Hashtag #100DaysOfCodeLearn Build Teach Discord Community33:02 Grab Bag Question #2 - For maintenance, do you hand it off to someone else? have a grace period where you maintain it as part of your project or contract? Or offer a support plan with a retainer fee? Zach from LaunchCode34:45 Grab Bag Question #3 - Why do coding interviews suck? - @misterhtmlcss on Discord37:46 Amy's Pick: Shoe Dog by Phil Knight38:15 Amy's Plug: SelfTeach.me on YouTube 38:48 James's Pick: SanDisk Portable SSD 40:01 James's Plug: James Q Quick on YouTube and Learn Build Teach Discord Community

In this episode, Amy and James talk about freelancing -- finding the right clients, thoughts on Fivrr and Upwork, planning projects, scope creep, road mapping, time tracking, talking about budgets, charging, and late changes to a project.SPONSORSPathwire / Mailgun / MailjetPathwire is a powerful email API and intuitive email marketing solution that delivers over 250 billion emails a year for 400,000 companies around the world.You can sign up now and try Mailgun or Mailjet for free today. Mailjet offers a trial that allows you to send 6,000 emails per month for free, forever. Mailgun offers a 3 month trial for 5,000 emails per month after which you only pay for what you send.For more information, simply visit Pathwire.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit their site.Show Notes0:00 Introduction0:40 Sponsor: ZEAL3:06 Finding Clients3:24 What are some things you do to try and find opportunities?Talk about what you doWork in PublicFacebook GroupsDiscord ServersMarketing on the front end, building up to word of mouth.6:00 Thoughts on Fivrr and Upwork7:30 Bryan Harris "Pitching and Closing"7:49 Planning out a ProjectAsk lots of questionsEpisode 4 - Talked about asking lots of questions8:05 Asking what their budget isBenefit both sides by not wasting time10:04 Willing to price out in phases11:04 Ways that you can adjust the budget? What are wiggle room areas?AutomationsUnique Marketing Page TemplatesMemberships12:14 Sponsor: Vercel12:54 Creating EstimatesHarvest for time tracking - https://www.getharvest.com/Toggle - https://toggl.com/Magic Number15:53 Google Spreadsheet for Generating EstimatesJoin the Newsletter to receive this Sheet for Free17:27 How do you avoid scope creep when freelancing?RoadmappingQuick Start Road Mapping: Everything You Need to Know to Get Started18:50 Sponsor: Pathwire19:41 The importance of communicationSending out weekly project updates: what happened this past week, what I intend to accomplish the following week, any blockers or questions21:11 Including a section in the contract of things NOT included22:07 Understanding the ramifications of a change in the projectChanging the scope of the project, typically requires more time and moneyPrioritizing one section, de-prioritizes another22:51 Ways you can Charge a Client23:46 Charging by the Hour26:07 Other costs you have to take into consideration: health care, business expenses, utilities28:54 Value-Based PricingDifficulty in trying to quantify value31:26 Charging a Project-Based Rate33:46 Grab Bag Question #1: When do you set up your business?35:03 Grab Bag Question #2: Project Maintenance35:27 Picks and Plugs35:54 James's Pick: The book, Throne of Glass36:20 James's Plug: eBook, YouTube for Developers36:45 Amy's Pick: Contrast App37:15 Amy's Plug: SelfTeach.me on YouTube