COMPRESSEDfm

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?

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit softwareresidency.com/careers

0:00 Introduction

3:11 Why Livestream?

• Debugging in VS Code
• SelfTeach.me Channel on YouTube

6:02 Sponsor: ZEAL

7:41 How do you build viewers?

9:32 What do you do post-production, post-marketing?

11:07 Do you plan everything out about what you will talk about?

12:56 Any advice for someone who wants to begin streaming their learning journey

• Splashley

17:09 Sponsor: Vercel

18:20 How did we learn how to video edit?

19:43 How do you decide whether something should be a stream or a YouTube video?

21:26 Scripting vs Outlining

24:57 What are your favorite engagement techniques?

• Helping people feel part of something
• Adapt based on the feedback and engagement within the chat
• Commands within the Twitch channel

29:00 When do you think is the best time to stream?

29:23 What are some of the special terms and lingo when streaming?

31:29 Handling audio on the stream with Loopback

31:57 Tools

• Stream Yard
• OBS
• [Stream Labs(https://streamlabs.com/)
• Chatterino

34:50 Picks and Plugs

35:03 Amy's Pick: Set App

• Sip - https://sipapp.io/
• iStat Menu - https://bjango.com/mac/istatmenus/
• Bartender - https://www.macbartender.com/
• GlyphFinder - https://www.glyphfinder.com/
• Sizzy - https://sizzy.co/
• TextSniper - https://textsniper.app/

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

37:37 James's Pick: Stream Deck

38:27 James's Plug: James Q Quick on Twitch

Learn more about the gear we use: Episode #14: Building the Perfect Desk Setup

In this episode, James explains the basics of getting started with SvelteKit and how it compares to other frameworks, like Next.js.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit softwareresidency.com/careers

0:00 Introduction

0:51 Sponsor: ZEAL

5:09 Context for Learning Svelte and SvelteKit

8:00 Landscape of Web Application Development

• SPA - Single Page Application
• Angular, React, and Vue
• Server Side Rendered Pages vs Statically Generated Pages
• Rich Harris, works at The NY Times, is behind Svelte

13:16 Svelte is compiled into Vanilla JavaScript = faster applications

13:50 Differences in how the frameworks handle HTML/JSX, CSS, and JavaScript

15:35 Why people like Svelte

• Double Data Binding
• Form Handling
• Stores Built-In
• Animations Built-In

21:29 SvelteKit - Framework for handling routing, caching, statically generated pages, and server-rendered pages

24:28 CSS Scoping

25:56 Hosting

26:33 Sponsor: Vercel

28:22 Tools

• Vite
• Snowpack

29:57 Grab Bag Questions

30:17 Grab Bag Question #1: If you were to start a new project, would reach for SvelteKit or Next.js?

31:07 Grab Bag Question #2: Are there holes in Svelte or SvellteKit? Things that you see in other frameworks, like React or Vue that you wish were part of Svelte?

31:54 Picks and Plugs

32:07 James's Pick: OnCloud Tennis Shoes

33:09 James's Plug: Learn Build Teach Discord Server
33:45 Amy's Pick: Kindle Paperwhite
34:37 Amy's Plug: YouTube Video - Debugging in VS Code

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

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit softwareresidency.com/careers

0:00 Introduction

2:25 Computers

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

6:33 Mice and Keywords

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

10:50 Desks

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

12:13 Office Chairs

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

13:42 Cable Management

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

15:25 Docks / Hubs

• Cal Digit TS3 USB Hub
• USB Hub

17:49 Monitors

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

20:19 Sponsor: ZEAL

23:15 Cameras and Recording Gear

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

28:12 Audio Equipment

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

32:09 Lighting

• Elgato Key Light
• Cheap Softbox Kit
• Ring Light

34:10 Sponsor: Vercel

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

35:12 External Storage

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

39:45 Extra Peripherals

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

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

45:26 Picks and Plugs

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

46:20 Amy's Pick: Storage Caddy

47:04 James's Pick: Readme.so

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

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

• Using Async Await
• Svelte Crash Course

Amy and James talk about various No Code options, how they use it in their work, and how it might affect the future of development.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit softwareresidency.com/careers

0:00 Introduction

3:04 What is No Code?

4:39 Why No Code?

7:24 The Craft of Coding

9:26 Webflow

10:46 WordPress Theme Builder - Divi

11:55 Other WordPress Options

• Elementor
• Beaver Builder

13:32 SquareSpace

14:22 Wix

14:38 Bubble

• Useful for building web applications

16:01 Sponsor: ZEAL

16:41 Different tools for making it easier for developers

17:54 Amplication - No Code on the backend

18:25 Supabass - Open Source Alternative to Firebase

19:17 Using Construct Three to Learn Basic Coding Concepts

21:50 Creating Courses

• Wes Bos
• Scott Tolinski
• Gumroad
• Udemy
• Podia
• Kajabi
• Thinkific
• Teachable

24:25 Automations

• IFTTT
• Zapier
• AirTable
• Automate All the Things on YouTube
• Automate All the Things Twitch Stream

30:21 Serverless Functions

30:26 Sponsor: Vercel

31:10 Do you think No Code will ever replace developers?

33:29 Grab Bag Questions

33:42 Grab Bag Question #1: Is No Code Worth Learning? @developercam on Twitter

36:13 Picks and Plugs

36:25 Amy's Pick: iStat Menu

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

38:04 James's Pick: Chacos

38:57 James's Plug: James Q Quick on YouTube -

• Crash Course on Svelte

Amy and James talk everything productivity, from their favorite applications, workflows, and automation.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit softwareresidency.com/careers

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

For more information, visit kwes.io

0:00 Introduction

3:28 Default Folder X

5:06 Fantastical - Calendar Replacement

5:43 Better Touch Tool

• Rearranging Windows
• Connecting my Air Pods
• Show my Desktop

6:59 Karabiner Elements

• Remapping Caps Lock to a "Hyper Key" (Cmd + Alt + Cmd + Shift) to create more keyboard shortcuts
• Remap the right command key to escape
• Remap the right shift key to caps lock

8:31 Sponsor: Vercel

9:43 Text Expander

12:23 Alfred

13:07 Copy Clip and Fly Cut

16:15 Contexts - tab through individual windows

16:52 Magnet for window management

17:16 Stream Deck

17:48 Hazel

19:38 Notion

• Marie Poulin
• William Nutt
• August Bradley

21:48 AirTable

• Learn with Jason

23:52 Sync Inc

24:40 Sponsor: KwesForms

25:59 Good Notes on the iPad

27:24 Notes app on Mac

28:10 Remarkable Tablet

29:43 Three Most Important Things

30:20 Trello

30:58 Learn Shortcuts

32:25 Extensions within VS Code

• GitLens Extension
• IntelliSense for TailwindCSS Classes

33:12 Learn VS Code Debugging Power Features

34:28 Templatize Things you can Repeat

35:15 Grab Bag Questions

36:07 Grab Bag Question #1: What's your workflow for creating content?

39:00 Grab Bag Question #2: How do you avoid burnout?

41:01 Sponsor: ZEAL

42:37 James's Pick: Thunder Client Extension in VS Code

• YouTube Video: I Don't Need Postman Anymore!! I Use VS Code Instead...

43:48 James's Plug: Learn Build Teach Discord

44:11 Amy's Pick: Reclaim for Calendar Syncing

45:05 Amy's Plug: SelfTeach.me on YouTube

In this episode, Amy and James talk about 5 more design principles: alignment, emphasis, proportion, white space, and movement, and how they can be applied to real-life projects.

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit codingzeal.com

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

For more information, visit kwes.io

0:00 Introduction

0:50 Sponsor: ZEAL

2:06 This past week...

3:53 Design Principle #1: Alignment

5:41 Power Tip: Using Guides

6:57 Left Aligned is best

8:40 Optical Alignment

10:26 Working with a 12 Column Grid System

11:31 Breaking the Grid

12:04 Sponsor: KwesForms

12:32 Design Principle #2: Emphasis

15:29 Design Principle #3: Proportion

18:05 Units of Measure

20:16 Using srcset

21:50 HTML Picture Element

22:34 8 Point Grid

23:06 Design Principle #4: White Space or Negative Space

25:04 Proximity

26:37 Sponsor: Vercel

27:34 Design Principle #5: Movement

• Clarifying what is happening for the user
• Creating a Mental Modal of how elements are laid out

30:51 Grab Bag Question: Could you recommend any free resources for website colors?

• Coolors
• Tailwind Shades
• Refactoring UI

34:12 Amy's Pick - Instax Mini LiPlay Camera

35:26 Amy's Plug - SelfTeach.me YouTube

36:31 James's Pick - Amplication

37:22 James's Plug - Learn Build Teach Discord Server

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

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit codingzeal.com

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

For more information, visit kwes.io

0:00 Introduction

2:24 Art vs Design

4:34 Can anyone do design?

7:16 Principle #1: Unity

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

10:59 Sponsor: KwesForms

11:31 Principle #2: Contrast

• Accessibility
• Drive focus to specific areas of the design

16:04 Sponsor: ZEAL

16:43 Principle #3: Balance

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

21:09 Principle #4: Rhythm

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

23:17 Principle #5: Visual Hierarchy

• Lead or pull the user through

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

26:49 Sponsor: Vercel

27:39 Ways to Establish Visual Hierarchy

• Color
• Size
• Balance
• White Space

29:28 YouTube's red isn't accessible

31:30 Above the Fold

33:02 Grab Bag Questions

• Cam the Developer
• Matias

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

• What Font? Bookmarklet

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

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

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

41:24 Amy's Pick: Sipp App

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

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

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

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

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

For more information visit codingzeal.com

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

For more information, visit kwes.io

0:00 Introduction

3:31 Sponsor: ZEAL

4:27 Related Episodes

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

5:20 First iteration of the site: on WordPress

6:01 Rebuilding the Site on Gatsby and MDX

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

10:39 Moving to Sanity for content

• Portable Text FTW!
• Better Developer Experience

17:31 Using Tailwind CSS

• Explaining Utility-Based Framework
• PurgeCSS

20:27 Experimenting with New Technologies

20:44 Pros for using Tailwind

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

22:57 Sponsor: Vercel

25:35 Sponsor: KwesForms

29:13 Using RightMessage for marketing

31:55 Soft Launch vs Hard Launch

33:54 Things you'd do differently

34:07 Reduce the barrier to entry

35:57 Move to Styled Components

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

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

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

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

42:51 Amy's Pick: RoadID

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

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

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

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

For more information, simply visit Pathwire.com

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

Zeal is 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.

0:00 Intro

3:05 Context in building jamesqquick.com

4:46 Deciding to rebuild the site on Gatsby

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

6:29 Upgrades and improvements from moving off WordPress

8:28 The Gatsby Plugin Ecosystem

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

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

12:18 Hosting

13:00 Sponsor: Vercel

13:49 Moving from Markdown to Sanity

21:35 Email Marketing

• MailChimp
• ConvertKit
• Podia

22:25 Serverless Functions

23:14 Sponsor: Pathwire

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

25:18 React Ecosystem

26:12 React Awesome Reveal

26:37 Font Awesome for Icons

27:14 For styling, using Scss

• Difference between Scss and Sass

30:45 Sponsor: ZEAL

31:19 Things you'd do differently

• Styled Components
• Tailwind CSS
• Next.js

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

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

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

37:29 Picks and Plugs

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

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

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

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

Amy and James finish their discussion on freelancing in part 2. This episode covers journey maps, project discovery, vetting clients, submitting estimates and contracts, project management, finances, and business insurance.

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

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

For more information, simply visit Pathwire.com

Vercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.

For more information, visit Vercel.com

Zeal is 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.

0:00 Intro

0:50 Sponsor: ZEAL

1:40 What we've been up to this past week

4:15 Creating a Customer Journey Map

• Design the process so that you're truly leading a client
• Outline touchpoints

6:09 Sponsor: Pathwire

7:14 Discovery Process

• Determining the work that needs to be done.

7:46 Scheduling initial phone call with Calendly

8:42 Vetting the client

• Want to make sure that the client will be good for you, too.
• Template Questionnaire

12:20 Creating Estimates and Contracts

• Estimate through Harvest - https://www.getharvest.com
• Contracts through HelloSign - https://www.hellosign.com/
• Accepting online payments and paying Stripe fees is part of the cost of doing business

13:25 Project Management System

• Basecamp
• Asana
• Teamwork
• Notion

13:52 Sending out a welcome document

• Include a handwritten note and a bag of [Ugly Mug coffee](http://uglymug.com

15:29 Managing your Finances
* Separate bank account
* [QuickBooks}(https://quickbooks.intuit.com/)
* Freshbooks

18:39 Sponsor: Vercel

19:32 Two types of expenses (1) stuff for everyday business and (2) items purchased specifically for a client

21:54 Legal Side

• LLC and why
• Other options: C Corp and S Corp

25:06 Creating Contracts

• Dan Mall's Contract from Superfriend.ly - http://agreement.superfriend.ly/

28:19 Business Insurance

29:46 Grab Bag Question #1 - How do you make yourself job-ready? When you're constantly preoccupied with an existing work schedule? @theBlackkSky

• Learn on the job
• Take advantage of free content online
• Learn in public, Twitter Hashtag #100DaysOfCode
• Learn Build Teach Discord Community

33:02 Grab Bag Question #2 - For maintenance, do you hand it off to someone else? have a grace period where you maintain it as part of your project or contract? Or offer a support plan with a retainer fee? Zach from LaunchCode

34:45 Grab Bag Question #3 - Why do coding interviews suck? - @misterhtmlcss on Discord

37:46 Amy's Pick: Shoe Dog by Phil Knight

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

38:48 James's Pick: SanDisk Portable SSD

40:01 James's Plug: James Q Quick on YouTube and Learn Build Teach Discord Community