COMPRESSEDfm: Recent Episodes
James Q. Quick, Amy Dutton
A weekly podcast about web design and development with a little zest from James Q Quick and Amy Dutton.
Web development is constantly evolving, and so are the tools we use to build. In this episode, Amy and Brad chat with the organizers of Squiggle Conf about the future of web dev tooling, how conferences shape the developer experience, and why community matters just as much as code.
Chapters0:00 - Intro
0:34 - Meet the Guests: Squiggle Conf Organizers
- Squiggle Conf
1:19 - What Makes Squiggle Conf Unique
3:19 - Tooling and Developer Experience
3:30 - Penguins, IMAX, and the Conference Venue
4:18 - Who Should Attend Squiggle Conf
5:31 - How Talks Are Selected and Curated
6:51 - Social and Community Aspects of the Conference
12:19 - Behind the Scenes of Organizing a Conference
17:46 - Lessons Learned from Running Events
23:30 - The Role of Tooling in Modern Development
27:21 - Browser-Based Tools and Their Impact
28:51 - Shoutout to Astro and Other Frameworks
- Astro
- Starlight - Astro's template for documentation
33:51 - Comparing Different Conference Experiences
38:55 - Building Momentum in the Developer Community
40:45 - Looking Ahead: The Future of Squiggle Conf
42:02 - Final Thoughts from the Organizers
43:43 - Picks and Plugs
- Are the Types Wrong? — a package & CLI tool by Andrew Branch from the TypeScript team
- The Harry Potter movie series
- Cloudflare
- One Switch - Mac Menu Bar App
- RedwoodSDK
Vue developer Alex Riviere joins Amy to explore the fundamental differences between Vue and React, diving deep into Vue's unique approach to reactivity, templating, and developer experience. From the magic of V-Model eliminating controlled/uncontrolled input complexity to Vue's proxy-based reactivity system that "just works," Alex explains why Vue's mental model clicked for him coming from jQuery. The conversation covers Vue 3's Composition API and Script Setup syntax, the evolution from VueX to Pinia for state management, and exciting developments like Vue Vapor Mode that will eliminate the virtual DOM entirely. Alex also breaks down Evan You's recent $4.6M VoidZero funding to revolutionize JavaScript build tooling, the flexibility of Nuxt as a meta-framework, and why Vue remains approachable enough to sprinkle into any project without complex build steps.
Show Notes00:00 - Intro
01:10 - How Alex Got Started with Vue
03:00 - Vue vs React Mental Models
08:00 - Vue's Approach to Forms and V-Model
10:20 - Vue Frameworks: Nuxt and the Ecosystem
17:00 - Vue 2 to Vue 3 Migration Challenges
19:00 - Nuxt as a Dev Dependency vs Runtime
22:30 - When Do You Need a Framework with Vue?
25:30 - Laravel Integration and Alpine.js Connection
27:40 - Vue's Reactivity System and Proxies
29:40 - State Management: VueX to Pinia Evolution
32:20 - SSR and Server Components in Vue
34:10 - Hosting and Deployment Options
35:40 - Evan You's VoidZero Funding and Vision
43:10 - Vue Vapor Mode: Eliminating Virtual DOM
47:40 - Getting Started with Vue Resources
48:40 - Picks and Plugs
Links and ResourcesPeople Mentioned Alex Riviere - @alexriviere * Evan You - Vue.js creator - @youyuxi * Ben Hong - Vue core team member - @bencodezen * Daniel Roe - Nuxt team - @danielcroe * Taylor Otwell* - Laravel creator - @taylorotwell
Vue.js Resources Vue.js Official Site - vuejs.org * Vue.js Documentation - vuejs.org/guide * Vue School - vueschool.io * Vue Mastery* - vuemastery.com
Frameworks & Tools Mentioned Nuxt - nuxt.com * Vite - vitejs.dev * Astro - astro.build * Pinia (Vue state management) - pinia.vuejs.org * VueX (legacy state management) - vuex.vuejs.org * Alpine.js - alpinejs.dev * Laravel - laravel.com * Livewire - livewire.laravel.com * Solid.js - solidjs.com * React - react.dev * Svelte* - svelte.dev
Build Tools & Infrastructure ESBuild - esbuild.github.io * Rollup - rollupjs.org * NitroPack - nitro.unjs.io * Webpack - webpack.js.org * VoidZero* (Evan You's new company) - voidzero.dev
Hosting Platforms Netlify - netlify.com * Vercel - vercel.com * Cloudflare* - cloudflare.com
React Ecosystem (for comparison) Next.js - nextjs.org * Remix - remix.run * RedwoodJS - redwoodjs.com * Gatsby* - gatsbyjs.com
Podcasts & Content Deja Vue Podcast - dejavue.fm (mentioned Evan You VoidZero interview) * Vue.js Conferences* - VueConf events
Technical Concepts to Research Vue Composition API - vuejs.org/guide/extras/composition-api-faq.html * Vue Script Setup - vuejs.org/api/sfc-script-setup.html * Vue Directives - vuejs.org/guide/essentials/template-syntax.html#directives * Vue Reactivity - vuejs.org/guide/extras/reactivity-in-depth.html * Vue Vapor Mode (experimental) - github.com/vuejs/core-vapor * JavaScript Proxies - MDN Proxy Documentation * Signals (reactive programming)* - General concept in modern frameworks
Picks & Plugs Dropout TV - Nobody Asked - dropout.tv * CodeMash Conference - codemash.org * Whoosh Screen Cleaner - https://amzn.to/4nBR5Ut*
Additional Helpful Resources Vue 2 to Vue 3 Migration Guide - v3-migration.vuejs.org * Vue vs React Comparison - vuejs.org/guide/extras/composition-api-faq.html#comparison-with-react-hooks * Islands Architecture* - jasonformat.com/islands-architecture
In this hosts-only episode, Amy and Brad get real about the developer experience - from the stress of job interviews to the complexities of choosing the right framework. They discuss why companies are comparing candidates more than ever, share strategies for answering behavioral interview questions, and debate the merits of Remix versus Next.js (spoiler: Brad's all-in on Remix). The conversation shifts to feature flags and progressive rollouts, with insights from Brad's work at Stripe.
SponsorWorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit SDK for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.
Chapter Marks00:00 - Intro
00:41 - Sponsor: WorkOS
01:47 - Brad's Keyboard and Mouse Shopping Spree
04:30 - Keyboard Layout Discussion
07:23 - Apple Ecosystem: Reminders and Notes
09:23 - Family Sharing and Raycast Integration
09:43 - Notion vs Apple Notes for Project Management
11:31 - File Storage and Backup Strategies
14:00 - Machine Backup Philosophy
16:46 - Job Interview Preparation Tips
19:40 - Answering the "Weakness" Question
21:53 - Addressing Weaknesses: Delegation Examples
24:29 - Conflict Resolution Interview Questions
25:46 - Company Research Before Interviews
27:00 - Tech Stack Considerations: Remix vs Next.js
28:30 - Framework Migration Decisions
29:30 - Astro for Content Sites
31:02 - Backend Languages: Go vs TypeScript
32:30 - React Server Components Future
34:23 - Feature Flags and Boolean as a Service
35:30 - Feature Flag Segmentation and A/B Testing
36:54 - PostHog and Analytics Tools
38:30 - Progressive Rollouts and Error Monitoring
40:20 - Amy's Picks and Plugs
43:35 - Brad's Picks and Plugs
Josh Cirre joins us to discuss his transition from the JavaScript ecosystem to Laravel, revealing why PHP frameworks can offer a compelling alternative for full-stack development. We explore the "identity crisis" many frontend developers face when needing robust backend solutions, how Laravel's batteries-included approach compares to piecing together JavaScript services, and the trade-offs between serverless and traditional hosting environments. Josh also shares insights on Laravel's developer experience, front-end integration options, and his thoughts on what JavaScript frameworks could learn from Laravel's approach to abstraction and infrastructure.
Show Notes0:00 - Intro
1:02 - Sponsor: Wix Studio
1:46 - Introduction to Laravel
2:25 - Josh's Journey from Frontend to Backend
5:40 - Building the Same Project Across Frameworks
6:32 - Josh's Breakthrough with Laravel
8:20 - Laravel's Frontend Options
10:25 - React Server Components Comparison
12:00 - Livewire and Volt
13:41 - Josh's Course on Laracasts
14:08 - Laravel's DX and Ecosystem
16:46 - MVC Structure Explained for JavaScript Developers
18:25 - Type Safety Between PHP and JavaScript
21:12 - Laravel Pain Points and Criticisms
22:40 - Laravel Team's Response to Feedback
24:50 - Laravel's Limitations and Use Cases
26:10 - Laravel's Developer Products
27:20 - Option Paralysis in Laravel
30:46 - Laravel's Driver System
33:14 - Web Dev Challenge Experience
33:38 - TanStack Start Exploration
34:50 - Server Functions in TanStack
37:38 - Infrastructure Agnostic Development
41:02 - Serverless vs. Serverful Cost Comparison
44:50 - JavaScript Framework Evolution
46:46 - Framework Ecosystems Comparison
48:25 - Picks and Plugs
Links Mentioned in the Episode1. Laravel - PHP framework 2. TanStack Start - React meta-framework Josh created a YouTube video about 3. Livewire - Laravel's HTML-over-the-wire front-end framework 4. Inertia.js - Framework for creating single-page apps 5. Volt - Single file component system for Livewire 6. Laravel Cloud - Managed hosting solution for Laravel applications 7. Herd - Laravel's tool for setting up PHP development environments 8. Forge - Laravel's server management tool 9. Envoyer - Laravel's zero-downtime deployment tool 10. Laracasts - Where Josh has a course on Livewire 11. Josh Cirre's YouTube channel 12. HTMX - Frontend library Josh compared to Livewire 13. Web Dev Challenge with Jason Lengstorf (featuring Josh and Amy) 14. Josh Cirre's BlueSky account (@joshcirre) 15. Amy's BlueSky account 16. Brad's BlueSky account
Additional Resources1. Laravel Documentation 2. Svelte's new starter kit (mentioned as a good example) 3. Nightwatch - Latest product from Laravel 4. Laravel Vapor - Serverless deployment platform for Laravel 5. Theo's Laravel exploration (discussed in the criticism section) 6. Laravel Breeze 7. Laravel Jetstream 8. Laravel Fortify (authentication package mentioned) 9. Adonis.js (JavaScript framework compared to Laravel) 10. Anker USB powered hub (Josh's pick) 11. Grether's Sugar Free Black Currant Pastilles (Josh's pick) 12. JBL Portable Speaker (Amy's pick)
In this episode, Amy and Brad dive into the ongoing debate between Laravel and full stack JavaScript frameworks. They explore both ecosystems from their unique perspectives. Amy shares her real-world experience building a project in Laravel after working extensively with JavaScript frameworks, highlighting where each approach shines and struggles. From Laravel's backend prowess to the cognitive load of context switching between languages, this episode offers practical insights for developers weighing these technology choices.
Show Notes00:00 - Intro
01:00 - Sponsorship: Sanity
01:59 - Origins of the Laravel vs JavaScript Discussion
03:59 - Amy's Experience Building a Project in Laravel
06:59 - PHP Development and Linting Experience
11:59 - Understanding MVC Architecture
15:00 - Challenges with JavaScript Backend Services
18:00 - Backend Strengths of Laravel
20:00 - Frontend Challenges in Laravel
23:00 - Comparing Laravel and JavaScript Ecosystem Solutions
26:59 - JavaScript Full Stack Frameworks Discussion
30:00 - Architectural Differences Between Frameworks
33:00 - Framework Choice Considerations
38:59 - Picks and Plugs: Newsletter and Cameras
42:00 - Picks and Plugs: Games and YouTube
Links and Resources* Sanity.io (sponsor) * Laravel * Sam's podcast: Frontend First * RedwoodJS * Remix * Next.js * Astro * Supabase * Inngest * Resend (email service) * Postmark (email service) * OpenAI * Prisma * PHP Storm * Laravel Blade (templating language) * Laravel Livewire * Alpine.js * Laravel Breeze * Laravel Eloquent ORM * Adonis/AdonisJS * Episode 54: Why RedwoodJS is the App Framework for Startups, with David Price * Vite * Storybook * Amy's newsletter: Broken Comb * Insta360 X2 camera * Insta360 Go 3 camera * Stardew Valley (game) * Brad's YouTube channel * Cloudinary channel and Dev Hints series
Join Amy, Brad, and special guest Ryan Chenkie as they unpack Prisma's expanding ecosystem of database tools. Ryan explains why Prisma launched their own hosted Postgres service and what sets it apart from competitors in the space. The trio examines Prisma's comprehensive feature set including Accelerate for connection pooling, Pulse for real-time events, and optimization tools that help identify performance bottlenecks. They also discuss the upcoming transition from Rust to TypeScript for Prisma's core engine, making it lighter and faster. If you've been curious about modern approaches to database management or wondering which ORM is right for your next project, this conversation provides practical insights and expert perspectives.
Show Notes0:00 - Intro
1:12 - Working with Prisma and Supabase
2:29 - Prisma Postgres Introduction
4:17 - Why Choose Postgres
6:36 - Prisma's Database Adapter Flexibility
8:14 - Serverless Database Architecture
11:13 - Connection Pooling with Accelerate
14:13 - Pulse for Real-time Database Events
16:54 - Studio Integration in Prisma Console
18:01 - Database Optimization Tools
20:00 - Benefits of Prisma Schema Language
22:10 - Prisma Schema vs SQL Definitions
23:01 - Comparing Prisma and Drizzle
26:24 - Future Improvements to Prisma
28:52 - Ryan's History with Prisma
32:05 - Learning Resources for Prisma
33:37 - Picks and Plugs
Links and ResourcesPrisma Resources* Prisma Website * Prisma Twitter/X * Prisma YouTube Channel * Prisma Postgres Documentation * Prisma Console * Prisma VS Code Extension * Prisma Accelerate * Prisma Pulse * Prisma Optimize * Prisma Studio
Ryan Chenkie Resources* Ryan's Website: https://holodeck.run * Ryan's YouTube Channel: https://youtube.com/@holodeck_run * Ryan on Twitter/X
Framework and Technologies Mentioned* Remix * Redwood JS * Supabase * PlanetScale * Drizzle ORM * Postgres * MySQL * MongoDB
Brad's Resources* YouTube Channel: https://youtube.com/@bradgarropy * Remix Starter: https://github.com/bradgarropy/remix-app
Amy's Resources* Build12 Projects: https://buildtwelve.com
Other Resources Mentioned* Skylight Frame * Aura Frame * Netflix Show: "Making Fun" * Netflix Show: "Is It Cake"
Join us as we talk with Nir Sadeh, Head of Product at Wix Studio, about the platform designed specifically for web professionals. Nir breaks down how Wix Studio differs from the traditional Wix editor by offering advanced capabilities for agencies and freelancers. Learn about their newest feature—AI-powered visual sitemaps and wireframes—that helps designers quickly create site structures and get client approval. We also explore how Wix balances no-code solutions with developer flexibility, their approach to responsive design using AI, and opportunities in the Wix app marketplace. Nir shares valuable insights about product development, user research methods, and his perspective on the impact of AI on the future of web design.
Show Notes00:00 - Intro
01:00 - Journey to becoming Head of Product
01:48 - Transition from individual contributor to manager
02:21 - Team structure at Wix
03:42 - Goal setting and KPIs
04:36 - Overview of Wix Studio
06:08 - Web-based application functionality
07:03 - Code editing experiences in Wix Studio
08:07 - Client control and access capabilities
09:02 - New features: Visual sitemap and wireframes
10:57 - AI integration points in Wix
12:35 - AI generating layouts and websites
14:50 - Upcoming roadmap items
15:54 - User creativity surprises
16:12 - Wix app marketplace
17:34 - Design trends and components
18:59 - User research approach
20:57 - Data-driven decision making
22:16 - Balancing user preferences with brand goals
24:02 - Career advice for aspiring product managers
25:40 - Balancing customization and consistency
26:44 - Mobile responsiveness and browser support
28:06 - Native apps and business management
28:37 - SEO tracking and analytics
29:45 - Picks and Plugs
Links and Resources1. Wix Studio - The professional website creation platform discussed throughout the episode 2. Velo by Wix - The robust code solution mentioned at 06:45 3. Visual Sitemap and Wireframes - The new AI feature launched by Wix Studio 4. Wix App Market - The marketplace where developers can build and sell apps 5. VS Code integration with Wix Studio 6. Wix Studio AI Assistant - Mentioned as a coding help feature 7. Figma to Wix - Mentioned as having import capabilities to Wix Studio
Picks:1. Severance (TV Show) - Nir's pick 2. Remix Dev Tools (becoming React Router DevTools) - Brad's pick 3. AeroPress - Amy's previous pick (referenced) 4. Prismo filter - Amy's previous pick (referenced) 5. Milk frother - Amy's current pick
Josh Goldberg joins Amy and Brad to unpack the recent ESLint V9 release and its impact on the TypeScript ecosystem. From explaining the nuances of flat config migration to debating the proper separation between Prettier and ESLint, Josh offers practical advice for improving developer workflows. The conversation covers Josh's journey as a full-time open source maintainer, the Open Source Pledge initiative, and best practices for implementing linting in CI/CD pipelines. Plus, Josh shares behind-the-scenes details from the inaugural SquiggleConf event.
Chapter Marks00:00 - Intro
00:48 - Welcome Josh Goldberg
01:06 - Working in open source and getting paid
03:10 - The Open Source Pledge
04:49 - ESLint V9 and flat config changes
07:25 - Migration challenges with flat config
09:52 - Understanding ESLint config format
11:50 - How most people use ESLint
16:20 - Prettier vs ESLint responsibilities
18:47 - Conflict between Prettier and ESLint
21:26 - TypeScript's role in ESLint
25:01 - TypeScript ESLint packages explained
27:43 - Linters for other languages
29:31 - ESLint in CI/CD pipelines
32:03 - Auto-fixing in different environments
37:14 - AI's role in linting and formatting
41:45 - SquiggleConf discussion
44:15 - Conference tooling and Q&A system
46:33 - Future SquiggleConf plans
47:13 - Picks and Plugs
- Brad Garropy
- Pick: Philips Hue smart lighting system - Set up Christmas lights with Hue smart outlets for easy control via phone or voice commands
- Plug: Brad's BlueSky account - @bradgarropy.com
- Josh Goldberg
- Pick: BlueSky social network - Appreciates how it feels like early Twitter without spam bots and complicated server setups
- Plug: SquiggleConf - Web development tooling conference returning in September 2025
- Amy Dutton
- Pick: The Inheritance Games (book) - Describes it as an easy-to-read young adult fiction with puzzles, similar to Knives Out
- Plug: Amy's BlueSky account - @selfteachme
LinksMentioned in the Episode* TypeScript ESLint * ESLint v9 migration docs * ESLint Config Inspector * Sentry Grave $750k to Open Source Maintainers * Open Source Pledge initiative * Squiggle Conf website * Prisma Pulse * Philips Hue smart lighting * The Inheritance Games (book mentioned by Amy)
Social Media Accounts* Brad's BlueSky account: @bradgarropy.com * Amy's BlueSky account: @selfteachme * Josh Goldberg's BlueSky Account: @joshuakgoldberg.com
Related Resources* ESLint Stylistic project * ESLint Config Prettier * ESLint Plugin Prettier * "Create TypeScript Apps" project (Josh's tooling package) * Awesome ESLint repo (collection of ESLint plugins) * Manual to Magical: AI in Developer Tooling: Tobbe's talk on using AI to write code mods * Nicholas Zakas discussing the ESLint config system on Syntax podcast
Tools Mentioned* Husky * Lint-staged * Cursor * Biome and OXLint (Rust-based linters) * GitHub Actions
Join us for an insightful conversation with Dani Grant, co-founder of Jam.dev, as she shares her journey from Cloudflare PM to startup founder. Learn how Jam.dev persevered through eight failed attempts before finding product-market fit and growing to 85,000 users. Dani reveals valuable lessons about product-led growth, building in public, and raising venture capital. From tactical fundraising tips to creative community building strategies like jam.pizza, this episode is packed with practical insights for founders and anyone interested in the startup journey.
SponsorConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders.
Show Notes0:00 - Intro
0:29 - Sponsor: Convex
1:08 - Meeting Dani Grant
1:41 - Early Career at Cloudflare
3:09 - Finding Internships & Career Growth
5:25 - Starting Jam.dev
11:56 - Product Evolution & User Growth
16:57 - Product Features & Implementation
21:22 - Monetization Strategy
23:37 - Technical Deep Dive: How Jam Works
27:49 - Future Plans & Mobile Development
29:12 - Fundraising Tips & Strategies
34:00 - Supporting Developer Communities
36:18 - Picks and Plugs
LinksCompanies/Products:
- Jam.dev
- Cloudflare
- Convex (sponsor)
- Sentry
- Data Dog
- Hotjar
- FullStory
- JIRA
- Metabase
- Notion
Social/Personal:
- Dani Grant's Twitter
- Dani Grant's email (dani@jam.dev)
- Brad Garropy's Twitter (@bradgarropy)
- Learn Build Teach Discord
- Deals for Devs project
Books/Media:
- "Tomorrow and Tomorrow and Tomorrow" (book mentioned by Dani)
- Matt Wolf's YouTube channel (AI recaps)
Career Resources:
- jam.dev/careers (mentioned they're hiring)
- jam.pizza (community meetup sponsorship form)
Technical Tools Mentioned:
- Vite
- Remix
- ES Build
Products Similar to Jam:
- FullStory
- Hotjar
- Sentry
- Datadog
Development Tools:
- Chrome Extension Store (where Jam is available)
Community:
- LearnBuildTeach.com
- Deals for Devs
Join us as Tanner Linsley, the creator and founder of TanStack Start talks about its transition from Vinci to a more streamlined architecture built on Nitro. Learn about the framework's innovative approach to server functions, its isomorphic design philosophy, and how it differs from other frameworks like Remix. Tanner also shares insights into TanStack's sustainable open-source business model and his journey to building developer tools that prioritize user experience over rapid growth.
Show Notes0:00 - Intro
0:38 - Welcome Tanner Linsley
3:43 - React Server Components and TanStack Evolution
6:04 - TanStack Start Overview and Vinci Transition
11:26 - Nitro Integration and Framework Architecture
15:19 - Server Functions and Framework Comparisons
20:58 - API Design Philosophy
24:19 - Testing and Development Process
30:58 - Team and Collaboration Discussion
33:38 - Open Source Sponsorship Strategy
36:32 - Netlify Partnership Announcement
38:37 - Open Source Sustainability Discussion
41:03 - Picks and Plugs
LinksProducts & Tools:
- TanStack
- Vinxi by Nikhil Saraf
- Nitro
- React Router
- TRPC
- Remix
- H3 (web request library)
- XPro (Tweet Deck)
- Deck.blue (BlueSky client)
- MOTU M4 audio interface
- Bamboo Lab A1 3D printer
- Lashbrook Designs (Brad's wedding band)
Companies & Sponsors:
- Convex
- Clerk
- AG Grid
- Sentry
- Netlify
Games & Entertainment:
- Blockus (board game)
- Severance (TV Show on Apple TV+)
- "First Lie Wins" (book)
Personal Projects & Links:
- buildtwelve.com (Amy's project)
- Brad on BlueSky (@bradgaropy.com)
- Nozzle (Tanner's startup)
Technical Resources:
- Babel Dead Code Elimination (by Pedro Katori)
- GitHub 3D Contribution Graph Generator
- React Server Components documentation
Other Projects Mentioned:
- Solid Start
- Astro
Brooks Lybrand discusses the transformation of React Router from a simple routing library to a powerful framework option for React applications. Learn about React Router 7's new framework mode, upcoming middleware support, and the team's innovative approach to React Server Components. Brooks explains how the Remix team is working to bring proven patterns and web standards to the broader React community while building a foundation for future web development that leverages native web APIs.
Chapter Marks0:00 - Intro
0:37 - Guest Introduction & SNL Jacket Discussion
1:12 - The Remix "Nap" Announcement
3:25 - Understanding React Router's Evolution
7:51 - React Router Framework Mode
10:21 - Middleware Support Plans
15:42 - React Server Components Integration
19:14 - Server-Side Capabilities & RSC Benefits
24:17 - Team Size and Structure
25:13 - Remix Brand & Future Direction
30:19 - Future of Web APIs
32:03 - Austin Remix Meetup Discussion
34:54 - Community Engagement and Open Source
36:19 - Picks and Plugs
LinksPeople & Profiles:
- Brooks Lybrand's social profiles
- BlueSky
- Michael Chan
- James Perkins
- Ryan Florence
- Evan Bacon (mentioned for RSC mobile demo)
Tools & Projects:
- React Router 7
- Remix Run
- Remix Discord
- Vite 6
- Cursor AI (mentioned in Amy's pick)
- The dev.to article about Cursor settings that Amy referenced
- Elgato XLR Deck (Brad's pick)
- OXO Silicon Measuring Cup (Amy's pick)
Events & Communities:
- Epic Web Conf (March 2024, where Brooks will be speaking)
- React Miami (April 2024, where Brooks will be speaking)
- Remix Austin Meetup
Technical Resources:
- React Server Components documentation
- Remix Project Roadmap
- Vite's Environment API documentation
Books:
- The Three-Body Problem book series (Brooks' pick)
Additional Resources:
- Netflix's Three-Body Problem show (mentioned in relation to Brooks' pick)
Join us for an insightful conversation with Ceora Ford about the intersection of security, development, and community building. We explore why managing identity security is more complex than simple authentication, examine the trade-offs of Next.js's App Router in enterprise applications, and uncover strategies for effective technical content creation. Ceora shares her experience transitioning from digital marketing to developer advocacy, offering practical advice for building a presence across platforms like TikTok, Twitter, and LinkedIn.
SponsorConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders.
Chapter Marks00:00 - Intro
01:14 - Identity Security Discussion
05:25 - Evolution of React and Next.js
08:33 - Documentation and Developer Experience
15:43 - Sponsor: Convex
16:20 - Authentication in the App Router
21:31 - Content Creation and Marketing Strategy
27:50 - Social Media Platform Strategy
34:51 - Analytics and Tool Discussion
41:08 - Picks and Plugs
- Brad
- Pick: His dog Roman (who they had to say goodbye to at age 17)
- Plug: Social media accounts
- Brad on Twitter
- Brad on BlueSky
- Brad on YouTube
- Bekah
- Pick: "The Game" podcast with Alex Hormozi
- Plug: Open Sauce (opensauced.pizza) and her team's upcoming feature launch
- Ceora
- Pick: "The Good Place" (TV show on Netflix)
- Plug: Social media accounts
- Ceora on LinkedIn
- Ceora on Twitter
- Ceora on BlueSky
- Ceora on TikTok
Links* Auth0 by Okta * Next.js + Auth0 documentation for Next.js integration * Gatsby * Astro * Convex * Jekyll * GraphQL * Open Sauced * Mark Techson
In this episode of Compressed FM, Dustin Goodman shares insights from his journey from IC to engineering manager at companies like ClickUp and This Dot. The conversation explores the nuances of technical leadership, team dynamics, and the importance of understanding personal values in management. The discussion then shifts to a deep dive into React Server Components, examining their implementation challenges and potential impact on the framework ecosystem.
SponsorsWix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects.
Chapter Marks00:00:00 - Intro
00:00:42 - Sponsor: Wix Studio
00:01:33 - Engineering Management Journey
00:05:11 - Managing Different Experience Levels
00:07:14 - Technical Skills in Management
00:09:27 - Should Managers Code?
00:12:19 - Managing Up vs Managing Down
00:17:27 - Team Values Discussion
00:20:11 - Strengths and Management Styles
00:26:07 - React Server Components Introduction
00:29:27 - RSC Implementation Challenges
00:34:34 - GraphQL and Server Components
00:39:13 - Future of React Frameworks
00:43:10 - Vite 6 Discussion
00:47:52 - React Community Evolution
00:51:21 - Picks and Plugs
- Amy Dutton:
- Pick: Browse AI (web scraping tool with AI capabilities)
- Plug: Advent of CSS and Advent of JavaScript (24 coding challenges in December)
- Dustin Goodman:
- Pick: Cursor (AI-powered code editor)
- Plug: "Engineering Management for the Rest of Us" by Sarah Drasner
- Brad Garropy:
- Pick: Helldivers 2 (video game)
- Plug: Raycast extension for Stripe (automatically fills checkouts with test cards)
01:00:14 - Show Wrap-up
LinksBooks Mentioned:
- "The Manager's Path" by Camille Fournier
- "Engineering Management for the Rest of Us" by Sarah Drasner
Tools & Software:
- Wix Studio
- Browse AI
- Cursor (code editor)
- Raycast
- Raycast Stripe extension
- Vite 6
- Next.js
Social/Community:
- BlueSky (Brad and Amy)
- Bytes Newsletter
- ConnectTech conference
People Referenced:
- Ryan Burgess
- Gergely Orosz
- Tracy Lee
- Dan Abramov
- Tanner Lindsley
- John Lindquist
- David Khourshid
Assessment Tools:
- Clifton StrengthsFinder
APIs/Documentation:
- Stripe test cards documentation
- React Server Components documentation
- Vite documentation
Projects:
- Advent of CSS (adventofcss.com)
- Advent of JavaScript (adventofjs.com)
Brad and Amy dive into their year-end tech reflections, discussing goal-setting strategies and Amy's ambitious Build 12 project for 2025. The hosts explore various database hosting solutions, share their favorite hardware purchases including cameras and peripherals, and examine how AI tools are reshaping development workflows. The episode concludes with insights into emerging tech trends and anticipated developments for 2025.
Chapter Marks00:00 Episode introduction and host intros
00:41 Year-end goals discussion and 12-week planning
02:02 Amy's Build 12 project announcement
03:01 Goal setting strategies and focus
04:25 Brad's 2024 goals review
05:35 Travel plans and New York City trips
06:58 More 2024 goals: fitness, career, and finances
08:21 Technical stack discussion
13:22 AI tools and development workflows
17:19 Database hosting options comparison
25:45 Tech gear and hardware updates
33:47 Notable tech purchases review
43:29 AI tools and future tech discussion
Links* Build Twelve, by Brian P. Moran - Amy's upcoming project * The 12 Week Year (book) * Atomic Habits, by James Clear (book) * The Power of Habit, by Charles Duhigg (book) * Supabase * Neon database * Digital Ocean * Turso * Cursor IDE * Remarkable Tablet (v2) * Oura Ring * Razer Basilisk V3 Pro mouse * Swish app for Mac * Nuphy Air 75 keyboard * Drop keyboard * Insta360 One camera * Insta360 Go 3 camera * Nikon ZFC camera * Ray Deck - Episode 182: Low-Code as a Medium For High-Speed Developers * Marc Lou * Pieter Levels * WorkOS * The Best Way to Add Authentication to Your Astro Website (Amy’s YouTube Video) * Comparing Frameworks - Amy's project * GitHub Copilot * Claude * convertkit.com * loops.so * Prisma
In this episode, we dive deep into the dynamics of working solo versus being part of a development team. From the ideal team composition at large companies to the challenges of maintaining open source projects, our hosts share their experiences and insights. Learn about the crucial roles of designers and product managers, the importance of documentation, and why even senior developers still Google Git commands. Whether you're a solo developer looking to collaborate or a team player wanting to improve your workflow, this episode has something for everyone.
Chapter Marks00:00 - Introduction
01:16 - The Perfect Team Composition
02:44 - Different Approaches to Team Building
04:37 - Working Without Designers: The FedEx Experience
08:10 - Documentation and Project Requirements
12:30 - The Role of Documentation in Team Success
14:47 - Documentation's Impact on Career Growth
15:14 - Onboarding and Documentation Connection
16:51 - Open Source Project Management
19:45 - Automation in Open Source
22:34 - Deals for Devs: Managing Contributors
25:29 - Branch Management and PR Workflows
29:59 - Solo Development Practices
31:21 - Git Commands and Team Workflows
35:14 - Open Source Knowledge Barriers
38:02 - The Importance of Admitting What You Don't Know
39:15 - Episode Wrap-up
Links* Nick Taylor's Blog Post about GitHub Code Owners - https://dev.to/opensauced/supercharge-your-repository-with-code-owners-4clg * B Dougie's GitHub Action for the "Take" command - https://github.com/bdougie/take-action/blob/main/action.yml * Chantastic's Git Course on Epic Web - https://www.epicweb.dev/tutorials/git-fundamentals * GitHub Documentation on Squash Merging vs Rebase Merging - https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/incorporating-changes-from-a-pull-request/about-pull-request-merges * Merge vs Rebase vs Squash - https://gist.github.com/mitchellh/319019b1b8aac9110fcfb1862e0c97fb * GitHub Issue Forms Documentation - https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/syntax-for-issue-forms * GitHub Pull Request Templates Guide - https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository * GitHub Code Owners Documentation - https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners * Virtual Coffee's Hacktoberfest Resources - https://hacktoberfest.virtualcoffee.io/ * OpenSauce - https://opensauced.pizza/ * The "Working Genius" Assessment - https://www.workinggenius.com/ * Gun.io Work Personality Quiz - https://gun.io/workstyle/ * Deals for Devs Project - https://www.dealsfordevs.com/ * GitHub Actions Documentation on Release Management - https://docs.github.com/en/actions/sharing-automations/creating-actions/releasing-and-maintaining-actions * Conventional Commits Documentation - https://www.conventionalcommits.org/en/v1.0.0/
Join Amy and Brad as they break down the latest developments in the React ecosystem following React Conf 2024. From quality-of-life improvements in React 19 to the introduction of the new React compiler, they analyze how these changes will impact everyday development. The episode features an in-depth discussion about Remix's strategic decision to focus on React Router, the ongoing debate between JavaScript frameworks and traditional backend frameworks, and thoughtful insights into choosing the right tools for your projects. Whether you're a seasoned React developer or just getting started, this episode offers valuable perspective on the future of web development.
SponsorsSanity delivers content anywhere (just like a headless CMS).
Beyond that, Sanity gives you total composability. A fully decoupled, real-time content back end. Entirely customizable content workspaces.
Chapters00:00 - Introduction
00:42 - Sponsor: Sanity
02:12 - React Conf Experience
05:00 - Conference Personalities
08:52 - React Compiler Deep Dive
13:20 - Remix "Taking a Nap" Discussion
26:41 - React 19 Features
33:54 - JavaScript vs PHP/Laravel Debate
41:11 - Framework Decision Fatigue
44:45 - Picks & Plugs
In this host-only episode of Compressed FM, James Q Quick, Amy Dutton, and Bekah discuss how side projects and creative outlets can paradoxically provide energy rather than drain it. The conversation explores Bekah's ambitious 29-day writing project about open source alternatives, Amy's vlogging journey, and James's streaming experiences. They dive into the importance of finding activities that spark joy, even when juggling busy schedules and family commitments. The hosts share insights about automation tools like PipeDream, discuss the value of downtime for creativity, and emphasize the importance of sustainable work practices in tech.
SponsorConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders.
Chapters00:00:00 Introduction & Welcome
00:00:39 Bekah's Open Source Writing Project
00:02:05 Discussion of PipeDream vs Zapier
00:05:14 Content Creation Process & AI Tools
00:08:22 Time Management in Content Creation
00:10:31 Flexible Work Schedules
00:11:31 Amy's Vlogging Journey
00:14:48 Creative Energy & Side Projects
00:16:47 Work-Life Balance & Productivity
00:18:20 Importance of Downtime for Creativity
00:20:34 Efficiency in Daily Life
00:22:02 Sponsor: Convex
00:22:49 Deals for Dev Project Discussion
00:25:40 Picks and Plugs Segment
In this episode, Chris Sev discusses building SaaS projects with Laravel and AI, detailing his journey from launching Scotch.io to creating VideoTap. Dive into the innovative workflows for automating video marketing content, learn why Laravel remains his go-to framework, and explore insights on the future of AI in development.
Show Notes00:00:00 - Intro
00:00:33 - Guest Introduction: Chris Sev, DevRel at Sourcegraph
00:01:08 - Chris's Background and Journey
00:02:28 - Tech Stack Behind Video Tap
00:02:55 - Story of Getting the VideoTap.com Domain
00:05:20 - VideoTap's AI Implementation and Process
00:14:20 - How VideoTap Uses AI for Content Generation
00:17:06 - Prompt Engineering Tips and Techniques
00:21:17 - AI Content Generation Pipeline and Error Handling
00:22:27 - Handling Large Videos and Context Windows
00:23:44 - Experimenting with Different AI Models
00:24:23 - AI Writing Style and Evaluation Techniques
00:27:44 - Current State of VideoTap: Team and Revenue
00:30:39 - Future Goals: Integrations and Features
00:35:27 - Chris's Work at Sourcegraph and Mission
00:38:20 - Picks and Plugs
- Amy
- Pick: Polar Habits
- Plug: Broken Comb Newsletter
- Chris
- Pick: Phind.com and Perplexity.ai
- Plug: TwinPicks.ai, Richest You Substack
- James
- Pick: Kroser TSA Travel Laptop Backpack
- Plug: Newsletter
Links* VideoTap * Anthropic Prompt Engineering Guide * Creator Hooks Newsletter * Thumbnail Test * Codi AI Coding Assistant
In this episode, Amy, Brad, and guest Alex dive into cutting-edge CSS features that are transforming web development. They explore container queries, logical properties, CSS layers, and scopes, sharing practical applications and browser support updates. The trio also discusses Tailwind CSS and its role in modern web design, offering spicy takes on its implementation.
SponsorWix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects.
Show Notes 00:00 - Welcome and Introductions * 01:16 - Shoutout to Wix Studio * 03:12 - CSS as a Typed Language * 04:10 - The Magic of CSS Layers * 07:38 - Logical Properties and Global Support * 10:47 - Browser Wars: Who's Leading in CSS? * 20:24 - Container Queries in Action * 25:37 - CSS Scopes and Their Potential * 28:03 - Revolutionizing CSS: Style Queries and Beyond * 36:12 - Tailwind CSS: A Spicy Debate * 46:13 - Picks and Plugs + Alex's Pick: Dropout.tv, especially Gastronauts. + Alex's Plug: Speaking at Connect Tech (Atlanta) and Codemash (Ohio). Socials: @fimion (Twitter), @DangitAlex.wtf (Blue Sky) + Brad's Pick: Love is Blind season and reunion episodes. + Brad's Plug: New to Blue Sky + Amy's Pick: Happy Little Dinosaurs board game + Amy's Plug: Freaking Full Stack* workshop
Links* Raindrop.io * Interop 2025 List * TailwindCSS
In this episode, Chris Nowicki shares his path from aerospace to web development and the unique challenges of transitioning into tech. Chris and James discuss how Chris got involved in the open-source project "Deals for Devs," including the tech stack, managing contributions, and handling obstacles. This episode offers a first-hand look at the value of community in development and tips for new devs on getting started in open source.
SponsorPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Show Notes00:00 - Intro
01:08 - Chris Nowicki’s Journey into Tech
02:12 - Bootcamp Experience and Structure
05:07 - Breaking into Tech Through Community Involvement
08:38 - Deals for Devs: The Project Origin
11:10 - Sponsor Message: Postman
12:06 - Tech Stack Overview for Deals for Devs
13:22 - Tech Stack: Resend, React Email, Tailwind, and Xata
17:00 - Prisma Integration with Xata
20:00 - Challenges in Managing Community Projects
23:54 - Planning and Issue Management for Deals for Devs
28:00 - Feature Flags and Release Management
37:15 - Subscription System Workflow
45:45 - Creating a Dynamic Email Subscription System
51:58 - Managing Admin and Approval for Deals
52:26 - Closing
Links* OpenSauced * RedwoodJS * Deals for Devs Project * Postman * React Email * Vercel * Xata * Resend * Frontend Mentor * LaunchDarkly * Grid Iron Survivor * Dev.to article on CRON jobs
In this episode, Amy and Brad dive into the top JavaScript frameworks, weighing their strengths and weaknesses. They discuss Svelte, Astro, Next, Remix, and Redwood, comparing their rendering processes, server-side vs. client-side preferences, routing systems, and developer experiences. Perfect for developers weighing options for their next app!
SponsorWix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects.
Show Notes00:00 - Intro
00:40 - Sponsor: Wix Studio
01:42 - Discussing JavaScript Frameworks at Momentum Conference
- Michael Richardson on Twitter
- Taylor Dessyn on Twitter
02:54 - Momentum Conference and Cincinnati as a Tech Hub
05:21 - Speaker Feedback System and Conference Experience
06:12 - Key Takeaways from CSS Talk
08:56 - Amy’s JavaScript Cage Match Talk and Framework Overviews
11:30 - Baseline Features in Frameworks: A Comparison
13:18 - Framework Longevity and Stability
16:33 - Server vs. Client Rendering in JavaScript Frameworks
22:01 - Framework Routers and Configuration Differences
- Scott Tollinski - Svelte Course
29:02 - Exploring Remix’s Data Loader Pattern
34:00 - Performance Testing with Sentry
37:17 - Middleware Usage in Different Frameworks
40:58 - Which Frameworks Excel in Specific Use Cases?
45:01 - Avoiding the Framework Spiral: Stick with a Favorite
- Developer Productivity, Episode 68
49:09 - Picks and Plugs Section
Amy, Brad, and Aaron discuss how Laravel and JavaScript frameworks like React can coexist in a modern web development workflow. They examine the benefits of Laravel's integrated ecosystem, the pragmatism behind choosing technologies like SQLite, and the cultural differences between Laravel's "benevolent dictator" model versus the JavaScript community's preference for composability and modularity.
SponsorWorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.
Show Notes00:00:00 - Introduction and Sponsors
00:01:06 - Welcoming Aaron Francis
00:02:07 - Amy's Experience with Laravel and AI
00:04:12 - Aaron's Transition to Try Hard Studios
00:08:02 - Production Setup and Process
00:10:15 - Monetization Strategies for Try Hard Studios
00:13:39 - The Resurgence of SQLite
00:18:08 - SQLite in Modern Development Workflows
00:23:24 - Terso and Innovations with SQLite
00:28:00 - Laravel vs. Full Stack JavaScript: The Debate
00:33:16 - Integrating Laravel with Frontend Frameworks
00:39:03 - Pragmatic Approaches to Web Development
00:44:54 - JavaScript Ecosystem and Laravel Comparisons
00:53:00 - Laravel’s Evolution to Embrace JavaScript
00:54:09 - Closing Remarks
In this episode, Amy and Brad sit down with Michael Chan to discuss WorkOS, a tool simplifying authentication and authorization for developers. They explore how WorkOS makes complex processes like OAuth, SSO, and MFA easy to implement, compare it to other auth providers, and dive deep into AuthKit’s capabilities.
SponsorsWorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.
Show Notes00:00 - Intro
01:15 - Introduction to WorkOS
- WorkOS
- AuthKit
- WorkOS on YouTube
02:23 - Comparing WorkOS with Competitors
03:50 - Features of WorkOS AuthKit
06:53 - WorkOS’s Evolution and Target Audience
09:30 - Challenges in Implementing Auth Solutions
10:30 - Should Developers Build Their Own Auth?
- Selma's Blog Post: One Does Not Simply Delete Cookies
12:50 - The Cascade of Auth Decisions: Emails and Databases
14:22 - WorkOS Integration with Astro and Remix
19:50 - Key Benefits of WorkOS for Developers
22:00 - Integrating AuthKit with Next and Remix
- Sam Selikoff's YouTube Video on WorkOS + AuthKit + Remix: Using AuthKit's Headless APIs in Remix
24:01 - Challenges in Documentation for Developers
- Divio's Guide to Documentation
33:06 - The Future of Documentation and AI’s Role
35:00 - Wrap-up
Ray Deck, a seasoned data scientist and founder of State Change AI, talks about the evolving landscape of software development with the rise of no code and low code platforms. He explains how these tools are not just for non-technical founders but also offer significant advantages to experienced developers. The episode explores the practical applications of no code tools in business and how they can lead to faster, more efficient product development.
Show Notes00:00 - Introduction to the episode and guest Ray Deck
01:02 - Ray’s background in data science and founding State Change AI
03:01 - The concept of no code and low code and their impact on accessibility
07:06 - Choosing between no code, low code, and traditional coding
09:12 - Pitching no code tools to developers
14:01 - When to use no code vs. custom development
- OutSystems
- Mendix
- Xano
- Flutter Flow
- WeWeb
- Webflow
24:06 - Automation as a critical component of no code solutions
- Zapier
- BuildShip
- FastGen
32:00 - Discussing State Change AI’s role in the no code ecosystem
- Bubble
39:27 - Picks and Plugs
- James's Pick: Powerstep Inserts - High-quality shoe inserts for added comfort.
- James's Plug: Learn Build Teach Community - A Discord community for developers
- Bekah's Pick: Flux Footwear - Zero drop shoes ideal for walking, weightlifting, and running
- Bekah's Plug: 29 Days of Open Source Series on Dev.to - Highlighting open-source alternatives to proprietary software.
- Ray's Pick: Ollama - Open-source platform for running large language models locally.
- Ray's Plug: State Change AI YouTube Channel - Focusing on the hardest projects in no code and low code.
Marc Hess, a Developer Advocate at Prisma, talks about the evolution of Prisma from an ORM tool to a comprehensive platform for database management. The discussion includes practical advice on using Prisma, optimizing documentation, and Marc’s experience with developer advocacy. The team also explores the benefits of Prisma Pulse for real-time applications and how it compares to other ORM tools like Drizzle.
Sponsor ConvexConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders.
Show Notes00:00 - Introduction and Sponsor Shoutout
00:43 - Sponsor: Convex
01:06 - Introducing Marc Hess from Prisma
- Prisma
- RedwoodJS
04:04 - YouTube Content Creation Tips
11:24 - Introduction to Prisma and Its Products
14:19 - Deep Dive into Prisma Pulse
19:06 - Best Practices for Documentation
- Prisma Documentation
- Divio's Documentation System
29:13 - Client Extensions in Prisma
- Prisma Client Extensions
37:13 - Prisma vs Drizzle Discussion
- Drizzle
44:00 - Picks and Plugs Segment
In this episode of Compressed.fm, James, Amy, and Bekah delve into their current projects, share insights on smarter API calls, and discuss the intricacies of working with Redwood JS. The trio also explores the concept of a two-week challenge for creating and selling digital products, the importance of contributing to open source, and the evolving role of AI in web development.
Show Notes00:00:00 Intro
00:00:42 James's Video on API Best Practices
- YouTube Video: Stop Using JavaScript Fetch - Do This Instead!
00:03:02 Amy Discusses Building a Complex Redwood Application
00:08:06 James and Amy Discuss Resend and React Email Integration
- Resend
- Episode 151: Leaving a Job to Build a Company with Zeno from Resend
- React Email
00:09:24 The Two-Week Challenge: Creating and Selling a Product
- Email Based Course
00:11:45 Bekah on Leadership and Communication Skills in Tech
00:13:14 Planning and Executing a Two-Week Product Challenge
00:20:31 Discussing Autobiographies and Productivity Books
- Ali Abdaal - Feel Good Productivity
- 50 Cent - Hustle Harder, Hustle Smarter
- Chrome Extension: YouTube Playback Speed
00:29:17 Addressing Junior Devs: Tips for Building a Strong Portfolio
- Refactoring UI
00:33:10 James on Turning DealsForDevs.com into a Resource Hub
00:34:08 Conclusion
In this episode, James and Amy are live from Post Con 24 with Sterling Chin from Postman's Labs team. Sterling shares insights on how Postman leverages AI to build tools that enhance developer productivity. He delves into the experimental nature of Postman Labs, the importance of rapid iteration, and how they determine which features make it into production. Sterling also discusses Postbot, an AI assistant designed to streamline the API development process.
Show Notes00:00 Intro
01:01 What is Postman Labs?
01:51 Criteria for successful experiments
03:31 Understanding customer workflows
04:29 Tips and tricks for rapid iteration
06:16 Internal feedback and dogfooding
08:02 Working in Postman Labs
10:00 Postman's Commitment to R&D
12:02 AI Adoption at Postman
16:47 Overview of Postbot
18:11 Technical details of Postbot
20:16 Postman Flows
21:10 AI tools and agnosticism
22:07 Postbot’s availability and pricing
23:09 Scaling and Team Size
26:07 Customer Feedback and Features
29:03 Closing
This episode covers the detailed process of taking Postman’s VS Code extension from a proof of concept to a fully-fledged product. Ruben Casas shares insights on the technical hurdles, team dynamics, and the iterative development process.
Show Notes00:00 Introduction
1:25 Background Story
2:09 Starting the Extension
3:27 Technical Challenges
6:19 Synchronizing State
9:20 VS Code Development Tools
11:12 Developing with Electron
13:05 Team Dynamics
14:46 Onboarding and Quality Control
17:37 Development Process
19:28 Maintenance and Future Plans
21:39 Feedback and Improvements
23:01 User Experience
25:14 PostCon 24 Highlights
27:05 Closing
In this episode, Amy, Brad, and Bekah welcome back Kent C. Dodds, who shares exciting updates about his latest project, Epic Web.dev. Kent discusses the philosophy behind his comprehensive web development course, the importance of understanding foundational technologies, and the motivation behind creating Epic Web Conf. He also dives into the benefits of building your own authentication systems and the decision-making process behind the Epic Stack. The conversation is filled with insights on balancing different technologies, creating cohesive learning experiences, and the future of web development education.
SponsorsConvexConvex is the backend for founders. Convex is the backend application platform for product-obsessed founders
Show Notes* 0:00 - Intro * 1:09 - Sponsor: Convex * 2:09 - Overview of EpicWeb.dev * 3:09 - Journey from PayPal to Epic Web * 8:14 - Teaching Approach and Workshop App * 10:47 - Building your own Authentication System * 16:59 - Decision-Making and Epic Stack * 21:35 - Launching Epic Web Conf * 27:26 - Consistency in Teaching and Conferences * 35:03 - Future Plans for EpicWeb.dev * 43:16 - Picks and Plugs + Kent - Pick: Brandon Sanderson’s books - Particularly the Mistborn series and his involvement in the Wheel of Time series. - Plug: Epic Web Conf - An exciting web development conference happening in Park City, Utah. + Bekah - Pick: Primal Buffalo Chicken Stick - Plug: @opensauced on Twitter/X + Brad - Pick: Ray-Ban Wayfarer Sunglasses - Plug: @bradgarropy on Twitter/X + Amy - Pick: The Artists Way by Julia Cameron - Plug: Two Week Build
In this episode of Compressed FM, Amy, James, and Tobbe from the Redwood JS core team explore React server components. They discuss the implementation of React server components in Redwood, the benefits, challenges, and the future of web development with this new technology.
Show Notes00:00:00 - Introduction
00:00:47 - Tobbe's Background and Role at Redwood JS
00:02:03 - Tobbe's Journey with Redwood JS
00:05:14 - Discussion on React Server Components (RSCs)
00:07:00 - Explanation of Different Rendering Methods
00:12:48 - Implementing React Server Components with Vite
00:15:22 - Technical Details of RSC Implementation
00:17:19 - Streaming and Suspense in React
00:18:28 - Future Developer Experience with Redwood and RSCs
00:19:51 - Explanation of Redwood Cells
00:22:01 - DX Considerations for RSCs in Redwood
00:24:23 - State of GraphQL in Redwood's Future
00:28:34 - GraphQL's Reputation and Challenges
00:31:17 - tRPC and TypeScript Safety with RSCs
00:34:14 - Advanced RSC Features in Redwood
00:36:31 - Server Actions and Their Role in Redwood
00:39:09 - Picks and Plugs
- Tobbe's Pick: Tretorn Rubber Boots
- Tobbe's Plug: RedwoodJS
- Amy's Pick - Aeropress Go
- Amy's Plug - Broken Comb Newsletter
- James's Pick - On/Off Plug
- James's Plug - James's Newsletter
In this episode, James Quick and Amy Dutton chat with James Cowling, co-founder of Convex, about designing infrastructure for product engineers. James explains the innovative features of Convex, including its JavaScript-based queries and real-time data subscriptions, and compares it to Firebase. They also discuss the challenges of edge computing, the importance of user state, and the role of AI in modern development.
Show Notes[00:00:00] - Introduction to the Episode
[00:01:00] - James Cowling’s Background and Convex Overview
- Convex
[00:01:52] - Deep Dive into Convex
[00:05:29] - User State and Application Development
[00:07:05] - Challenges of Edge Computing
[00:09:53] - Automatic Caching and Real-Time Updates
[00:13:22] - AI and Backend Integration
[00:17:01] - Leveraging AI in Applications
[00:21:11] - Convex’s Infrastructure and Technology
[00:25:28] - Comparisons with Other Platforms
[00:30:03] - Server Rendering and Data Storage
[00:33:19] - Physical Challenges in Data Centers
[00:37:04] - Cost Efficiency and Cloud Platforms
[00:40:56] - Final Thoughts on Infrastructure
[00:43:30] - Picks and Plugs Introduction
[00:44:11] - James Cowling’s Picks and Plugs
[00:45:41] - Amy Dutton’s Picks and Plugs
[00:48:28] - James Quick’s Picks and Plugs
In this episode, hosts Amy and Brad discuss the the things they're afraid of missing out on within the dev ecosystem. Then, they discuss how they're using AI to enhance their own productivity with Custom GPTs.
SponsorsPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Show Notes00:00 Intro
00:38 Sponsor: Postman
1:07 Developer FOMO
- Chantastic interviews Theo: Theo's Unexpected Advice about YouTube
- The Hard Parts of Building an Application, Made Easy with Supabase
- Michael Chan's Talk on Storybook: Tame the Component Multiverse
- React Server Components Now in RedwoodJS
- Episode 173: From Blog Post to VC Funding: The Story of Unkey
22:39 AI Tools and Enhancing Workflows
- Anthropropic's Prompt Guide
- OpenAI Prompt Guide
- Cloudflare Playground for AI Workers
31:51 Slow Productivity
- Episode 68: Developer Productivity, Featuring Brad Garropy
- Slow Productivity by Cal Newport
- Cal Newports Podcast: Deep Questions
- Brad's 2024 Goals
47:09 Picks and Plugs
Amy
- Pick:
- Feel Good Productivity by Ali Abdaal
- Deep Dive: Ali Abdaal Interviews Cal Newport
- Deep Questions: Cal Newport Interviews Ali Abdaal
- Deep Dive: Ali Abdaal Interviews Jodi Cook, author of Ten Year Career
- Plug: Two Week Build
Brad
- Pick: Apple TV
- Plug: Brad Garropy on YouTube
54:11 Wrap-Up
James Perkins, co-founder of Unkey, talks about turning a potential blog post into a full-fledged business that simplifies API management for developers. Throughout the episode, he explains the core features of Unkey, the importance of VC funding, and the realities of startup life, including balancing workloads and managing a globally distributed team.
SponsorPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their Upcoming Conference - April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes0:00 Intro
0:47 Sponsor: Postman
1:41 Background and Overview of Unkey
3:20 Unkey's Features
3:34 Origin Story of Unkey
10:10 VC Interaction and Scaling Up
16:38 Unkey's Core Features and Technical Setup
- Mintlify for Documentation39:19 Challenges and Rewards of Startup Life
45:34 Future Plans and Scaling
48:16 Picks and Plugs
- James Perkins' Picks and Plugs:
- RISE Calendar (tool for managing time zones and flexible scheduling)
- Unkey (API management platform)
- Brad's Picks and Plugs:
- Pupford treats for puppy training
- Brad Garropy on YouTube
- Amy's Picks and Plugs:
- Batteries for Mac App
- Amy's YouTube Channel
Tracy Lee joins the Compressed.fm to discuss the integration of AI in development, the evolution of documentation practices, and her role in leading community projects and tech innovations.
SponsorPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their Upcoming Conference - April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes00:00:00 - Introduction and Overview
00:00:38 - Sponsor: Postman
- PostCon - April 30 - May 1, 2024
00:01:59 - Guest Introduction: Tracy Lee
00:06:02 - Tracy Discusses Upcoming Talks at CityJS and CascadiaJS
00:10:51 - Challenges with Documentation in Development
- Material Design (v3)
- Divio’s Documentation System
00:17:08 - The Value of Asking Questions and Community Support
- Episode 169 with Cory Miller, Not Knowing Everything
- Code Stackr on YouTube (videos specifically on GitHub CoPilot alternatives)
- This VS Code AI Coding Assistant Is A Game Changer!
- I Cannot Believe How Good This VS Code AI Coding Assistant Is!
- Prompt Engineering Guides
- OpenAI
- Anthropic
- Image Prompt Engineering
- DallE
- Google Doc with Examples
00:24:05 - Balancing Professional and Personal Life
- Template for Annual Planning Spreadsheet
00:26:41 - Picks and Plugs
- James:
- Pick: KitchenAid mixer
- Plug: Learn Build Teach Community and Deals for Devs project
- Tracy:
- Pick: Tonies
- Plug: This.Dot and their engineering leadership resources
- This Dot Labs is Hiring
- Amy:
- Pick: Kidamento camera
- Plug: Two Week Build
- Bekah:
- Pick: Coconut cashew crisps from Aldi
- Plug: Virtual Coffee resources on open source
00:31:15 - Closing
In Episode 182, hosts James and Amy delve into the intricacies of React Server Components (RSCs) and the challenges of building multi-step forms. They discuss the latest developments in RSCs, including the implementation in RedwoodJS, and share insights on managing state and validations in multi-step forms. Throughout, the hosts offer practical advice and technical deep dives, making complex topics accessible and engaging.
SponsorsPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their upcoming conference, April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes00:00:00 Intro
00:00:40 Sponsored by Postman
00:02:07 React Server Components
00:03:12 Deep dive into RSC and Redwood JS implementation details
00:04:23 Explanation of React Server Components ecosystem and challenges
- Theo's YouTube Video: The Truth About React Server Components
- Ben Holmes and Dan Abramov Stream: Dan Abramov explores React Server Components with us!
- Episode 71: Secret Things, Env Vars, How to Handle API Keys Correctly
00:36:03 Transition to multi-step forms and their complexities
00:37:05 Strategies for handling form state and validation
00:45:28 Detailed considerations for different form steps and data handling
00:55:49 Picks and Plugs
- Amy's Pick: Full House on Hulu and HBO Max, Fuller House on Netflix
- Amy's Plug: Two Week Build
- James's Pick: Baking Sheet, Mat, and Cooling Rack Set
- James's Plug: Learn, Build, Teach Discord
- The Happiness Lab Podcast: Episode - Where Everybody Knows Your Name
In this episode of Compressed FM, hosts Amy Dutton and Brad Garropy are joined by Brooks Lybrand from Shopify to explore the latest in Remix and the future of React. They discuss the integration of server components, the challenges of package management, and strategies for effective software updates. The conversation also delves into the potential of React Server Components (RSC) and the role of SPA (Single Page Application) mode in web development.
SponsorsPostmanPostman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Attend their upcoming conference, April 30 - May 1, 2024 in San Francisco. Amy and James will be there in person.
Show Notes00:00:00 Introduction and Overview
00:00:44 Sponsored by Postman
- Postman Conference April 30 - May 1, 2024 in San Francisco
00:01:14 Discussion on ESM and Development Trends
00:02:25 Challenges in Package and Library Development
00:03:07 Redwood JS Developments and Insights
00:04:05 Release Strategies and Development Practices
- Release Tools for Redwood
00:06:02 Detailed Discussion on Development Tools and Methods
00:21:08 Future of Development Tools and Techniques
00:25:53 Q&A on Technical Aspects and Team Dynamics
00:35:48 Discussion on Single Fetch and Data Fetching Strategies
00:37:17 Frameworks and Developer Choices
- Blog Post comparing Next.js App, Next.js Pages, Remix, and RedwoodJS Router
00:43:46 The Future of React and Remix with RSC
00:48:09 Wrap-up and Picks and Plugs Segment
- Brook's Pick: Apple's Air Pods Pro
- Brook's Plug: React Router
- Brad's Pick: New Puppy (Blog Post)
- Brad's Plug: Brad's YouTube Channel
- Amy's Pick: Deep Questions Podcast with Cal Newport
- Amy's Plug: Amy's YouTube Channel
00:50:25 Closing
Cory joins all the co hosts to share about his personal projects and how he prioritizes what new tech to learn about.
Show Notes00:00 Welcome Cory and Framework Jumping
23:29 Music Talk and Non Screen Hobbies
32:58 Coreys Podcast
38:08 Picks and Plugs
James and Adrian content creation, from starting YouTube channels to building communities. Adrian highlights the secrets he’s learned in building a private community and some of the bleeding edge technology that he’s excited about.
Show Notes[00:00:00] Introduction
[00:01:20] Content creation and community building.
[00:05:09] Image generation in AI.
[00:08:09] AI models evolving in design.
[00:12:13] Low-code, no-code tools.
[00:16:03] Website building efficiency with Wix.
- Wix
[00:20:32] Discord community interactions.
- Merge Web Dev
[00:21:34] AI creating a teams of AIs.
[00:26:18] AI converting photos into 3D.
- YouTube video on Gaussian Splatting
[00:29:20] Creating 3D Models from Photos.
- Luma AI
[00:32:26] AI art and no code.
- Codex Community
- Adrian Twarog YouTube Channel
Ivan joins James and Bekah to tell his journey to Daytona and where they’re hoping to go as they grow.
Show Notes 00:00 Welcome Ivan * 03:30 Tying Development to Personal Interests * 08:05 Finding the Product Gap * 12:19 Acquisition, Money, Starting From Scratch * 17:31 Daytona * 20:22 What’s Under the Hood * 22:41 Primary Users * 29:09 The Team * 30:31 Engineering * 35:46 Trying Daytona * 41:31* Picks and Plugs
Knut joins the podcast for a second time to give us the inside scoop on recent Sanity updates and what makes Sanity the above and beyond CMS.
Show Notes 00:00 Welcome Knut and Intro * 02:49 What is Sanity? * 05:07 Building Studio from Spite * 12:26 New Features * 19:47 Tec Perspective on Sanity * 24:21 Customer Satisfaction * 29:59 AI in Sanity * 34:17 Presentation Mode * 39:09 Looking to 2024 * 44:15* Picks and Plugs
We have a great episode where all 4 cohosts look back on 2023 and look forward to whats coming in 2024.
Show Notes 00:00 Intro and Welcome * 00:53 Meet Ups and Conferences * 03:27 What is Virtual Coffee * 04:22 Bekah at OpenSauced * 09:52 Job Search * 17:44 2023 Reflections * 33:22 Migrating ro Remix * 47:49* 2024 Looking Forward
Cecil joins the podcast to talk about overcoming barriers and how to help people understand the roll of developer relations.
Show Notes00:00 Welcome and Intro
03:42 Cicil’s Origin Story
18:07 Talking Early in Your Career
22:48 Layoffs
28:37 Evolution of Dev Rel
39:47 Picks and Plugs
Sam joins Brad and Amy to discuss server components, loadting states and getting into UI development.
Show Notes 00:00 Introduction * 01:15 Reusable Components * 07:49 Server Components * 31:06 Loading States * 45:46 Getting into UI * 50:32* Picks and Plugs
We have ALL the guests on today as Ryan and Jem join Brad, Amy, and James for a crossover episode. They discuss the tech theyre looking forward to in 2024 as well as AI topics and the impact that conferences have on a developers journey.
Show Notes 00:00 Introduction * 00:26 Let’s Kick Off * 01:14 Tech Coming in 2024 * 15:40 Jevons Paradox and AI * 24:13 AI Pen * 26:07 Custom GPT * 30:01 Browsers * 34:18 Pass Keys * 38:32 Conference Meet Ups * 51:58* Picks and Plugs
Evyatar joins Compressed to talk of his love for open source, most importantly his project Vest.
Show Notes 00:00 Introduction * 01:40 Work vs Open Source Balance * 04:35 Struggles of Being a Maintainer * 05:24 Community Involvement * 07:34 Need in Form Validation to Vest * 11:24 Core Features of Vest * 13:22 Formulation Libraries * 17:14 Connection * 19:52 Usage * 21:29 Full Time Open Source * 26:28 Emoji Picker * 30:54 New Projects * 32:29 Picks and Plugs
James and Amy take audience questions and discuss their favorite hot topics talking about frameworks, AI, and jobs.
Sponsor###Contenful
Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:33 Use Cases for AI * 07:48 Choosing Frameworks * 10:22 Next and Remix * 26:31 Money Talk for Frameworks * 34:45 Knowing Multiple Frameworks * 39:19 Landing a Job * 46:46 Leaving Coding * 51:49* Picks and Plugs
It’s Brads first episode as an official co-host! As we welcome Brad we get to know his story, his experience, and how he landed where he is today.
Show Notes 00:00 Welcome Brad (Officially) * 01:22 College? * 13:!5 Hardest Parts * 17:50 Content Creation * 23:22 Adobe to Atlassian to the Future * 30:50 Interview Experience and Tips * 34:29 Next Steps and Goals * 39:48* Picks and Plugs
Maciek joins James and Brad to get deep into Astro and all the ways to go headless.
Show Notes 00:00 Welcome Maciek * 01:33 Landscape of PHP * 05:41 Wordpress * 11:15 Gateway to Headless WordPress * 25:47 Building on Astro * 27:57 Collection Framework Authors * 34:36 SSR and Astro * 37:07 Components * 42:55* Picks and Plugs
Aiden joins us to talk about his project, Million JS, and all the tech he's implementing with it.
Show Notes 00:00 Intro and Welcome Aiden * 02:01 Aidens Background * 04:36 Expereince With React * 07:33 Virutal DOM * 09:57 Sevelte Talk * 11:54 Million JS * 15:51 Representation of Virtual DOM * 17:39 Block DOM * 19:01 Limitations * 21:18 Static Analysis * 29:26 Naming MillionJS * 30:12 Other Frameworks? * 33:20 Landing Pages * 36:14 Marketing Stratedgies * 38:27 Teams * 42:22 What’s Next * 44:37* Picks and Plugs
Yaroslav joins Compressed to give his tips and tricks on Astro and getting the most out of it.
Show Notes 00:00 Welcome Yaroslav * 01:43 Onboarding to Astro * 18:32 Fat Island * 21:17 B2B SaaS Kit * 29:39 Auth Services * 31:52 Building an App * 36:03 Learning Curve * 41:50* Picks and Plugs
Zach joins Amy and Brad to dig into his journey to Warp and give an inside look into what it’s capable of doing.
Show Notes 00:00 Introduction * 01:25 Lloyd’s Background * 02:40 Reaching Principal Level * 06:10 Scaling Down * 08:01 Choosing an Idea * 13:36 Vision for a New Terminal * 16:13 Warp Feature * 18:13 Security * 21:16 Collaboration and Business Model * 37:21 Why Mac? * 39:45* Picks and Plugs
Brad and James address their favorite current topics like framework choices and upcoming changes with AI.
SponsorShow Notes 00:00 Introduction * 03:58 What tools and frameworks to use? * 08:15 Planning Projects * 11:54 Managing Jobs and Open Source Projects * 19:20 How to Go Full Stack * 23:41 Nest JS * 34:57 View or Astro * 37:12 Document Reading and Using AI * 42:35 Contributing to Open Source * 49:54 Learning to Code in the Age of AI * 52:39 Using GitHub to Attract Employers * 58:50* Cost of AI
Amy and Brad host a “time out” chat about all the hot topics that are no their minds.
Sponsor###Contenful
Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful
Show Notes 00:00 Introduction * 00:40 Sponsor: Contentful * 01:11 Welcome Matias * 02:08 International Remote Work and Language Barrier * 08:10 Making Student Profiles Stand Out * 14:03 Open Source * 24:02 Side Projects and Work Visas * 29:16 Tech Stack for SoundScribe * 47:19 Internships and Networking * 53:06 Last Questions * 01:00:17* Picks and Plugs
Amy and Brad host a “time out” chat about all the hot topics that are on their minds.
Show Notes 00:00 Introduction * 00:36 DHH and Typescript * 13:41 TypeScript Documentary and Microsoft * 16:00 Back to Warp * 17:40 Figma Embed in Developer Tools * 19:18 Monitor Talk * 21:33 Workshop at GraphQL Conference * 26:24 React Server Components at Baseline Level * 29:28 Implementing React Server Components in Remix and Redwood * 41:25 Getting a CFP Accepted * 45:47 Bun * 48:51 Raycast * 50:51 Questions on CFPs * 53:14* Picks and Plugs
Zeno talks James and Amy through his YC process that brought his side project dream to real life and what it’s like being a CEO now.
Sponsor###Contenful
Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful
Show Notes 00:00 Introduction * 00:52 Sponsor: Contentful * 01:57 Zeno’s Start * 08:39 Processing Negative Feedback * 12:08 Transition from Job to Project * 15:58 Being a Front End CEO * 24:34 Speed or Quality * 27:11 Intro to YC * 38:25 Building Something That’s Needed * 42:35* Picks and Plugs
In this episode Florin gives us a deep dive into iCodeThis. How it works, how it’s made and all the behind the scenes information.
Show Notes 00:00 Welcome and Florin * 01:59 iCodeThis Inspiration * 07:08 How it Works * 13:49 Submitting and Enabled Technologies * 25:30 Tech Stack * 30:55 Technical Challenges * 37:12 Talking Numbers * 40:01 Filling the Gaps * 43:49* Picks and Plugs
Adam joins Amy to explain his love of CSS and what his curent favorite features are as well as digging into some hot takes and CSS debates.
Show Notes 00:00 Welcome Adam * 01:10 View Transitions * 15:20 Contrast Color and Accessibility * 18:18 Path to Feature Implementation * 24:53 Dev Rel Interview at Google * 27:21 Has Tag * 31:37 12 Column Grid * 40:17 The CSS Podcast * 41:24 Last Thoughts * 42:37* Picks and Plugs
Brian, Brad, and Amy get into their preferred work flow and strategies for tackling their long lists of projects.
Sponsor###Contenful
Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful
Show Notes 00:29 Sponsor: Contentful * 01:00 Introduction * 02:58 Recent Projects * 04:52 Swapping Database Layers * 07:18 Order of Build * 11:48 The Project Queue * 16:22 Diffing and Reapplication of New Code * 24:33 Versioning with Headers * 29:45 Backend Language Talk * 45:17* Picks and Plugs
This is a snippit of a conversation that happened before episode 146 with Jakub. James, Amy, Brad, and Jakub discuss keeping interviewing skills shart and what's important on a resume.
Jakub joins Amy, James, and Brad to give a look into how he uses open source as well as the start of his YouTube channel.
Sponsor###Contenful
Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful
Show Notes 00:44 Sponsor: Contentful * 01:15 Welcome Jakub * 02:38 View Storefront with Existing E-Commerce Platforms * 10:39 Component Libraries * 17:51 Framework Talk * 24:03 Content Creation * 28:22 Teaching What You Know * 39:44* Picks and Plugs
Ruben speaks on how to utilize micro-frontends and why issues arise and what to do when they do.
Sponsor###Contenful
Contentful is the leading composable content platform that allows developers to build intelligent experiences to drive brand engagement. It gives content creators the tools they need to create, manage, and publish content seamlessly across every channel. Managing content has never been so easy or flexible.
Check out Contentful
Show Notes 00:00 Introduction * 00:39 Sponsor: Contentfull * 01:12 Welcome Ruben * 03:35 Being at Staff Level * 06:25 Micro Front Ends * 12:36 Using Headless CMS * 15:33 High Level Issues * 19:14 From Onboarding to Micro Front Ends * 26:54 Bigger Breaks or Smaller Breaks * 41:08* Picks and Plugs
Welcome Kevin to Compressed where he discusses one of Amy's favorite topics, CSS!
Show Notes 00:00 Introduction * 03:09 Why CSS * 06:12 Over Engineering Your CSS * 13:19 New Things in CSS * 23:32 Style Queries * 24:48 CSS and Design * 30:16 Vanilla vs Tailwind and ROI of Learning * 34:51 Marketability of CSS * 38:03 Practice * 40:02 Performance Optimization * 43:57 AI and CSS * 46:50 CSS Content * 48:20* Picks and Plugs
Tom joins James and Amy to talk all things React and Redwood and give a convincing pitch for the very first RedwoodJS conference.
Show Notes 00:00 Introduction and Welcome Tom * 02:36 Why Redwood * 07:40 Coming Full Circle in Tech * 17:23 Cell Pattern * 18:38 Streaming * 21:19 Natural Progression * 29:29 Boundaries of API and UI * 35:34 Custom API Functions * 36:42 Edge Deployment * 40:11 Modern Databases * 47:43 State of React Server Components * 54:33* Picks and Plugs
Tate joins James to discuss the great features CloudCannon offers and how to integrate it into your coding experience.
Show Notes 00:00 Introduction and Welcome Tate * 01:06 Front vs Back End Balance * 03:09 Problem Solving with CloudCannon * 04:40 Onboarding Process * 08:23 Introspection * 13:00 Astro Content Collections * 17:38 GIT Integration * 21:13 Visual Editor * 24:42 Usage of Each Editing Experience * 26:37 Work in Markdown * 28:52 Cover Images * 38:48* Picks and Plugs
Amanda and Tom join the Compressed podcast to give an inside look at the low and no code option of Wix and to explain how they make website building accessible for the non developer.
Show Notes 00:00 Welcome and Introductions * 05:39 Six the No-Code Builder * 09:17 Does No Code Teach Coding * 11:37 Considerations for Non Developers * 16:13 Velo * 18:39 React and Type Script with CodeUX * 32:19 Front End vs Back End * 34:59 Running on the Edge * 38:18 Hot Takes on React Server Components * 49:12* Picks and Plugs
In this episode of Compressed FM, hosts Amy Dutton and Josh Medusky discuss creating a development environment in the terminal for web designers and developers. They talk about their personal experiences with the terminal, including initial fears and struggles, and offer tips for becoming more efficient and productive using terminal-based environments. This episode is a must-listen for anyone looking to improve their web development skills and workflow.
Show Notes 00:00 Introduction and Welcome Josh * 01:20 Experience in the Terminal * 05:07 IDEs * 08:45 PDEs * 12:02 Keyboard Shortcuts * 18:38 Automation * 24:40 Workflow Walkthrough * 34:23 Profiles in the Terminal * 36:15 Who is Workflow Intended For? * 38:19 VIM Walkthrough and Questions * 44:40 Feeling Overwhelmed * 46:53* Picks and Plugs
Leticia tells Brad and Amy about her new book, her transition into tech, and all about her experience working at Stripe.
Show Notes 00:00 Introduction * 00:43 Leticia’s Transition into Tech * 02:52 Languages for Learning * 06:29 Learning and Using Python * 08:26 Moving to Ruby * 09:06 Involvement in Communities * 13:32 Motivation to Change * 18:00 Getting to Stripe * 22:53 Gaining Confidence * 27:08 Writing a Book * 34:39 Travel * 37:26 Progression at Stripe * 41:23 Personal Sites * 49:42* Picks and Plugs
Brandon gives us an inside look at his App, Flight Control, and all of it's applications.
Show Notes 00:00 Introduction * 01:21 Flight Control * 06:47 Pitch Process and Early Days * 08:35 Being Accepted to Y Combinator * 12:31 Design Review * 14:55 Tech Stack * 20:39 Why use flight control? * 27:15 Where to Get Started * 29:00 Transitioning To Leadership * 41:27 Current Team * 42:22 Choosing a Founder * 43:39 Working in Different Places * 46:50 Server vs Servereless * 50:49 Moving Existing Apps to Flight Control * 51:49* Picks and Plugs
James and Amy answer questions from their livestream audience.
Show Notes 00:00 Introduction * 00:46 Choosing a JS Framework Does it Matter * 04:49 Comfortability of Frameworks * 08:39 SEO and Server Render * 12:43 Promotions * 24:37 Raw Sequel vs Prisma * 30:33 Front End Frameworks * 34:12 Java React Resources * 38:53 Mentorship * 40:07 AI Taking Developer Jobs * 43:42 Hurdles for Beginners * 50:27 AWS Under the Hood * 52:27 Tracking Changes * 55:36 React to Next JS * 01:00:11 Declarative vs Imperative * 01:11:23 Applying for Jobs * 01:15:37* Development Projects
Austin joins James and Amy to take a deep dive into Web Forms.
Show Notes 00:00 Introduction * 03:57 Intro to Forms * 06:28 Bringing in JavaScript * 10:50 Potholes * 13:24 Modern Frameworks * 16:45 Progressive Enhancement * 26:59 What can go wrong with Java? * 31:55 Forms in Svelte * 35:36 File Uploads * 43:50 Serverless and FIle Systems * 48:45* Flaws of Object Storage
Alex from Coding Cat joins James and discusses why he switched over to Svelte and how he's using it to his advantage.
Show Notes 00:00 Introduction * 00:51 Welcome Alex * 03:26 Using ALL the Frameworks * 14:36 Server less and Standard Backend * 19:40 Why Switch to Svelte? * 32:27 Utilizing Astro * 35:35 Slap Props * 37:37 Coding Cat with Svelte * 43:17 So Many Options * 44:38 Styling Framework * 45:46 Last Thoughts * 49:35* Picks and Plugs
James and Amy discuss all things current in tech as well as answer your questions from the livestream.
SponsorHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 02:07 Current Fun Work * 06:03 Posting More and Social Media * 17:24 Learning From Building the Astro Course * 19:54 Using Next 13 * 23:19 Made With Zeta * 30:11 AI Tools * 34:04 Midjourney * 45:01 Paid Content and Value * 49:09 Framework Decision Process * 56:27 Starting in Content Creation * 01:06:44 Sources to Keep Up * 01:07:27 Starting With Sponsors * 01:11:21 Starting Your Own Podcast * 01:15:32 Express API and Videos * 01:16:16* Picks and Plugs…Sort Of
Ankita joins James and Amy to explain her steps into leadership as well her knowledge of React framework.
Show Notes 00:00 Introduction * 00:38 Welcome Ankita * 02:13 Growth in React Ecosystem * 05:20 Common Problems with React * 10:17 Storybook * 11:39 Using Other Libraries * 14:17 React Native Accessibility * 19:16 Baked In Framework Accessibility * 25:08 Leadership in Engineering as a Goal * 32:42 People Skills in Leadership * 43:39 Picks and Plugs * 53:18* React Conversation Callback
Natalia joins James and Amy and explains Composable Decoupled Frontends and her work at Microsoft.
Show Notes 00:00 Introduction * 01:01 Welcome Natalia * 05:17 Java Script on Azure * 07:44 Composable Decoupled Front Ends * 15:53 Purpose of API Gateway * 19:41 Logging and Air Tracking * 20:50 Functions * 25:18 Integrations With GitHub Actions * 27:56 Serverless * 29:02 The Edge * 31:26 microfrontend.dev * 36:18 Content Creation * 39:12 Career Success * 42:08* Picks and Plugs
Alan joins James and Amy to discuss the need that led to Ngrok and all of the features it has to offer.
Show Notes 00:00 Introduction * 00:40 Welcome Alan * 01:21 Uses for Ngrok * 05:37 Alan’s Engineering Experience and Processes * 10:12 Backstory of Ngrok * 12:47 Building A Brand and Growing a Business * 16:27 Funding * 19:58 Barriers of Entry, Innovations of AI, and What Is To Come * 23:59 Behind the Scenes of Ngrok * 34:03* Demos and Cool Features
In this episode we discuss ChatGPT and all things AI. Where is this going?
Show Notes 00:00 Introduction * 00:44 Initial Thoughts on AI * 02:18 Open AI vs ChatGPT * 04:20 Differences in GPT Models * 07:59 Helpful Chat Tips * 10:23 Companies Using AI Features * 14:58 Cost * 15:57 Astro * 17:53 Zeta * 22:03 Feed Hive * 23:57 Notion * 26:03 Price of Products * 27:37 Products for Content Creation * 31:22 Vercel * 34:05 How do we use AI? * 41:20 Is ChatGPT going to replace your job? * 48:23* Picks and Plugs
Kaneohe and Knut join the podcast to talk about all the features of sanity as well as new technologies that they are excited about.
Show Notes 00:00 Introduction * 00:37 Welcome Kapehe and Knut * 02:00 Getting Into Sanity * 06:10 GROQ * 07:24 Favorite Features * 18:59 Leveraging TypeScript * 21:45 Where To Learn New Technologies * 25:38 V3 Updates * 28:04 AI? * 29:32 Communities * 31:36 Plug Ins * 33:27 Outside Technologies * 37:21 Getting Into Tech Journey * 43:13 Markdown Soapbox * 46:07 Portable Text * 47:10 Last Thoughts On Sanity * 49:12* Picks and Plugs
Brad, James, and Amy tell us about their favorite new technologies, gadgets, and softwares and how to decide when to adopt them into their workflow.
Show Notes 00:00 Introduction * 02:42 How to decide what new tools to use? * 07:27 NUPHY Air75 * 10:13 Stream Deck Plus * 16:33 AI Tools * 29:14 Warp and Fig * 32:29 Arc Browser * 37:23 Polypane * 43:53 Git Later App and Swish * 51:34* Picks and Plugs
J.D. explains why he loves his local developer community and gives great tips on job searching and getting started in conference speaking.
SponsorsStoryblockStoryblok is the first headless CMS that offers a unique combination of visual editing tools and highly customizable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms.
Show Notes 00:00 Introduction * 00:36 Sponsor: Storyblok * 01:22 Welcome JD * 03:09 Tech Stack and Backend * 05:22 Why Community? * 11:53 Conference Investments * 21:49 Imposter Syndrome and Using Your Community * 26:45 Finding the Right Jobs * 34:34 Utilizing Twitter for Work Connections * 37:52 Starting Small * 47:46* Picks and Plugs
Welcome Erik to the podcast as he tell us how he went from the unhappiest developer to the happiest.
SponsorsStoryblockStoryblok is the first headless CMS that offers a unique combination of visual editing tools and highly customizable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms.
Show Notes 00:00 Introduction * 00:38 Sponsor: StoryBlock * 01:30 Erik, Meetups, and Mentors * 04:13 Eriks Experience * 05:47 Why not management? * 07:32 Unhappy Developers? * 11:20 The Learning Process and Making Yourself Uncomfortable * 37:37 Roles and Responsibility of Software * 41:11* Picks and Plugs
Sami joins James and Amy to discuss Mitosis and talk all about frameworks.
Show Notes 00:00 Introduction * 00:40 Welcome Sami * 01:22 What is Builder.io * 05:38 More Mitosis * 13:09 Cross Platform With Swift * 20:02 Importance of Different Frameworks * 22:54 Favorite Frameworks * 25:04 Communities and Libraries * 29:27 Opensource Roadmap * 31:34 Testing * 33:04 Chat GPT and AI * 35:43 Behind The Scenes Dev Work * 40:26 Quality vs Speed * 46:22* Picks and Plugs
Simon joins James to discuss all things content creation and the perks and difficulties of creating content full time.
Show Notes 00:32 Welcome Simon the Cross Platform King * 02:29 Growth and Numbers on YouTube * 12:08 Income Apart From Sponsors * 21:45 Is Dev Content Saturated?” * 26:34 Do comments effect sponsorships? * 32:09 Building a Coursework Application * 36:30 Miscellaneous Questions * 40:46* Priorities and Flexibility
Time joins James and Amy to discuss the JAMstack, all the hot takes and even some old school technology.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:39 Sponsor: Daily.dev * 01:12 Welcome Bryan * 05:02 Defining the JAMstack * 21:13 The Power of JAMstack * 26:39 Hot Takes on Tailwind, Vanilla Java, and React * 45:58 Caching Problems * 51:39* Picks and Plugs
Michael gives some insider tips on how to get your first conference speaking gig as well as highlighting the Momentum conference.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:56 Sponsor: Daily.dev * 01:44 Welcome Michael and Kroger * 06:29 Momentum Conference * 14:12 Submitting for a Conference and Choosing Speakers * 19:48 What Talks are at Momentum * 24:05 Culture of Momentum * 28:41 Single Track vs Multi Track and Expanding To Multi-day * 32:35 Tech Behind Momentum * 38:01 Conference Meetups and Getting Started * 45:03* Picks and Plugs
Time spills all his tips on big career transitions, emphasizing your skills, and ways to learn coding.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:37 Sponsor: Daily.dev * 01:07 Welcome Tom and Discussing Branding * 04:08 From Pipefitting to Tech * 06:18 Coding Bootcamp * 19:33 Building Projects Out of Your Comfort Zone * 24:53 Applying for Jobs * 28:30 Relevant Experience * 37:17 Making Yourself Valuable * 43:10 Long Term Content Planning * 45:43* Picks and Plugs
Nick joins James to discuss why authentication is so important and why passwords might not be the best solution.
Show Notes 00:00 Introduction * 00:49 Welcome Nick and Background * 03:25 Difficulty with Passwords and Security * 09:37 Multi-Factor Authentication * 16:24 Passwordless * 24:43 YubiKeys * 25:14 Finger Print Series * 27:05 Extreme Circumstances * 35:03 Who is it easier for? * 37:47* Passage Integration
Kelvin discusses his work at Treble and why he thinks the browser could use LESS JavaScript.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:40 Daily.dev * 01:17 Kelvins Background * 04:53 Why do you enjoy creting content? * 08:27 Treble and API Life Cycle * 12:37 Treble Functions * 16:27 Documentation * 20:24 API Score * 24:49 Team Integrations * 28:10 Shipping Less JavaScript * 35:13 Miscellaneous Questions * 38:47* Picks and Plugs
James and Amy discuss when to adapt to new technologies and the best systems and practices for migrating your sites over to them.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:50 Sponsor: Daily.de * 01:26 Arc Browser and 1,000 Tabs * 07:26 That Conference * 10:38 Migrating Sites * 16:19 Choosing New Tech * 23:17 Migration * 29:02 When to Update and Tech Debt * 34:28 Getting it Done * 45:56* Picks and Plugs
Ely joins James and Amy to discuss testing and how to use Cyprus for testing.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:00 Sponsor: Daily.de * 00:00 Welcome Ely * 00:00 Creating Online Connections * 00:00 Using Cyprus for Testing * 00:00 Testing Pyramid * 00:00 Framework Specifics * 00:00 Getting Into Cyprus * 00:00 Using Mocha * 00:00 Cyprus and Playwright * 00:00 Head of Developer Relations * 00:00 Role Transitions and Consuming Content * 00:00 Future excitement and AI * 00:00* Picks and Plugs
Izzy joins James and Amy to talk about community, learning new things, and how to keep passion for your work.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:01 Getting Started in Email * 04:40 Tools for Email * 07:30 Sponsor: Daily.dev * 08:23 Networking and Community * 15:47 Content Creation * 19:22 Passion in Career * 35:58 Content Focus * 41:20 Coffee Chats * 44:54 New Interests and Learning * 51:32* Picks and Plugs
Jonathan Wilke joins to talk about his building products, favorite developer tools, and his personal side project, Supastarter.
SponsorDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:09 Welcome Jonathan * 02:23 Full Time Job and Side Projects * 06:40 Iterations of Tools * 08:51 What is Superstarter? * 16:09 T3 Starter * 18:07 Building Stuff In * 24:41 Pricing * 34:58 Sponsor: Daily.dev * 35:59 Marketing Strategy * 41:37 Tech Stack * 42:57 Stripe Integration * 44:43 Developer Connection * 50:25* Picks and Plugs
Michael speaks about his experience at Amplify and the benefits of going serverless and what are some of the logistics of utilizing it.
SponsorHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:00 Welcome Michael * 00:00 Background in AWS and Amplify * 00:00 Amplify Overview * 00:00 Overwhelmed by AWS * 00:00 Sponsor: Hashnode * 00:00 Amplify and SvelteKit * 00:00 Cold Starts and Lambda Function * 00:00 Terms and Definition * 00:00 Edge and Cloud Functions * 00:00 Endpoints * 00:00 How are APIs created? * 00:00 Daily.dev * 00:00 How to Start with AWS? * 00:00 Michaels New Team * 00:00* Picks and Plugs
Ben joins James and Amy to showcase all the wonderful things you can do with Astro as well as to have some fun.
SponsorHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 00:53 Welcome Ben and Astro * 07:10 Funding and Roles * 11:38 What is Astro? * 17:40 When to not use Astro? * 21:12 Sponsor: Hashnode * 21:27 1.0 Launch * 23:23 Money Strategy * 25:18 Astro for Full Stack * 35:49 Sposor: Daily.dev * 36:49 Front Matter * 41:08* Picks and Plugs
Chris joins James and Amy to show his love for vanilla JavaScript and why returning back to the basics maybe the best thing for developers.
SponsorHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:18 Why Vanilla JavaScript? * 02:39 Difficult Interview Questions * 04:01 Patterns and Conventions * 06:31 Code Generators * 10:45 Recreating Libraries? * 13:56 Proxies * 24:46 Testing * 26:24 Why Svelte is Different * 33:33 Sponsor: Hashnode * 34:18 Local Storage * 40:51 Web and Service Workers * 43:28 Chris's Course Platform * 50:50 Sponsor: Daily.dev * 51:51* Picks and Plugs
Todd discusses the importance and the logistics of making sure that what you code is accessible to all users.
SponsorsRapidAPIRapidAPI, the world's largest API hub, is used by over three million developers to find, test, and connect to thousands of APIs — all with a single API key and dashboard.
Find the APIs that you need for your project, embed the API into your app, and track usage of all your APIs through a single dashboard. If you create an API, use RapidAPI to make it available to over three million developers already using the RapidAPI Hub.
StoryblockStoryblok is the first headless CMS that offers a unique combination of visual editing tools and highly customizable content blocks for marketers on top of a modern headless architecture that gives developers the flexibility to build fast and reliable digital platforms.
Show Notes 00:00 Introduction * 01:12 Welcome Todd * 03:04 Calling Out Accessibility * 11:04 Personal Connections * 14:34 Sponsor: RapidAPI * 15:35 Why Have Alt Text * 23:03 Placeholders * 33:04 Accessibility Across Platforms * 37:42 Sponsor: Storyblock * 38:27 Todd's Community Involvement * 43:53* Picks and Plugs
Juri joins James and Amy to discuss Monorepos and the benefits of using them on your projects as well as his work at Nrwl.
SponsorsRapidAPIRapidAPI, the world's largest API hub, is used by over three million developers to find, test, and connect to thousands of APIs — all with a single API key and dashboard.
Find the APIs that you need for your project, embed the API into your app, and track usage of all your APIs through a single dashboard. If you create an API, use RapidAPI to make it available to over three million developers already using the RapidAPI Hub.
StoryblockShow Notes 00:00 Introduction * 01:24 What is a Monorepo? * 09:37 How to Manage with Yarn or NX? * 11:57 Where does the cash live? * 13:11 Setting up a Workspace * 15:18 Linking Repos * 20:35 MPM Links * 22:22 Sponsor: RapidAPI * 23:21 Managing PRs with Large Teams * 27:55 What does Nrwl do? * 30:29 Juri's Communities * 34:26 Lerna for MPM Libraries * 36:02 Sponsor: Storyblock * 36:47 Juri's Career and Management Roles * 41:37* Picks and Plugs
Moe joins James and Amy to discuss his work with Buildable.
SponsorsRapidAPIRapidAPI, the world's largest API hub, is used by over three million developers to find, test, and connect to thousands of APIs — all with a single API key and dashboard.
Find the APIs that you need for your project, embed the API into your app, and track usage of all your APIs through a single dashboard. If you create an API, use RapidAPI to make it available to over three million developers already using the RapidAPI Hub.
Show Notes 00:00 Introduction * 01:07 Welcome Moe * 02:58 The Road to JavaScript * 06:36 Why build Buildable? * 11:56 Current Stages of Buildables * 16:56 Use Cases * 20:28 Differences in Zapier and Buildable * 22:14 Basics of Message Processing * 35:10 Sponsor: RapidAPI * 36:09 Goals for Starting Your Company * 41:18* Picks and Pulgs
Brad and Amy discuss some of their favorite new features in Node.js and how you can get the most out of them.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 00:00 Introduction * 00:45 Crazy Remix News * 05:00 Intro to Node.js * 07:09 Node Versions * 09:45 Support for ES Modules * 13:30 Important Assertions * 15:03 Sponsor: DatoCMS * 15:56 Running an HTTP Server * 17:03 Read and Write Files * 18:28 UUID * 19:41 Fetch API * 22:00 CLI * 23:31 Test Runner * 24:15 Watch Mode * 25:19 Sponsor: ZEAL * 26:11 Performance Profiling * 27:07 Other Scripts We've Written * 35:09 Sponsor: Vercell * 36:15* Picks and Plugs
Brad, Amy, and James, talk with Erik about the things he’s been building for Twitch and how to excell in the developer world.
SponsorHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:42 Welcome Erik * 03:07 Value of a Degree * 06:32 Favorite Stacks * 12:24 Thoughts on Svelte and Angular * 16:38 Streaming and Tools * 21:45 Twitch Backend * 24:01 Sponsor: Hashnode * 24:46 Hosting Solutions * 38:21 Sponsor: Daily.dev * 39:21 Eriks Following * 45:24 Learn Do Teach Uplift * 48:20* Picks and Plugs
Brad and Amy discuss different testing methods and the importance of properly tested code.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 00:00 Introduction * 00:46 Brads New Position * 02:20 Intro to Testing and TDD * 04:15 Types of Testing * 09:04 Testing Trophy * 12:16 Static Testing * 13:53 Unit Testing * 19:33 Code Coverage * 21:55 Sponsor: DatoCMS * 22:50 Integration Testing * 28:20 Mock and Spies * 34:09 Sponsor: ZEAL * 35:02 End to End Testing * 37:45 Database Seating * 49:53 Accessibility * 52:18 Sponsor: Vercell * 53:25* Picks and Plugs
Lane Wagner joins Brad, Amy, and James to discuss how to set your portfolio up for success and how to use it to get the perfect job for you.
SponsorsRapidAPIRapidAPI, the world's largest API hub, is used by over three million developers to find, test, and connect to thousands of APIs — all with a single API key and dashboard.
Find the APIs that you need for your project, embed the API into your app, and track usage of all your APIs through a single dashboard. If you create an API, use RapidAPI to make it available to over three million developers already using the RapidAPI Hub.
Show Notes 00:00 Sponsor: RapidAPI * 00:54 Learn Both * 04:54 Portoflios and Resumés * 07:05 Customizing GitHub Profile * 09:19 What Hiring Mangers Look For * 11:04 Front End vs Back End * 13:03 Algorithms and Date Structures on Interview * 13:57 Pairing * 19:05 Lighthearted Interviews * 20:33 Unique Interview Experience * 23:23 NDA Code * 25:24 Boot.dev * 26:33* Picks and Plugs
Brad and Amy discuss the great features of Remix and some of their favorite ways to utilize it.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:12 Getting into Remix * 05:54 Remix History * 08:23 Sponsor: Hashnode * 13:25 Nesting Routing * 19:12 How Links Work * 24:15 Server Side Generation * 25:01 File Location * 28:15 Input * 28:59 Writing Code * 39:53 Form States * 40:54 Boundary Components * 45:26 Remix Frustration * 54:04 Help from Tailwind * 57:46 Authentication * 00:00 Database Solutions * 00:00 Modeling * 00:00 Sponsor: Daily.dev * 00:00 Testing * 00:00 Linting and Formatting * 00:00 Deploying * 00:00 Projects for Remix * 00:00 Grab Bag Questions * 00:00* Picks and Plugs
Max discusses his start in coding as well as his work with Homebrew and his love for Open-source.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:12 Max's Career Highlight * 05:54 Building an App in the Open * 08:23 Homebrew Package Manager * 13:25 Why so Many Package Managers? * 19:12 What Makes Homebrew Standout? * 24:15 Sponsor: Hashnode * 25:01 Idea for Homebrew * 28:15 Language Package Managers * 28:59 Money Talk * 39:53 Sponsor: Daily.dev * 40:54 Distributing Sponsorship * 45:26 Web3 in Tea * 54:04 Update on Tea * 57:46* Shoutouts
Rizel from GitHub discusses the benefits to learning in public as well as her favorite parts of different frameworks.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:03 Welcome Rizel * 01:51 GitHub Copilot * 06:45 Code Spaces * 11:10 Live Share in Code Spaces * 14:14 Open Source * 20:17 Brads Open Source Projects * 23:58 Sponsor: Hashnode * 24:45 Books and Video for Backend * 28:17 Node JS Backend Job Market * 29:39 Astro? * 32:38 Sponsor: Daily.dev * 33:39 Learning No-js * 35:40 The Future of Technology * 39:00 Picks and Plugs * 43:22 Teaching to Communities * 46:11* Uses of JavaScript
Josh joins on the podcast to discuss Pulumi, Copilot, and all the tech buzzwords.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:15 Welcome Josh * 02:23 Context of Preview Deploys * 05:50 Does the stack matter? * 11:48 Developer Experience Marketing * 13:29 Why Remix? * 21:24 Sponsor: Hashnode * 22:09 Why Prisma and ORM? * 29:19 Pulumi * 32:04 Copilot * 34:20 Bring Your Own Stack * 38:07 Sponsor: Daily.dev * 39:07 Maintaining Costs * 40:06 Termial Set Up * 45:30* Picks and Plugs
Amy and James celebrate their 100th episode live at Magnolia.js. Here, they share their wins, disappointments, and learnings over the past year and a half.
Jacob discusses the ways he uses Svelte in his work at Stylitics as well as some of his personal projects.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:31 Jacob's Background * 03:49 Welding to Software * 05:29 Combining Code with Your Interests * 06:38 Passion * 10:09 Jacob's Interest in Svelte * 15:36 Working for Stylitics * 21:24 Choosing to use Svelte * 24:03 Finding Open-source * 29:05 Sponsor: Hashnode * 29:51 Svelete Kit Changes * 35:54 Sponsor: Daily.dev * 36:55 Other Frameworks and Side Projecst * 40:26 Databases * 42:23 Stores * 43:43* Picks and Plugs
Debbie discusses the importance of end to end testing as well as her work at Microsoft.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:42 Who is Debbie? * 02:59 Background and Interest * 07:26 Sharing What You Learn * 09:34 Microsoft * 12:02 5 Year Plan * 15:31 Imposter Syndrome * 18:01 Playwright and Testing * 21:40 Cyprus * 23:18 Playwrite and Frameworks * 24:59 Component Testing * 30:46 Sponsor: Hashnode * 31:32 Visual Regression Testing * 32:27 Microsoft Integration * 36:04 Storybook and Percy * 37:28 Hiring at Microsoft * 38:32 Sponsor: Daily.dev * 39:32 Interview Process * 44:00 Inspiring Others * 48:10* Picks and Plugs
Edan discusses personal and professional challenges he faced throughout his transition into a tech career.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:11 Who is Eden? * 03:10 Development Experience * 04:59 Learning in School * 09:23 Handling Energy * 12:39 Starting Your Agency * 15:39 Learning Necessary Ecosystems * 20:18 Progression of Tools * 26:16 WordPress and Hosting * 29:21 Benefits and WordPress * 34:03 Sponsor: Daily.dev * 35:03 Side Projects * 42:17 Being Late to the Game * 46:25 Sponsor: Hashnode * 47:10 Important Communities * 53:18* Picks and Plugs
Hassan discusses his inspiration for Nuna and his philosophy behind coding.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:12 Welcome Hassan * 02:29 Hassan at Prisma Day * 05:49 JOMO * 09:38 Stoicism * 16:45 Stoicism in Programming * 23:10 Sponsor: Hashnode * 23:56 Building a Team * 30:33 About Nuna * 36:31 Privacy with Nuna * 37:28 Sponsor: Daily.dev * 38:29 Nuna Tech Stack * 40:33 Moving the Bot to Serverless * 42:59 Will Serverless Stay Cheap? * 45:13 Preact JS Pitch * 47:26* Picks and Plugs
Josh talks with James and Amy about teaching TypeScript and ESLint to beginners.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:21 Josh's Background * 02:45 Josh's First Project * 04:37 TypeScript Beginnings * 05:43 What is a Generic? * 08:44 What Makes TypeScript Interesting * 10:11 Transpiring * 12:58 Sponsor: Daily.dev * 13:59 Getting into TypeScript ESLint * 19:54 ESLint Set Up * 22:38 Josh's Book * 16:42 Measuring Book Success * 29:13 Sponsor: Hashnode * 29:59 Open Source Developer as a Job Title * 32:08 When Your Passion is Your Career * 36:34 Josh's Soapbox * 39:28 Pro Tips * 41:24 Picks and Plugs * 45:35 Something Annoying in ESLint * 46:55* More Picks and Plugs
Kenny joins us to discuss the uses for Plasmic and the advantages of its integration features.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:19 About Kenny * 02:20 Engineer vs Advocate * 03:49 Rotating Roles * 05:40 Code Components in Plasmic * 06:56 How is Plasmic Different? * 09:50 Integration With Other Headless CMS * 12:01 Using Components * 13:50 Teaching With Low Code * 17:03 Enabling Developers * 19:16 Integration * 24:24 Sponsor: Hashnode * 25:10 Interest in Jamstack * 31:19 Other Favorite? * 36:46 Sponsor: Daily.dev * 37:47* Picks and Plugs
Amy discusses with James his recent job change and how he plans to move forward in full time content creation.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 00:00 Introduction * 00:54 James's Big Change * 04:54 Diversifying Content * 07:05 Full Time Content vs Full Time Dev * 09:19 Being Your Own Boss * 11:04 Running Workshops * 13:03 Sponsor: DatoCMS * 13:57 Feeding the Beast * 19:05 Process Changes * 20:33 Where to Start? * 23:23 Bad First Pancake * 25:24 Watching the Numbers * 26:33 Imposter Syndrome * 28:42 Sponsor: ZEAL * 29:36 Sponsored Rap * 30:12 Monthly Retainers and Freelance Dev Rel * 31:10 End Goal * 32:59 Is this freelance Dev Rel? * 33:37 Sponsor: Vercel * 34:44* Picks and Plugs
Joe talks with Amy and James about utilizing open source as a beginner and his interest in TypeScript.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 02:04 Explaining Storybook * 06:03 Component Testing * 14:14 Storybook Inside Chromatic * 16:58 The Value of Testing * 20:55 Storybook and Redwood * 23:35 Sponsor: Hashnode * 24:21 What Chromatic Does * 28:30 Percy vs Chromatic * 34:32 Sponsor: Daily.dev * 35:33 Michael at Chromatic * 38:35 Components * 44:37* Picks and Plugs
Joe talks with Amy and James about utilizing open source as a beginner and his interest in TypeScript.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 02:54 Joes Background * 04:10 Passion for Open-source * 05:25 Being an Open-source Beginner * 11:09 How to Find a Potential Project * 11:54 Love for Teaching * 14:44 Sponsor: Hashnode * 15:34 TypeScript Experience * 17:51 8 Hours to Learn * 20:16 Conferences and Meetings * 24:31 Building Learning Tools * 25:59 The Power of Content * 30:01 Sponsor: Daiy.dev * 36:52* One Minute Vim Pitch
In this Episode guest Ben Haynes tells us about his work at Directus and where the software is headed next.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 02:54 Momentum * 04:10 Ben's Favorite Framework * 05:25 What problems does Directus solve? * 11:09 Sponsor: Hashnode * 11:54 How James Heard of Directus * 14:44 Hosting Recommendations * 15:34 Having a Free Tier * 17:51 Thoughts on TypeScript * 20:16 Integration with Other Ecosystems * 24:31 Demoing the Platform * 25:59 Can Directus do this? * 30:01 Sponsor: Daily.dev * 31:02 Transition to CEO * 36:52* Upcoming Features
Kent discusses his role at Remix and why he loves the product so much.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 Introduction * 01:33 Kents Background * 07:08 The Marketing of Remix * 09:08 Create Things You're Excited About * 11:06 Transparency and Honesty * 13:51 Sponsor: Hashnode * 14:37 Using Remix and What's Coming Soon * 24:49 Embracing the Web Platform * 32:14 How to Handle Databases * 37:15 Sponsor: Daily.dev * 38:16 Hate Tailwind? * 43:58* Tradeoffs
In this episode guest Tessa Mero talks to James and guest cohost Brad Garropy about working in Dev Rel and transitioning her job.
SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 00:00 Introduction * 01:12 Introducing Tessa * 02:36 How did Brad get Into Web * 05:46 Draw of Developer Relations and Developer Advocacy * 09:46 Getting Into Speaking * 12:17 Preparing for Criticism * 17:06 Sponsor: Hashnode * 17:53 How to Progress Your Career * 22:12 Performance Indicators in Developer Relations * 26:39 Sponsor: Daily.dev * 27:40 Working for Open-source * 34:08 Companies that Prioritize Dev * 42:19 Brad's Pick: Digital Minimalism by Cal Newport * 44:09 Brad's Plug: Brad Garropy on YouTube * 44:28 Tessa's Pick: Shure SM7B * 47:23 Tessa's Plug: Appwrite Discord * 48:32 James's Pick: The Weekend Away * 49:39* James's Plug: James Q Quick YouTube
In this episode James Perkins talks about unexpected job changes and what it’s like to work for start-ups.
SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
Show Notes 00:00 - Intro * 03:08 - Creating Content for Companies You Like * 05:57 - Startups: Phases and Funding * 08:08 - Layoffs * 11:32 - Startups and Unicorns * 15:30 - Payouts and Stock Options * 21:36 - Sponsor: Hashnode * 22:22 - Risky Startups * 28:26 - Black Market Share Deals * 30:45 - Where to find startup jobs * 36:19 - Job Confidence * 42:49 - Sponsor: Daily.Dev * 43:50 - Don't Burn Bridges * 48:16* - Final Thoughts and Community Shoutouts
In this episode, James and Amy talk about the Chrome Developer Tools including familiar tabs like Elements, Console, Network, and a few you've probably never heard of! They also share some of their favorite tips and tricks along the way.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 00:00:00 - Intro * 00:04:43 - Amy's Trip to Berlin for Prisma Days * 00:07:47 - What Are Chrome Developer Tools? * 00:12:18 - The Elements Tab * 00:16:00 - Sponsor: DatoCMS * 00:16:54 - Tweaking Styles in the Elements Tab * 00:19:06 - The Layout Tab, Event Listeners, Breakpoints, and Accessibility Tabs * 00:23:34 - The Console * 00:27:18 - Sponsor: Zeal * 00:28:12 - Performance Insights and Performance * 00:29:07 - Debugging and the Sources Tab * 00:31:22 - The Network Tab * 00:37:07 - Sponsor: Vercel * 00:38:14 - The Application Tab - Local Storage, Cookies, and More * 00:41:30 - The Lighthouse Tab and Framework Specific Tabs * 00:44:52 - Grab Bag Questions * 00:50:02 - Picks and Plugs
In this episode, James and Amy answer questions from the audience about Github Copilot, modern frameworks, Serverless vs Express.js, PlanetScale vs Supabase vs Firebase, and more!
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 00:00:00 - Intro * 00:02:16 - Github Copilot Controversy * 00:15:08 - Sponsor: DatoCMS * 00:16:02 - Thoughts on Next JS,Redwood, Remix, and More * 00:23:27 - Sponsor: ZEAL * 00:24:22 - Desk Cable Management * 00:30:25 - Serverless vs Express.js * 00:34:50 - Prisma and PlanetScale * 00:37:17 - Sponsor: Vercel * 00:38:24 - Script for YouTube Images * 00:39:42 - PlanetScale vs Firebase vs Supabase
In this episode, James talks about his experience using SvelteKit to re-create the famous guessing game, Wordle.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 00:00:00 - Intro * 00:03:57 - Svelte vs SvelteKit and Wordle * 00:10:29 - Sponsor: Vercel * 00:11:36 - How Wordle Works * 00:15:51 - SvelteKit Stores for Game State * 00:19:01 - Sponsor: Zeal * 00:19:53 - More on Game State * 00:21:33 - Working with LocalStorage * 00:27:43 - Creating the Keyboard * 00:29:53- Game Logic for Guessing Letter * 00:31:12 - Sponsor: DatoCMS * 00:32:05 - Color-coded Feedback On Guesses * 00:36:46 - Adding Transitions on Guessed Letters * 00:38:19 - Custom Overlay and Alert Components * 00:47:17 - Grab Bag Questions * 00:50:20 - Picks and Plugs
Links* Source Code - https://github.com/jamesqquick/sveltekit-wordle-clone * Wordle Game - https://www.nytimes.com/games/wordle/index.html * (Amy Plug) Advent of CSS - https://adventofcss.com/ * (Amy Plug #2) Advent of JS - https://adventofcss.com/ * (James Pick) - https://www.amazon.com/Wireless-Charging-Case-Compatible-Microphones/dp/B09C1G9Z1D * (James Plug) - https://www.youtube.com/c/jamesqquick
In this episode, Amy and James explain Github Actions: what they are, how they work, use cases, and more. Amy also shares some of her personal experience in setting up Github Actions in a recent project.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 00:00:00 - Intro * 00:05:27 - What are GitHub actions? * 00:12:59 - Sponsor: DatoCMS * 00:13:53 - Linting or Formatting * 00:24:34 - Sponsor: Vercel * 00:30:03 - Sponsor: Zeal * 00:30:56 - Other Use Cases * 00:37:12 - Grab Bag Questions * 00:44:00 - Picks and Plugs
Links* Learn Github Actions - https://docs.github.com/en/actions/learn-github-actions * Quickstart for Github Actions - https://docs.github.com/en/actions/quickstart * Level Up Tutorials Course on Github Actions from Brian Douglass - https://leveluptutorials.com/tutorials/code-automation-with-github/introduction * (James Pick) Rode Wireless Go - https://www.amazon.com/Rode-Microphones-Wireless-Channel-Microphone/dp/B08XFQ6KP9 * (James Plug) YouTube Channel - https://www.youtube.com/c/jamesqquick * (Amy Pick) ELOH IPhone Game - https://apps.apple.com/us/app/eloh/id1406382064 * (Amy Plug) Learn Build Teach Discord - https://learnbuildteach.com/
Anthony Campolo (AJC) joins us to talk about leveraging blockchain infrastructure for decentralized Web3 applications and his experience working as a Developer Advocate at QuickNode.
SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes* 00:00:00 - Intro * 00:04:06 - Bootcamp Experiences * 00:09:59 - Sponsor Shoutout: Hashnode * 00:10:45 - Experience Working on the Core Team of Redwood.js * 00:18:09 - Sponsor Shoutout: Daily.dev * 00:19:10 - Defining Web3, Blockchain, and Cryptocurrencies * 00:27:24 - What is QuickNode? - Blockchain API and Node Infrastructure * 00:28:54 - The Future of Web3? * 00:35:48 - Building a Hello World Smart Contract * 00:43:04 - Closing Thoughts on Web3 and the Blockchain
Links* Anthony on Twitter - https://twitter.com/ajcwebdev * QuickNode - https://www.quicknode.com/ * How to Create a dApp on Avalanche's Fuji Testnet with QuickNode: https://www.quicknode.com/guides/web3-sdks/how-to-create-a-dapp-on-avalanches-fuji-testnet-with-quicknode * A First Look at Deploying Smart Contracts: https://www.youtube.com/watch?v=RvvMWGPJVUI * A Crash Course in Web3 for Web2 Developers: https://youtube.com/watch?v=kl5nNRKemkY
James and Amy discuss common accessibility mistakes that you should avoid in your web applications.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 00:00:00 - Intro * 00:02:54 - What is Accessibility * 00:10:59 - Sponsor Shoutout: Dato CMS * 00:11:52- 1. Not Using Alt Tags on Images * 00:15:30 - 2. Not Using Semantic HTML Tags * 00:22:16 - 3. Not Checking for Accessible Colors and Contrast Ratio * 00:24:18 - 4. Relying on Color To Communicate * 00:26:10 - 5. Not Adding Validation to Your Forms * 00:29:39 - 6. Setting Outline to None * 00:30:45 - 7. Ignoring Reduced Motion Preferences * 00:33:08 - Sponsor Shoutout: Zeal * 00:34:00 - 8. Using Non-descriptive Link Text * 00:35:16 - 9. Not Using Aria Role Tag * 00:37:29 - 10. Not Labeling Your Input Fields * 00:39:16 - Additional Resources * 00:40:50 - Grab Bag Questions * 00:41:16 - Picks and Plugs
Links* Give a Damn About Accessibiility - https://www.accessibility.uxdesign.cc/ * A11ycasts - https://www.youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g * Storybook - https://storybook.js.org/ * Deque - https://www.deque.com/ * Ekster Wallet - https://ekster.com/ * Peak Design Bag - https://www.peakdesign.com/products/travel-duffel
Corbin Crutchley joins to talk about how to learn Frontend Frameworks better with his upcoming eBook The Framework Field Guide, https://unicorn-utterances.com/collections/framework-field-guide.
SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show NotesUnicorn Utterances - https://unicorn-utterances.com/
Framework Guide - https://unicorn-utterances.com/collections/framework-field-guide
Accelerating Angular Development with Ivy - https://www.packtpub.com/product/accelerating-angular-development-with-ivy/9781800205215
Learning TypeScript from Josh Goldbergy - https://www.amazon.com/Learning-TypeScript-Development-Type-Safe-JavaScript/dp/1098110331
Brad Garropy - https://bradgarropy.com/
- 00:00:00 - Welcome and Intros
- 00:02:12 - Awkward Question of the Day and Rants
- 00:07:18 - Background in Writing and Content Creation
- 00:11:19 - Imposter Syndrome as a Writer
- 00:15:01 - Sponsor Daily.dev
- 00:16:02 - The Framework Field Guide - Learning the Core of Frontend Frameworks
- 00:23:36 - Comparing Modern Frontend Frameworks
- 00:27:42 - Sponsor Hashnode
- 00:28:28 - The Tech Stack Behind the Book
- 00:33:36 - Why Create a Free Book
- 00:41:21 - Future Content Goals
- 00:50:55 - Picks and Plugs
Deno team member, Luca Casonato, joins to talk about Deno, a new JavaScript runtime, and Fresh, a next generation web framework, built for speed, reliability, and simplicity.
**This is a feed swap episode with PodRocket -- a web development podcast from LogRocket. Every week, PodRocket gets you up to speed on everything happening in the world of web development through in-depth interviews with experienced engineers.
Join LogRocket's Cofounder, Ben Edelstein, and members of the LogRocket engineering team as they interview experienced developers about the best, worst, and newest aspects of all your favorite libraries, frameworks, and technologies. If you enjoy this episode, please be sure to check out PodRocket!**
Links and Resources* Fresh docs * Islands Architecture * Deno’s Discord * Luca Casonato – Twitter * Podrocket Podcast
Show Notes* 00:00:00 - Intros * 00:01:10 - What is Deno * 00:08:27 - Fresh - The Modern Web framework Built for Speed, Reliability, and Simplicity * 00:13:57 - Islands Architecture * 00:18:31 - Fresh Project Structure and Breakdown * 00:25:47 - Upcoming Exciting Tech * 00:29:54 - Wrap Up
Adam Bradley joins to talk about some amazing new projects to help increase performance and productivity in Web Development: Partytown, Qwik, and Builder.io.
SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes* 00:00:00 - Intros * 00:00:52 - Adam Bradley Introductions, Origins of Stencil and Ionic * 00:08:16 - Qwik Performance Overview * 00:15:31 - Sponsor Shoutout - Daily.dev * 00:16:32 - Intelligent JavaScript Bundling and Prefetching * 00:24:26 - Qwik vs Astro * 00:29:40 - Sponsor Shoutout: Hashnode * 00:30:26 - Learning in Modern Web Development * 00:33:18 - Web Workers and Partytown * 00:45:07 - Builder.io - "Drag and Drop on Your Tech Stack"
Episode NotesJames and Amy talk about everything Serverless and how it fits into modern Web Development. They discuss Serverless Functions, hosting platforms (Netlify, Vercel, and Cloudflare), frameworks and tools, benefits, Edge Functions, and more.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 00:00:00 - Intro * 00:00:45 - What Have We Been Up To * 00:05:35 - Rant: Should You Leave Comments in Your Code?! * 00:10:23 - Overview of Serverless * 00:15:00 - Sponsor: Vercel * 00:21:00 - Sponsor: Zeal * 00:21:53 - Overview of the Jamstack and Serverless Functions * 00:35:27 - Sponsor DatoCMS * 00:37:32 - Benefits of Serverless * 00:45:41 - Edge Computing * 00:51:02 - Grab Bag Questions * 01:01:49 - Picks and Plugs
Colby Fayock joins the show to talk about his developer background, experience as a Content Creator, and his role as a Developer Advocate at Cloudinary.
SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes* 00:00:00 - Intro * 00:00:58 - Colby's Intro and Background * 00:03:01 - Colby Background and Content Creation * 00:06:16 - Wordpress Development and Why It's Still Relevant * 00:09:23 - Favorite Wordpress Hosts * 00:11:50 - Security Concerns with Wordpress as a Headless CMS * 00:12:57 - Headless eCommerce * 00:16:26 - Thought Leadership and Being an "Influencer" * 00:18:05 - Creating Accessible Content * 00:21:48 - How We Plan Content * 00:22:35 - Updating Outdated Content * 00:25:45 - Colby's Role as Developer Advocate at Cloudinary * 00:28:17 - Cloudinary Features * 00:32:24 - Cloudinary and Wordpress Integration * 00:39:50 - Colby's Astro Brand Explained * 00:40:57 - Community Shoutouts * 00:41:42 - Colby Rant on Moving Past Your Initial Barrier to Entry
In this episode, Amy talks through the details of Dev Operations and setting up a CI/CD (Continuous Integration and Continuous Deployment) pipeline on a recent project, using RedwoodJS, Husky, Postgres, Render, and GitHub Integrations.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 00:00 Introduction * 03:40 Amy's Rant On Work Life Balance * 06:56 What is DevOps? * 08:11 James Alternative Definition of DevOps * 10:37 DevOps Workflows of the Past * 13:00 CI/CD Pipelines + Vercel * 14:17 Sponsor: Vercel * 15:24 Amy's Experience with Redwood.js * 16:35 Readme.so * 17:12 Project Environments and Setup With Docker * 21:32 Project Setup - Github Projects, Github Actions, Kent C. Dodds Testing Trophy, etc. * 30:47 Hosting With Render * 35:01 Database Best Practices with Shipping Code * 36:43 Sponsor: DatoCMS * 37:37 Deploy Previews with Render Based on Github PRs * 44:01 Deploy Redwood.js on Render (Documentation) * 45:11 Sponsor: ZEAL * 45:57 Heroku Github Integration Issues * 49:39 Grab Bag Questions Section * 50:08 Picks and Plugs * 52:52 James's Plug - Top 5 Struggles of a Developer Advocate * 53:44 Create a SvelteKit Blog With Markdown Files + MDsvex * 57:03 Amy's Plug - Hashnode * 57:44* Amy's Pick - Matthew McConaughey's book, Greenlights
In this episode, James shares all the juicy details about Developer Relations / Developer Advocacy / Technical Evangelism and all the things that happen behind the scenes.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 2:50 "Not" Parenting Rant * 3:56 Spending Time with Remix * 5:14 Remix vs Next.js * 7:09 Remix vs Next.js Article * 9:01 How James Got His First Developer Advocacy Role * 12:10 Sponsor: Vercel * 13:18 Working at Microsoft as a Technical Evangelist * 18:17 Why Content Creation is Important * 19:54 Difference Between Technical Evangelism and Developer Advocacy * 22:05 Tech Is More Than Just Software Development * 23:00 Sponsor: DatoCMS * 23:54 Moving to New York City * 24:50 The Impact of Student Hackathons * 27:22 James Meets Tom Holland * 31:04 Learn Build Teach * 31:28 Speaking in Public * 34:20 Sponsor: ZEAL * 35:05 Technical Experience at FedEx * 40:10 Transitioning Back to Developer Advocacy * 42:23 Downside of Developer Advocacy * 47:34 Grab Bag Questions * 47:46 What are two challenges faced by developer advocates? * 42:10 What has been the hardest challenge when building a community and how did you address it? What do you like the most and the least about Developer Advocacy? * 55:44 What advice would you give to become a Developer Advocate? * 56:36 How much time do you spend building stuff versus marketing versus documentation? * 58:14 Picks and Plugs * 52:24 James's Pick: Ryobi Battery Powered Weed-Eater * 1:00:10 James's Pick: James Q Quick on YouTube * 01:00:21 Amy's Pick - Book: Story Worthy * 01:01:15* Amy's Plug: SelfTeach.me on Twitch
Our featured guest for this episode is Nadar Dabit. He explains blockchain, decentralization, Web3, its future, volatility, and how you might get started in this space.
SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 0:31 Nader Dabit Intro and Working in Dev Rel * 4:19 What is web3 and why the shift to web3? * 10:12 Sponsor: Hashnode * 10:58 GraphQL in Web3 * 12:23 What Does Decentralized Mean? * 16:33 The Business Model of Web3 * 18:20 What is the Blockchain * 25:46 Sponsor: Daily.dev * 26:47 Volatility in Web3 * 29:07 The Difficulty of Finding Developers in the Web3 Space * 30:04 Nader's Thoughts on the Future * 34:04 How Web3 Affects Content Creators * 35:14* Wrap Up
In this episode, Amy shares her experience with working with Storybook, the pros and cons, and how it's changed her developer workflow.
SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
VercelVercel 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
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction + Episode 32 - Getting Started with TypeScript * 7:17 Quick Rant: Wired Headphones * 8:49 Design Systems + Episode 46 - Everything You Ever Wanted to know about Design Systems + Bootstrap + Zurb Foundation * 10:36 Supports Multiple Libraries and Frameworks * 12:28 Sponsor: ZEAL * 13:13 How do you enter all the information into Storybook? + Frontend Masters: Design Systems with React & Storybook - Emma Bostian * 18:24 Storybook in the Wild: Building out Frontend Components for Backend Developers + Episode 54 - Why RedwoodJS is the App Framework for Startups with David Price Redwood.js with David Price * 22:17 Comparing Storybook to Testing * 25:31 Sponsor: Vercel * 26:39 Breaking Down a Component * 29:29 Add-Ons with Storybook * 31:28 Storybook and Figma Integration * 31:46 Sponsor: DatoCMS * 32:40 Do you use Storybook at work? * 33:39 Do you think Redwood is an option that you'll use more of going forward? Or, do you think Storybook is something that you implement outside of Redwood in some of your existing setups? * 35:05 Is Redwood something teams should be looking at for new projects? * 36:32 Grab Bag Questions * 39:16 Picks and Plugs * 39:26 James's Pick: Spike Ball * 41:07 James's Plug: TikTok * 42:25 Amy's Pick: PARA Method * 43:42* Amy's Plug: Everything Svelte
In this episode, James shares common mistakes people make with their API Keys and explains the appropriate way to handle them.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction + YouTube Video RE: Mistakes People Make with API Keys * 6:42 API Keys * 7:37 Where do API Keys come from? * 8:57 Mistakes People Make with API Keys * 9:10 Mistake #1: Hard Coding the API Key Value * 11:45 Sponsor: Vercel * 12:53 Mistake #2: Adding an API Key to the .env file, but still exposing the key * 16:20 Mistake #3: Committing Your Key to Source Control * 17:59 What should you do about a leaked API key? * 19:38 Using .gitignore * 21:20 The Best Way to Handle Secrets * 22:57 Serverless Functions + Episode 57 - Authentication and Authorization and other Buzz Words * 29:55 Sponsor: ZEAL * 30:41 Where would you put a Bearer Token? * 31:40 Server Side Rendering * 33:49 Public API Keys * 37:20 Sponsor: DatoCMS * 38:13 Grab Bag Questions * 38:24 What's the best way to share environmental variables across different machines? * 38:35 What are the pros and cons of system environmental variables vs a KMS (Key Management System)? * 40:34 Picks and Plugs * 40:44 James's Pick: Sketcher's Tennis Shoes from Costco * 44:54 James's Plug: YouTube Video - 10 Things JavaScript Developers Have Stopped Doing * 45:26 Amy's Picks: James Clear 3-2-1 Newsletter + Atomic Habits, by James Clear * 46:14* Amy's Pick: Keystone.js on Level Up Tutorials
In this episode, the tables are turned and you get a different perspective. Sunjay Armstead, is a UI/UX Designer and Developer at ZEAL. Here, he interviews Amy and asks her about leading a team and being a female in the tech industry.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 2:05 What can beginners do to prepare to work on a design / dev team? * 5:05 Contributing to Open Source + Brian Douglas * 9:58 Sponsor: Hashnode * 10:43 What have you learned to so far about leading a team? Challenges, frustrations, highlights? * 13:36 What ways have you seen your team help you get better? * 17:33 How do you know what's genuine, constructive critique vs unfounded opinion? * 19:38 Are there other ways that you can make a design objective? * 21:11 Sponsor: Daily.dev * 22:12 What ways has the industry improved and what things still need attention? * 25:28 What are some of the things that your bosses and coworkers have done right that has been inclusive and that helps you feel part of the team? * 27:46* What do you do to attend to the different areas of your life?
In this episode, James explains how to apply to speak at conferences, how to properly prepare for a speaking engagement, and how to get started.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 5:06 Why speak at conferences? * 9:12 Sponsor: Vercel * 10:19 How would you recommend getting started? * 15:41 How do you Apply to Speak at a Conference? * 25:56 Sponsor: DatoCMS * 27:03 Prepping + Nancy Duarte Slideology + Nancy Duarte - Resonate + Nancy Duarte * 34:47 Tip: Ask for Feedback * 35:28 Tip: Make It Interactive * 38:39 Tip: Don't sell a Product * 40:00 Tip: Present your Niche at an "Unrelated Conference" * 41:07 Tip: Confidently say "I'm a Content Creator." * 42:12 Tip: Create Other Content out of your Conference Talk * 42:44 Tip: Network as much as Possible * 47:32 Sponsor: ZEAL * 48:18 What Other Benefits are there from Speaking? * 51:04 Grab Bag Questions * 51:13 Question #1: What was your path to speaking at your first conference? How did you know you were ready? How do you go about picking a topic? What lessons have you learned? * 54:24 Question #2: What about your defining your audience makes speaking at Tech Conferences challenging? * 55:59 Question #3: What do you consider when preparing for a CFP and how do you make your proposal stand out from all the other ones? How do you overcome anxiety before speaking? Would it be OK to have a script or a cheat sheet ready? * 58:17 Question #4: What would you do as a conference attendee and speaker like to see more or less of? * 1:00:00 Picks and Plugs * 1:00:32 Amy's Pick: HyperVolt Massage Gun * 1:02:52 Amy's Plug: Learn Build Teach Discord * 1:03:12 James's Pick: Dog Training Clicker * 1:05:19* James's Plug: James on YouTube
In this episode our guest, Brad Garropy explains his setup for increasing the developer experience and making his developer experience better. He's created several tools along the pipeline.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 4:08 Rants * 5:39 Introducing Brad Garropy * 7:39 Developer Tooling * 8:50 Dot Files Repo + Wes Bos's Dot Files + Brad Garropy's Dot Files * 12:38 VS Code Snippets + Brad's VS Code Snippets * 15:19 NPM Packages + Brad's NPM Packages + http + Labman * 26:08 Sponsor: Daily.dev * 30:18 YouTube Shorts * 32:53 Sponsor: Hashnode * 33:39 Code Generation and Generating All Kinds of Things + Plop * 37:57 GitHub Repository Templates * 43:55 Picks and Plugs * 44:04 Brad's Picks: Oculus Quest 2 * 46:51 Brad's Pick: Yellowstone * 47:26 Brad's Pick: Halo * 49:01 Brad's Plugs: Brad Garropy on YouTube * 49:39 Amy's Pick: Body Glide * 51:09* Amy's Plug: Everything Svelte
This episode features Allan Villa. He transitioned into tech by teaching himself how to code in seven months and then landed his first job in tech.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 1:05 Introducing Allan Vila * 6:20 What curriculum did you use to learn? * 8:06 100 Devs + #100Devs + Show Your Work * 13:10 Sponsor: Vercel * 14:18 Where did you get started when you were trying to learn? * 18:23 Preferred Method of Styling + CSS Tricks - Specifics on Specificity * 24:53 Sponsor: ZEAL * 25:38 Working on Personal Projects * 30:37 Leveraging Code * 34:59 Sponsor: DatoCMS * 35:52 Blogging + A Hired Imposter's Secrets * 42:11 Dropping Bars * 45:17* Pineapple Pizza
This episode features Ken Jones, his side project Birdables that's he's turned into an NFT and printed actual trading cards. Ken also runs a small web agency and builds websites in various technologies.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 1:36 Introducing Ken Jones * 1:57 Birdables * 3:14 Process of Creating the Cards + Print of Figma + Tiny Image Compressor * 5:48 Getting the Cards Printed * 9:12 NFTs and Minting the Cards + Open Sea * 13:09 Working with SvelteKit + pnpm * 17:29 Sponsor: Hashnode * 18:15 No Code / Low Code Tools + Webflow + Netlify + Bubble * 27:29 Sponsor: Daily.dev * 28:29 Determining which tech stack is best for a specific project * 30:42 Niche Marketing and Tracking Users + Brennan Dunn + Drip + Mastering ConvertKit + Right Message * 35:45 Client Process * 38:48* Wrapping Up + Svelte Sirens + Everything Svelte
In this episode, Amy and James talk about the process of validating an application idea, planning it out, and determining which features get built first.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:01 Tips and Mini Rants + Making TypeScript Look More Like JS Docs * 9:54 Coming up with a New Idea * 15:11 Sponsor: ZEAL * 16:04 Design Sprint + Deploy Empathy + Software Social Podcast * 19:42 UI Flow Diagrams * 20:41 Data Modeling * 23:07 Sponsor Spot: Vercel * 24:15 App Map * 24:56 User Stories + Episode 44: What Does it Look like to work on an actual dev team? * 26:47 Pointing Stories * 29:22 Prototyping, Wireframing, and User Research * 34:24 Sponsor: DatoCMS * 35:17 Which features? + Simon Høiberg on Twitter + Feed Hive * 41:29 Grab Bag Questions * 42:02 Question #1: What is a good way to find a need that you can fill and structure it to build for profit? * 49:13 Question #2: How do you come up with the perfect name for your app? * 50:53 Picks and Plugs * 51:06 Amy's Pick: Cho Pat Bands * 51:58 Amy's Plug: Learn Build Teach Discord Server * 52:30 James's Pick: The Traitor’s Son Book Series * 53:50* James's Plug: Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku
In this episode, our guest, Swyx talks about how part-time creators have an advantage over full-time content creators, leading indicators when creating content, networking and engaging with your audience, and creating luck.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 2:06 Introducing Swyx + Coding Career Handbook - Part-Time Creator Manifesto * 3:28 Why Writing? * 7:16 Priority and Time * 9:45 Better to be Part-Time Creator than a Full-Time Creator * 12:16 Do you set up a business entity? * 13:22 Consistency * 16:49 Lower the Barrier to Entry * 20:16 Sponsor: Daily.dev * 21:17 How much do you pay attention to growth? * 22:37 What is the leading indicator? + Second Brain * 24:17 Engaging with your Audience * 25:24 Ratio of One for me, One for Them * 31:44 Networking * 34:43 Niching * 37:18 Sponsor: Hashnode * 38:04 What's a sustainable action plan for part-time content creation * 40:23 Getting your stuff stolen * 41:41 Creating Luck * 48:31* Community Shout outs + Monica Lent: Blogging for Devs + Coding Career on Twitter
In this episode, James explains how he built a custom Discord Bot for the Learn Build Teach Community that allows users to give out kudos for learning, building, or teaching.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 3:24 Hot Rant and Quick Takes * 5:42 Slack vs. Discord * 9:45 Original Discord Bot * 15:59 Migrating to a New Tech Stack + PlanetScale + Prisma + Render + Railway + Fly.io * 18:40 Sponsor: ZEAL * 19:32 Pain Points of the Old Tech Stack * 22:41 Sponsor: DatoCMS * 23:34 Benefits of Prisma * 24:56 Benefits of TypeScript * 27:17 Backend Frameworks * 29:38 Husky * 31:54 ts-node-dev * 33:47 Working with PlanetScale * 36:45 Sponsor: Vercel * 37:53 Slash Commands * 41:38 New Functionality in Discord * 45:15 Making the Data Available through an Express API * 47:14 What's the cost? * 48:55 Grab Bag Questions * 49:28 Picks and Plugs * 49:36 James's Pick: Blanket from Costco * 50:57 James's Plug: How I Built A Discord Bot with TypeScript, Node.js, PlanetScale, Prisma, and Heroku on YouTube + Episode: Episode 32: Getting Started with TypeScript + Episode: Making Frontend Developers Full-stack with Prisma with Nikolas Burk * 51:56 Amy's Pick: Ship 30 for 30 * 52:56* Amy's Plug: Compressed.fm on Twitch
This episode features Nikolas Burke, Head of Dev Rel at Prisma. Prisma is an abstraction layer for managing and interacting with your database.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 1:59 Parenting Tips and Quick Rants * 5:11 Frontend Developers Becoming Backend / Full Stack * 7:47 What is an ORM and Why does it Make Working with Databases More Accessible? * 16:53 Differences with Prisma * 21:37 Sponsor : Daily.dev * 22:38 Speed of Working with Prisma * 23:43 Migrations * 26:51 Prisma Commands * 33:42 Sponsor: Hashnode * 34:27 Prisma: Under the Hood + KeystoneJS on Level Up Tutorials + Episode 54: Why RedwoodJS is the App Framework for Startups with David Price + Amplication + Episode 59: Let's be Animated * 41:52 Final Thoughts * 44:41* How should people get started with Prisma?
In this episode, Amy and James share 61 of their favorite apps for web design, development, and boosting productivity.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 3:23 1Password * 4:10 Adobe Creative Cloud * 5:11 Alfred * 6:40 AstroPad Studio * 7:12 Arctype * 7:49 Backblaze * 9:32 Bartender * 10:04 Bearded Spice * 10:48 Sponsor: Vercel * 11:55 Better Touch Tool * 12:28 Caffeine * 13:10 Carbon Copy Cloner * 13:54 CleanShot X * 15:21 Contrast * 15:36 Default Folder X * 16:40 Descript * 17:19 Dropbox * 17:47 Discord * 18:05 Elgato Control Center * 18:37 Fantastical * 19:14 fig.io * 19:45 Figma * 20:30 Sponsor: DatoCMS * 21:23 Fly Cut * 23:00 Glyph Finder * 23:32 Grammarly * 24:13 Harvest * 25:30 Hazel * 26:44 Hyper * 27:20 IconJar * 27:53 iStat * 28:34 Karabiner Elements + The Most Productive Customization I've Made to My Computer This Year * 29:49 Keyboard Maestro * 31:29 OBS Studio * 31:54 Loom * 32:40 Loopback * 33:44 Sponsor: ZEAL * 34:37 Magnet * 35:28 MAMP Pro * 35:54 Local by Flywheel * 36:47 Mouseposé * 37:30 Notion * 38:26 NordVPN * 38:51 Numi * 39:25 Pixel Snap * 40:04 Pock * 40:33 Pocket Casts * 40:53 Raycast * 41:37 Shush * 42:27 Sip * 43:01 SequelPro * 43:37 Screenflow * 44:37 Spotify * 44:53 Stream Deck * 45:16 Slack * 45:34 Suitcase Fusion * 46:25 Text Expander * 48:06 Transmit * 49:02 Tower * 49:17 Tuple * 49:42 Unsplash Wallpapers * 49:58 VLC * 50:16 VS Code * 50:35 Yoink * 51:42 Grab Bag Questions * 51:55 Run JS App * 52:06 Obsidian * 52:50 Picks and Plugs * 53:03 Amy's Pick: Pet AirTag * 54:45 Amy's Plug Everything Svelte * 55:13 James' Pick Cook Once Eat All Week * 56:12* James' Plug Learn Build Teach Discord
In this episode, our guest, Brittney Postma talks about the Developer Experience (DX) and how it important it is to the work that we do and the frameworks that use.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introduction * 1:34 Introducing Brittney Postma + Grainger + codingcat.dev + SvelteSirens * 2:10 Quick Rants, Hot Takes, and Parenting Tips * 6:22 Developer Experience + Sarah Drasner on the Developer Experience * 10:21 Sponsor: Hashnode * 11:10 Developer Experience through Documentation * 13:34 Tools around the Developer Experience * 16:54 The Developer Experience when Working on Client Projects + Episode 5: Starting a New Project * 21:18 Developer Experience with Education * 22:36 Sponsor: Daily.dev - http://daily.dev * 23:36 Developer Experience when Onboarding * 28:23 Things to Take into Account when Creating Content * 33:50 What Advice do you have a Student that's Trying to make Career Choices? + Episode 43: New Beginnings for New Developers + Episode 35: Crossover Episode with Brittney and Alex + Freecodecamp.com * 35:38 My Vanilla JavaScript is alight and not great, my company wants me to work with Vue JS already. They say I'll learn JavaScript also in a good way while working with the framework right away. What do you guys think? + Beginner JavaScript + Wes Bos's Courses * 38:46 Is the dev industry saturated? * 41:57* Closing Thoughts
In this episode, Amy and James talk about adding CSS and JavaScript animations to your project: things to consider, the best properties, methods, and libraries to use.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 2:48 Parenting Tip * 4:04 Rant: Learning Multiple Languages * 6:37 Our Fantastic Sponsors * 6:51 What We've Been Up To * 9:59 Why use animations? + Jason Lengstorf + Josh Comeau + CSS for JS * 12:27 Adding Context for Users * 14:34 Games and Animation + Val Head * 16:28 Speed of Animation * 17:33 Sponsor: Vercel * 18:40 Transitions vs Animations * 23:06 Animations in CSS + Cubic Bezier Curve * 28:02 Transition Property * 32:16 Sponsor: DatoCMS * 33:10 Green Sock + YouTube Video on Tweening SVGs with GreenSock * 35:45 Framer Motion + Matt Perry + Will Johnson (Egghead Course on Framer Motion) + Pete Cape Cod - Hashnode Article on Framer Motion + Motion.dev * 39:10 React Spring * 39:52 Remotion + Johnny Burger on Twitter * 41:15 Sponsor: ZEAL * 42:08 Built into SvelteKit + Swortle + Wand Selector * 45:09 Grab Bag Question * 45:21 Grab Bag Question #1: What would you prefer? CSS Animations? Vanilla CSS? JS? Or an animation library like GSAP or Framer Motion? * 46:59 Grab Bag Questions 2: What are the cheapest and most expensive (performance) types of animation? * 48:24 Picks and Plugs * 48:37 Amys Pick: Camo Studio * 50:07 Amy's Plug: SelfTeachMe on YouTube * 52:25 James's Pick: Logitech Lights * 53:59* James's Plug: James Q Quick on YouTube
This episode features Bekah Hawrot-Weigel as she talks about how Virtual Coffee got started, the role of storytelling within communities, and the importance of learning the basics in development.
Sponsorsdaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.
Check out daily.dev
HashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.
Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.
Check out Hashnode, and join the community.
Show Notes 0:00 Introducing: Bekah Hawrot-Weigel * 2:10 Parenting Tips * 4:43 Virtual Coffee * 11:01 Tech Stack for the Website + Eleventy + Remix + CraftCMS * 13:03 Learning New Technologies + Jekyll + TensorFlow + Gant Laborde Book * 18:13 Sponsor: daily.dev * 19:13 Working with the Basics * 24:03 Asking Questions + Virtual Coffee Discussions on GitHub * 30:51 Participating in a Community * 35:34 Sponsor: Hashnode * 36:23 Renaming Networking to Investing in Your Community * 40:25 Answering "Why Should we Hire You?" * 41:12 Finding the Community that you want to be Part Of Through Storytelling + How to get Run Over by a Truck * 48:29 Soapbox: A Person Centered Approach to Build Both Internal and External Communities + Never Split the Difference * 52:54* Community Shout Outs + Virtual Coffee + Cincinatti Software Craftsmanship + cfe.dev + Learn Build Teach Discord Community + You Got This Events
In this episode, James and Amy, explain all the buzz words: authentication, authorization, JWTs, sessions, and cookies. And what's the best implementation for your site?
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:30 Unpopular Opinions and Parenting Tips * 8:55 All the Buzzwords * 10:38 What would you do if you were to build authentication and authorization into your own site? * 12:08 Authentication VS Authorization * 15:57 Sponsor: DatoCMS * 16:51 Roles and Permissions * 20:18 Cookies and Sessions * 25:45 Facebook Tracking * 27:04 The Relationship Between Sessions and Cookies * 29:28 Sponsor: ZEAL * 30:21 JWTs, JSON, and Web Tokens * 35:35 Combining JWTs with Cookies * 36:45 Beware: Cross Side Scripting * 38:53 Refresh Tokens * 41:22 Identity / SaaS Platforms for to Handle Authentication + Auth0 + Okta + Next Auth + Supabase + Firebase * 46:32 Sponsor: Vercel * 47:40 Grab Bag Questions * 48:06 Question #1: Is it JWT or JOT? * 50:31 Question #2: Rolling your own Auth System vs. Using a Service + James Perkins - Live Episode + Clerk.dev * 51:19 Question #3: What is your favorite Girl Scout Cookie? * 52:33 Picks and Plugs * 52:46 Amy's Pick: CodeSpark * 54:18 Amy's Plug: Everything Svelte * 54:57 James's Pick: Publix Sub Sandwich * 56:28* James's Plug: Learn Build Teach Discord
In this episode, James Perkins talks about the SaaS he built, Roll Your Tweet, the tech behind it, and how much it costs to run.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes* 0:00 Introduction * 1:01 Introducing James Perkins + Tina CMS * 1:53 Parenting Tips * 3:51 Quick Rants: "No one is going to give you a tech job or development job based on social media process" * 5:43 Quick Rant: Educational Content is better within a Blog Post * 8:28 Roll Your Tweet + Roll Your Tweet * 10:35 Why is not intimidating to build a SaaS app and what tech stack are you using? + Feed Hive + Next.js + Clerk + Planet Scale + Prisma + Send in Blue + Render * 16:57 Sponsor: DatoCMS * 17:51 Question: Should you go ahead and build out the Payments piece early or wait until you actually have sign-ups? + Paddle * 22:59 What prompted the change in the tech stack? * 24:00 How do you run the cron job? + Crossover episode with Web Dev Weekly * 26:54 Working with the Database * 30:43 Sponsor: Vercel * 31:50 Developing By Yourself * 36:41 The Cost of Running Roll Your Tweet * 40:59 Sponsor: ZEAL * 41:53 Grab Bag Questions * 41:58 Question #1: What are you using for the analytics in your app? + Plausible * 44:19 Question #2: Do you stream your work on your SaaS? * 44:56 Question #3: Will you repeat your tech stack one more time? * 46:43 Finding James Perkins Online + Twitter + YouTube + Twitch
This episode is Part 2 of Amy and James's favorite VS Code Hot Tips and Tricks for improving the developer experience. They share their favorite extensions, plugins, and themes for getting the most out of VS Code, including some hot takes on GitHub CoPilot.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 6:59 Our Favorite Extensions * 7:32 Code Snap and Polacode * 10:57 Better Comments * 12:14 Bookmarks * 13:02 Sponsor: DatoCMS * 13:56 Cloak * 14:37 Indent 4 to 2 * 16:02 CSS Peak * 16:48 Error Lens * 17:34 File Utils * 19:13 Import Cost * 21:07 Project Manager * 21:20 Auto Complete * 22:09 Tabnine and Kite * 23:07 GitHub Co-Pilot * 25:19 Sponsor: ZEAL * 26:12 Git Integration and Git Lens * 27:23 GitHub Pull Requests and Issues * 27:44 LiveShare * 29:04 IntelliSense for CSS Class Names in HTML * 30:29 Snippets * 31:58 Adding Extensions * 33:07 Thunder Client + James's YouTube Video on Thunder Client * 35:04 Calculator * 35:34 Markdown PDF * 36:09 Sponsor: Vercel * 37:15 change-case * 38:10 Prisma * 38:43 Color Bracket * 39:34 Quokka.js * 40:20 Colorize * 40:50 Text Pastry * 41:16 Emmet * 42:00 Window Colors * 43:34 Peacock * 43:55 Building Your Own Extensions * 44:32 Cobalt 2 * 45:37 Other Themes + Night Owl + Winter is Coming + Midnight Synth + codeSTACKr + Level up Tuts + Shades of Purple + Hot Dog Stand * 47:45 Grab Bag Questions * 47:56 Question #1: How Hard is it to code your own VS Code Extension? * 48:10 Question #2: Have you heard of Thunder Client? + Thunder Client * 48:25 Question #3: What do you think of Beginner Developers Using Extensions to Make Things Easier? * 51:20 Question #4: Any References or Guides on Creating a VS Code Extension that You guys have used? * 52:34 Picks and Plugs * 52:36 James's Pick: Duolingo App * 54:03 James's Plug: James Q Quick on YouTube * 54:31 Amy's Pick: Pacific Northwest Backpack / Arkadia Supply Co * 55:07* Amy's Plug: Amy's YouTube Channel
In this episode, David Price talks about Redwood.js, its origin, how it can help you quickly spin up a full-stack JavaScript application, and how you can get involved in their community.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 1:09 Meet David Price + Preston Warner Ventures * 3:30 What is Redwood.js? * 7:23 What do you expect modern apps to be able to do? * 14:31 Origin Story of Redwood.js + Tom Preston Warner + Chatterbug + Peter Pistorius + Jekyll + Matt Biilmann + Chris Bach * 19:23 Sponsor: Vercel * 20:31 Bike Shedding * 26:17 Taking away the Pain * 31:17 Structure within Code * 34:52 Sponsor: DatoCMS * 35:46 Why React, Prisma, and GraphQL as your starting point? + Amy's YouTube Video - Intro to Testing * 42:59 Learning with Redwood * 47:34 What is Storybook? * 50:36 Getting Started with Redwood + Redwood Tutorial + Discord Community + Discourse Forums + Docs * 52:55 Sponsor: ZEAL * 53:49 Redwood.js Stickers * 54:51* Redwood Community
In this episode, Amy and James share some of their favorite keyboard shortcuts and workflows for using within VS Code.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:02 Quick Rants, Unpopular Opinions, and Parenting Tip * 6:21 Everything Svelte * 7:23 VS Code Basics + YouTube Vide on Webstorm and VS Code * 9:37 Working with Text and Navigation + Use arrow keys to go up / down a line or left / right character by character + (Mac) Option + left / right to go word by word + (Mac) Cmd + left / right to go to the beginning/end of a link + (Mac) Cmd + top/bottom to go to the top/bottom of the page + (Mac) Within Keyboard Settings, you can change your key repeat and delay until repeat + (Mac) Cmd + D or (Windows) Ctrl + D, to select an entire word + At the end of the word, (Mac) Opt + Backspace to delete the word + (Mac) Cmd + D to select a word, then Cmd + D again to select the next instance of that word in your document + (Mac) Cursor on a variable name + F2 to rename all instances of that variable within the file + Episode 49 - Working within the Terminal + (Mac) Opt + up/down - move the file up or down. If you hold down shifts while you do that it, it will duplicate the line + If you’re on a line, don’t select anything, and hit (Mac) Cmd + C, it will copy the entire line. + If you’re on a line, don’t select anything, and hit (Mac) Cmd + X, it will cut the entire line + (Mac) Cmd + Enter to inject a new line after the line you’re in. + (Mac) Cmd + Shift + Enter to inject a new line above the current line + (Mac) Select a word, then hit Cmd + F, it will pull up the Find search box, with the word you selected pre-populated + (Mac) James has set up a custom keyboard shortcut to do the same thing with Cmd + H for replace. + To set up a key binding, hit Cmd + Shift + P, type in Keyboard Shortcuts, and VS Code provides you with an interface for customizing your shortcuts * 18:54 Sponsor: DatoCMS * 19:48 Customize Editor Look + Turn off Mini Map + Hide File Preview / Turn off soft opens + Breadcrumbs + Outline Toggle (within the sidebar) + Files currently open (within the sidebar) + (Mac) Cmd + B to toggle the sidebar open and closed + (Mac) Cmd + Shift + F to show and hide the Terminal + Zen Mode * 25:14 Snippets + Snippet Manager - https://code.visualstudio.com/docs/editor/userdefinedsnippets * 27:11 Opening, Closing, and Saving Files + (Mac) Cmd + P to search for a file + (Cmd) Cmd + Shift + P to open the Command Palette + Advanced New File + (Mac) Cmd + Ctrl + right/left/top/bottom arrow to move that window into split-pane view + (Mac) Right click on the tab to open the same file in split pane view * 29:56 Split Pane View * 32:09 git within VS Code * 33:49 Integrated Terminal * 36:11 Debugging within VS Code + Amy’s YouTube Video on Debugging * 37:47 Sponsor: ZEAL * 38:40 Extensions within VS Code + Settings Sync + Live Server Extension + AdventofJs.com and Adventofcss.com * 40:40 Themes * 41:00 vim + Vim for VS Code from JS Joe + On Twitter @jsjoeio + vim.so from Kenneth * 43:41 Sponsor: Vercel - http://vercel.com * 44:49 Grab Bag Questions * 45:07 Question #1: How do you make VS Code work like PHP Storm, or Web Storm, as far as auto imports and hinting? + James on YouTube: Video for comparing VS Code and PHP Storm * 46:53 Question #2: How do you make VS Code open from the Terminal + Add VS Code to your Path * 48:26 Question / Comment #3: Find and Replace with Regex + Crossover episode with Web Dev Weekly + Brad’s YouTube Video on working within Regex + RegexPal.com * 50:15 Picks and Plugs * 50:28 Amy's Pick: Taco Cat Goat Cheese Pizza * 51:05 Amy's Plug: Everything Svelte * 51:33 James's Picks and Plugs: Black and Decker Coffee Grinder * 52:14* James's Plug: Learn Visual Studio Code
In this episode, Shaundai Person talks about her interview experience at Netflix and what it’s like to work there. She has several tips for landing your first or next job.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction + React Robbins + TS for JS * 1:17 Introducing Shaundai * 3:39 Advantages of Having a Sales Background * 9:43 Specific Example from one of Shandai’s Interviews * 14:08 Sponsor: ZEAL * 15:01 What was involved in the Technical Side of Your Interview? * 17:30 Culture Fit + Culture Fit vs. Culture Add * 19:03 Getting comfortable in the Interview * 24:25 Sponsor: Vercel * 25:33 Come with a list of questions + Question: “Share a story with me that you think embodies what you love about the Netflix culture” + Ask targeted questions, specific to the person + Send out Thank You Videos after the interview * 33:18 Do we need to complete all the coding challenges on LeetCode before getting a job at Netflix? * 35:48 Research before the interview + Frontend Happy Hour + Reach out to people currently doing the job you’re interviewing for, at that company * 41:27 Sponsor: DatoCMS * 42:21 What languages, frameworks, tools, are you working with right now? * 42:50 If you fulfill 75% of the requirements, go for it. * 46:29* Anything your want to share about the kind of day-to-day activities?
In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other?
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 8:19 When do you start adopting new CSS Properties into Your Workflow * 10:25 History of Grids * 12:50 Floats in the Olden Days * 16:32 Sponsor: Vercel * 17:39 Problems Flexbox and Grid Solve * 18:45 The Difference Between Flexbox and Grid * 21:19 How well do you know all the properties? + CSS Tricks CSS Grid Cheatsheet + CSS Tricks Flexbox Cheatsheet + Kevin Powell on YouTube + Flexbox Froggy + What the Flexbox (by Wes Bus on YouTube) * 24:49 Sponsor: DatoCMS * 25:42 Using Flexbox * 30:46 Sponsor: ZEAL * 31:39 Favorite Parts about Flexbox * 32:42 flex-wrap * 34:23 flex-grow * 35:11 flex-shrink * 36:06 order * 38:33 CSS Grid + CSS Grid course by Wes Bos * 39:58 12 Column Grid * 45:25 Grid Template Areas * 47:01 Displaying Tabular Data * 48:48 Grab Bag Questions * 49:01 Question #1: What do you think about using grid and flexbox together? * 49:49 Question #2: When do you reach for CSS Grid and when do you reach for Flexbox? * 50:25 Question #3: Why should he learn Grid if he already knows Flexbox? * 51:58 Picks and Plugs * 52:11 James's Pick: Charcoal Pillow from Costco * 53:15 James's Plug: James Q Quick on TikTok * 53:40 Amy's Picks: Drink Holder for Luggage * 54:11* Amy's Plug: EverythingSvelte.com
In our very first guest episode, Brian Douglas, Director of Developer Advocacy at GitHub, joins us to talk about Open Source projects and the benefits of contributing.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS 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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 0:00 Introduction * 7:31 What is the terminal? * 11:34 Difference between Mac/Linux and Windows * 13:24 Basic Commands * 13:38 Navigating Directories * 15:23 cd ls * 18:06 Education of Different Flags * 20:04 Sponsor: DatoCMS * 21:11 Creating a file in Linux * 21:45 Move or Rename * 22:11 Copy and Remove * 23:21 Wes Bos Trash Plugin * 23:56 echo * 24:47 wc * 25:20 Clear Terminal * 26:10 pwd * 26:35 Quit Commands * 27:20 Grep Command * 29:44 Sponsor: ZEAL * 30:38 Sudo * 32:50 chmod Command * 37:06 Pipes * 38:50 Sponsor: Vercel * 39:57 Tail and Head * 41:04 Diff Command * 41:27 Tar and Zip * 42:48 SSH and SEP * 43:11 vi/vim, nano * 47:10 npm * 47:31 People that use cli * 48:57 Hyper Terminal Built on Electron * 49:34 Command Line Power User Course from Wes Bos * 50:09 zsh + bash * 52:20 Grab Bag Questions - Tweet Us @compressedfm! * 52:45 Picks and Plugs * 52:59 James's Pick: Portable Charger * 54:29 James's Plug: James Q Quick on YouTube * 54:51 Amy's Pick: The Whistler by John Grisham * 55:14* Amy's Plug: Level Up Tutorials Course on Keystone and Tailwind
In this episode, James and Amy talk about all the ways that you can make money online, as a developer. This includes everything from content creation, to sponsored content, to creating a SaaS, to freelancing.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00* Introduction * 4:20 Software Development * 5:26 Changing Companies and Salary * 7:22 Sponsor: ZEAL * 8:15 Freelancing * 9:29 Previous Freelance Episodes + Episode 6: Freelancing (Part 1) + Episode 7: Freelancing (Part 2) + Episode 29: Freelancing IRL: Unveiling a Site Redesign * 11:16 Learning Opportunities with Freelance * 14:02 Making and Selling Software * 17:13 Lead Magnets * 18:36 Content Creation * 18:52 YouTube AdSense * 19:59 Sponsored Videos * 21:10 Sponsor: DatoCMS * 22:03 Income from Sponsors * 23:30 Patreon * 26:35 Sponsor: Vercel * 27:42 Writing Articles * 30:21 eBook * 32:22 Creating Courses * 33:23 Expanding Your Community * 35:05 Consulting, Coaching, and Mentoring * 37:50 Grab Bag Questions * 38:03 Question: How much do you consult your full-time employer about side gigs? * 41:44 Picks and Plugs * 41:55 Amy's Pick - MonsDRAWsity * 42:48 Amy's Plug - Everything Svelte * 43:21 James's Pick: How I Met Your Father * 44:16 James's Plug: James Q Quick's YouTube
This episode is all about hooks within React: useState, useEffect, useReducer, useContext, useRef, useMemo, and useCallback.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:55 What was before React Hooks * 5:14 Class Based Components * 5:28 Functional Components * 6:19 Experience with Classes * 9:14 Benefits of React Hooks * 11:31 useState * 16:17 Sponsor: DatoCMS * 17:11 useEffect * 22:37 useReducer * 29:22 useContext * 32:42 Sponsor: ZEAL * 33:34 useRef * 35:42 useMemo + Web Dev Simplified, useMemo in 10 Minutes + Ben Awad * 39:08 useCallback + Web Dev Simplified, useCallback in 8 Minutes + Ben Awad * 41:15 Sponsor: Vercel * 42:08 Grab Bag Questions * 42:27 Question #1: useState vs useContext * 44:28 Question #2: How can we pause rendering? * 46:51 Question #3: useRef vs. useState and in what condition will useState cause an infinite loop? * 48:19 Question #4: Do you actually use useCallback and useMemo? * 49:44 Question #5: What are some powerful ways you guys have used custom hooks within React? + Custom Audio Player on YouTube * 51:44 Question #5: Forms with mobX, useState, mvvm, and Validation * 52:50 Picks and Plugs * 53:01 Amy's Pick: Paper Like Screen Protector * 53:26 Amy's Plug: SelfTeach.me YouTube Channel * 53:37 James's Pick: iPad Keyboard Case * 54:52* James's Plug: James Q Quick on YouTube
This episode is all about design systems! Why use them, atomic design, specifics, examples, maintaining, and what to do if you don't have a current system.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS 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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:56 Advent of CSS and Advent of JavaScript * 9:29 Technology Overview * 10:26 Sponsor: Vercel * 11:33 Working with SvelteKit * 15:06 ConvertKit * 25:15 Sponsor: DatoCMS * 26:09 Podia for Hosting the Course Content * 28:45 Gumroad * 31:33 Integrations with Zapier * 35:06 Sponsor: ZEAL * 36:00 Marketing and Promotion * 38:42 Things we would have done differently * 45:19 Grab Bag Questions * 45:30 Grab Bag Question #1: Plans for Adding Code in Browser * 46:44 Grab Bag Question #2: Does Hosting Play a Part in Your Tech Stack Decision? * 48:03 Grab Bag Question #3: Who is your target audience? * 50:04 Picks and Plugs * 50:07 James's Pick: Mistborn Series * 50:25 James's Plug: James Q Quick on YouTube * 51:23 Amy's Pick: Balega Socks * 51:51* Amy's Plug: SelfTeach.me on YouTube
In this episode, Amy and James talk about their experiences on actual development teams and the different processes and workflows that work best.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 2:58 Jobs on a Development Team * 4:58 What is agile? * 7:09 Sprints * 8:32 Deadlines and Milestones * 10:19 Sponsor: Vercel * 11:25 Writing Stories * 15:23 Types of Stories * 21:26 Version Control and Git within a Team + Episode 34 - Getting git + Using Git with a Team on YouTube * 22:55 Continuous Integration and Continuous Deployment + Everything Svelte * 26:41 Code Reviews + Tweet from James / Compressed.fm Codebase * 28:27 Sponsor: DatoCMS * 29:21 Prioritizing and Pointing Stories * 34:47 Who writes the stories? * 36:21 Velocity * 38:26 Pair Programming + Tuple + LiveShare through VS Code * 45:08 Meetings * 47:46 How Design Fits into the Process * 49:12 Sponsor: ZEAL * 50:05 Grab Bag Questions * 53:10 Amy's Pick: Rainbow Pirates * 53:27 Amy's Plug: Everything Svelte * 53:50 James's Pick: Kreg Pocket Hole Jig Pro 720 * 55:53* James's Plug: James Q Quick on YouTube
New year, new you. If you're thinking about getting started or are new to dev, this episode is for you! Amy and James talk about where they started, where they would begin today, and any and all advice for beginners.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
TellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly.
For more information visit tella.tv
Show Notes 0:00 Introduction * 2:39 Sponsor: ZEAL * 3:24 PSA: Logarithm vs Algorithm * 5:58 Amy's Learning Process * 7:31 James's Learning Process * 10:12 Make Learning Fun * 12:29 Consistency while Learning Something New * 13:24* Where's a Good Place for People to Get Started + Crossover Episode with Purrfect.dev * 17:40 Sponsor: Vercel * 18:46 Where to get started + Free Code Camp + Learn Build Teach Discord Community + Level Up Tutorials Discord Community + Jason Lengstorf, Party Corgi Discord Community + Colby Fayock, Space Jelly Discord Community + Scrimba + Scrimba Discord Community + Traversy Media on YouTube + Ania Kubow on YouTube + Ania Kubo - 12+ Hour Boot Camp + Jessica Coder Coder + Web Dev Simplified + Colby Fayock on YouTube + Jesse from CodeStackr + Colby's Course on Level Up Tutorials: eCommerce on the JAMStack with SnipCart, Next.js, and WordPress + Level Up Tutorials + Courses by Wes Bus + Courses by Chris Sev on Better.dev + James Q Quick's Courses + James on YouTube + Amy on YouTube + JavaScript Jabber + Syntax.fm + CodePen Radio + Shop Talk Show + Code Newbie + Purrfect Dev + Web Dev Weekly + Compressed.fm - Episode 2 - James's Origin Story + Compressed.fm - Episode 3 - Amy's Origin Story * 27:40 How do you prioritize all the things that someone could learn? + Tech Rally on Twitter + Danny Thompson * 29:53 Finding and Reaching out to Mentors * 34:09 Bootcamps + Learn Academy + Launch Code * 38:19 Community * 40:55 Going Beyond a Tutorial * 42:26 Sponsor: Tella.tv * 43:13 Adding on to a Tutorial + Advent of CSS + Advent of JavaScript * 45:41 Job Search + Taylor Desseyn * 49:47 Grab Bag Question - Original Tweet * 52:32 Picks and Plugs * 52:46 Amy's Pick: Code Names * 53:43 Amy's Plug: Everything Svelte * 54:48 James's Pick: Laptop Stand * 55:40 James's Plug: Building a Dynamic Landing Page with Next.js, Tailwind, and DatoCMS
In this episode, Amy and James share all their goals for 2022, including 2 big announcements for Compressed.fm!
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:23 12 Projects in 12 Months * 6:03 Personal Branding * 7:37 Community * 9:30 Everything Svelte * 10:32 Project Files to Sell * 11:43 Sponsor: ZEAL * 12:35 Compressed.fm * 14:13 Open Source Projects + Episode 28 - Web Dev Weekly Crossover Episode + Brad Garropy - npm Video * 15:32 Advent of CSS / Advent of JavaScript * 17:55 Frontend Blitz * 20:14 Doubling Down on Content Creation * 25:34 Sponsor - DatoCMS * 26:27 Compressed.fm Podcast * 27:47 Non-Tech Goals + Illustration Course by The Futur + Chris Do on Instagram + Building a Brand Playlist on YouTube + Copy School + Resources by Joana Wiebe * 35:23 James's Four Core Pillars * 38:41 Paid Content * 40:04 Sponsor: Vercel * 41:10 Building a Domain-ed App * 42:42 YouTube Content * 44:18 Grab Bag Questions * 44:28 Question #1: Guest Speakers, More Live Episodes, and Swag * 44:39 Question #2: Any Plans for Design Centered Topics: Design Thinking, Typography, UI UX, Design, Design Systems? * 45:50 Question #3: What recommendations do you have for frontend developers looking to lean the backend to become a full-stack developer? + Scott Tolinski + Wes Bos + beginnerjavascript.com + Web Developer Bootcamp by Colt Steele * 47:49 Question #4: How do you focus on learning with so many resources? How do you vet resources for learning? When do you re-evaluate goals? When you were doing your planning for this year, what kind of thought process did you have from an organization standpoint? + Virtual Coffee + August Bradley + Wandering Aimfully * 53:26 Picks and Plugs * 53:36 Amy's Picks: Whooshi Wipes * 54:04 Amy's Plug: Everything Svelte * 54:50 James's Pick: Floating Ball * 55:41* James's Plug: Everything Svelte
In this episode, Amy and James reflect back on 2021, things they accomplished, goals they met, places they fell short, and areas to improve upon.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 5:05 Starting a Podcast: Compressed.fm * 6:33 Advent of CSS and Advent of JavaScript * 9:48 Sponsor: ZEAL * 10:42 Live Streaming * 12:59 YouTube Channel * 17:35 TikTok * 18:40 James's Newsletter * 20:07 Weaknesses * 22:13 Sponsor: DatoCMS * 23:07 Promotions and Giveaways * 25:33 YouTube Segments and Series * 28:26 Twitter Numbers * 31:05 Skills to Improve On * 35:19 Mini-Courses and Lead Magnets * 37:00 Sponsor - Vercel * 38:08 Grab Bag Questions * 38:20 Question #1: Is Vercel going to take over the JAMStack space next year? * 40:26 Question #2: Has a year of podcasting contributed to you as a tech teacher? What did you learn from it? * 42:03 Question #3: How do you feel going into 2022 compared to last year? * 43:41 Picks and Plugs * 43:48 Amy's Pick: Unstable Unicorns * 44:48 Amy's Plug: Everything Svelte * 45:53 James's Pick: Bird Dog, Men's Joggers * 46:26* James's Plug: Svelte Crash Course on YouTube
In this episode, Amy and James discuss design trends to look forward to in 2022, including gradients with grain, large typography, and interactivity.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
TellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly.
For more information visit tella.tv
Show Notes 0:00 Introduction + Article on Webflow: Web Design Trends in 2022 * 8:35 #1 Mini-Sites of Delight * 10:31 Sponsor: Vercel * 11:38 #2 App Like Experiences * 12:48 #3 Art Deco * 13:03 #4 Line Work * 16:46 #5 and #6 Fewer Images and Oversized Typography * 18:02 #7 Interactivity * 18:23 #8 Collages and Abstract Illustrations * 19:30 #9 Gradients with Grain + Charli Marie Podcast, Inside Marketing Design at Stripe * 21:09 #10 Glass Morphism * 22:13 Sponsor - Tella.tv * 23:26 #11 Scrolling Animations * 25:00 #12 Less Neo Morphism * 28:13 #13 Inclusive Copy * 28:19 #14 Gender-neutral Design * 28:30 #15 Page Speed Prioritization * 31:24 #16 No Code * 32:30 #17 More Emphasis on Users * 32:54 Sponsor: ZEAL * 33:49 Grab Bag Questions * 34:00 Grab Bag Question #1: Will we avoid new trends that end with morphism? * 37:21 Grab Bag Question #2: Trends for Feature Discovery * 39:02 Grab Bag Question #3: Minimalistic Design * 42:00 Picks and Plugs * 42:11 Amy's Pick: Unstable Unicorns * 42:49 Amy's Plug: Advent of CSS * 43:25 James's Pick: Mistborn Series * 44:43* James's Plug: Advent of JavaScript
In this episode, Amy and James discuss the future of web development: Astro, Vite, Supabase, SvelteKit, Redwood.js, Blitz.js, GitHub Co-Pilot, Web Assembly, Blockchain, w3, no-code, and low-code.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction + Opryland Hotel * 3:24 Astro.build * 9:33 Veet * 13:29 Sponsor: DatoCMS * 14:22 Supabase * 17:20 Remix.run * 19:26 MacBook Pro * 22:57 NAS Drive * 26:45 Sponsor: Vercel * 27:54 SvelteKit * 30:17 Next32:55 Redwood.js and Blitz.js * 36:52 Blockchain and W3 * 37:58 Web Assembly * 40:38 TypeScript + Episode #32: Getting Started with TypeScript * 42:05 Sponsor: ZEAL * 43:36 Automated Testing * 44:25 No-Code / Low-Code Solutions + Episode #13: The Future of Code with No Code * 47:09 GitHub CoPilot * 48:45 Go * 49:55 Grab Bag Questions * 50:10 Question #1: What has staying power? How do we know what to stay focused on? * 51:47 Question #2: What do you think about low code platforms? * 52:53 Question #3: What will the future of JAMstack look like as some of these new libraries and frameworks gain traction? * 53:40 Question #4: Will Svelte, Rust, Solidity, W3, and React Server components take over? * 54:57 Question #5: Do you think more technologies like GitHub CoPilot, where AI helps you write code become more prominent? * 56:15 Picks and Plugs * 56:25 James's Plug: Heater Lamps * 57:42 James's Plug: Advent of JavaScript * 58:09 Amy's Plug: 3 Prong Car Charger * 58:44* Amy's Plug: Advent of CSS
This episode is full of picks! Amy and James talk about all of their favorite things, just in time for the holidays.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:32 Under $5 + Random Frank P on YouTube * 5:09 Screen Cleaner * 5:41 Sidewinder * 7:01 Animal Cord Clips * 7:21 Cord Clips * 7:36 iPhone Case by Thread Wallets * 8:00 Magsafe iPhone Wallet by MOFT + MOFT Laptop Stand * 9:34 Anker Charger * 10:21 Car Charger * 10:37 Power Extension Cord * 11:22 Charger with Tray * 12:33 Carabiner with Clips * 12:48 Gravel Travel Blanket * 13:07 Water Bottles * 13:22 Switch Pod * 13:44 Sponsor: Vercel * 14:52 Content Creation * 15:14 Selfie Stick * 15:45 Phone Mount for Selfie Stick (with Screw) * 16:04 Ulanzi Ring Light * 16:26 Lapel Mic * 17:01 Zoom H1N * 19:47 LED Accent Lights * 20:26 Smart Home Device + Alexa + Google Home + HomePod * 20:45 Cameras from Wize * 21:24 Game Controller for your Mobile Device * 21:51 Starbucks, Peppermint Mocha Coffee * 22:10 Cold Brew + James's Cold Brew Maker + Amy's Cold Brew Maker + Real Good Coffee Co, Coffee Beans * 24:17 Tech * 24:22 Air Pods Pro * 25:45 Ring Security System * 26:29 Kindle * 26:59 Smart Bulbs, Hue * 27:41 Jet Pack Hot Spot * 28:21 Nord VPN * 28:25 Digital Photo Frame * 29:10 Rooster Stand * 29:36 SanDisk Ruggable Hard Drive * 29:54 NAS Drive * 30:34 Backblaze B2 Service * 30:41 Smart Plugs * 31:04 Raspberry Pi * 31:52 Sponsor: DatoCMS * 32:46 Bags * 32:58 Peak Design + Travel Backpack + Everyday Carry + Sling + Tote + Tech Pouch * 34:48 Costco Backpack * 35:17 Peak Slide: Camera Strap * 35:27 DJI Osmo * 35:40 Falcon Eyes Lights * 35:58 Books + Facebook the Inside Story + Fast Company + Wired Magazine + Throne of Glass Series * 36:51 Sponsor: ZEAL * 38:22 Clothing * 38:27 Stitch Fix * 38:39 Goodr Sunglasses * 39:33 Patagonia Micro Puff Jacket * 39:57 Costco Parka * 40:56 Fabletics * 41:26 Grab Bag Questions * 42:56 Picks and Plugs * 43:12 Amy's Pick: Ultra Learning * 45:23 Amy's Plug: Advent of CSS * 45:39 James's Plug: Advent of JavaScript * 45:48* James's Pick: Christmas Light Clips
In this episode, Amy and James discuss all the things that go into course creation: why? What? How? Where to Host? Building the right audience.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
TellaIt's 2021 and we all basically live on video. Tella is a browser-based screen recorder for making videos that showcase your work and share your knowledge. You can record your screen, camera, and present slides. And then you can also customize your videos with backgrounds, layouts, and other video clips. When you're done, share your video anywhere on the web, instantly.
For more information visit tella.tv
Show Notes 0:00 Introduction * 6:29 Why create a course? + Building an audience + Generate side income * 16:29 Sponsor: Tella * 17:22 What do you create a course about? * 23:39 How do you plan a course? * 28:02 Sponsor: Zeal * 29:33 How do you help people in your courses? * 30:47 Other components that go into course creation * 37:12 Where to Host a Course? + Podia + Udemy + Teachable + Thinkific * 43:35 Sponsor: Vercel * 44:44 Grab Bag Questions * 45:01 How do you provide support for your course? * 46:34 How do you determine what to charge? * 49:24 How do you build the right audience? * 50:27 Picks and Plugs * 50:41 James's Pick - Presentation Clicker * 51:31 James's Plug - James Q Quick on TikTok * 51:42 Amy's Pick - Sanuk Sandals * 52:08* Amy's Plug - Advent
In this episode, Amy and James discuss all things SVGs: what is, why, and when to reach for it, and seven different ways to get an SVG on the page, and the pros and cons of each method.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 3:50 What is an SVG? + Raster vs Vector * 6:21 Benefits to using an SVG + Change the Size + Small File Size + Change the color within your code + Easily Cached * 9:51 Seven Different Ways to get an SVG on the Page * 11:28 Sponsor - ZEAL * 12:59 Option 1 - Image Tag * 14:03 Option 2 - Inline SVG tag * 15:53 Option 3 - CSS as a background Image * 16:18 Option 4 - CSS, as a Mask * 18:20 Sponsor - Vercel * 19:29 Option 5 - SVG directly within our Image tag * 21:20 Option 6 - Base64 or UTF8 with as a CSS Background Image * 21:47 Option 7 - An SVG Sprite * 22:34 Writing your own SVGs * 27:00 Going Deep on a Specific Topic, The Broken Comb * 28:34 Resources + Amy's SVG Series on YouTube + Sarah Drasner - Course on Frontend Masters, SVG Essentials & Animation, v2 + Sarah Drasner - SVG Animations: From Common UX Implementations to Complex Responsive Animation + Chris Coyier - Practical SVG * 29:19 Sponsor - DatoCMS * 30:12 Grab Bag Questions * 30:56 Picks and Plugs * 31:07 Amy's Pick - Animal Cable Clips * 32:00 Amy's Plug - Advent of CSS * 32:32 James's Pick - Castle on Hulu * 33:34* James's Plug - Advent of JavaScript
This is a crossover episode with our friends, Alex Patterson and Brittney Postma from the Purrfect.dev podcast. In this episode, we all discuss our jobs. Even though we're all in tech, our day-to-day work looks vastly different.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 2:25 Alex Patterson - Cloud Architect * 6:49 T Shape Model and the Broken Comb * 13:05 Sponsor: Vercel * 14:13 Amy Dutton - UI / UX and Frontend Development * 21:32 Sponsor: ZEAL * 23:04 Brittney Postma - Building Systems in Svelte * 31:28 Sponsor - DatoCMS * 32:21 James Q Quick - Dev Rel * 46:07 Getting Your First Job * 57:09 Picks and Plugs * 57:18 Amy's Pick - Meeter * 58:03 Amy's Plug - AdventofCSS.com * 58:47 Brittney's Picks + Learn Build Teach Discord + Foundation * 59:26 James's Pick + Rode Go + The Diary of a Young Girl, by Anne Frank * 1:01:04 James's Plug - AdventofJs.com * 1:01:16* Alex's Picks + Foundation + Google Dev Fest
In this episode, Amy and James explain the fundamentals of git and their most-used commands. They also explain basic different workflows, if you're working with a team or by yourself.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction + James's new camera: Sony A6400 + The Way Down on HBO Max * 4:38 What is git? And why would you use it? * 8:09 git is Different than GitHub / BitBucket / GitLab * 10:41 Sponsor: ZEAL * 12:13 How do you use it? + GitHub Desktop + Tower + Within VS Code * 14:25 Basic Commands + git init + git clone + git commit + git remote + git push + git pull + git checkout * 22:08 Sponsor: DatoCMS * 23:02 Merge Conflicts * 24:58 Team Strategies * 28:48: Sponsor - Vercel * 30:07 Best Practices + gitmoji * 33:32 Pull Requests * 36:38 Grab Bag Questions * 36:55 Question #1 - How early into learning development should I learn? * 39:59 Question #2 - Best way to implement CI/CD? * 43:17 Question #3 - Common mistakes and our biggest git mistake? * 46:12 Question #4 - Best git command flow? + Amy's git series on YouTube - git for Beginner + Atlassian git resources * 47:53 Question #5 - Best way to work with a Team and git? + Amy's YouTube Channel: Best Practices for Teams * 48:56 Picks and Plugs * 49:10 Amy's Pick - Cometeer Coffee * 49:52 Amy's Plug - Advent of CSS * 50:35 James's Pick - Snack Magic * 51:31* James's Plug - Advent of JavaScript
In this episode, Amy and James talk about small design tweaks that you can make that will make a big difference. These recommendations are helpful if you're looking for basic principles and guidelines to take your site to the next level.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction
* 3:13 Applying Design Principles
+ Episode 5 - How Do you Start a New Design Project?
+ Episode 10 - Design Fundamentals (Part 1)
+ Episode 11 - Design Fundamentals (Part 2)
* 3:41 Alignment
+ Working from a 12 column grid
* 4:55 Align Text Left
* 5:46 Sponsor: Vercel
* 6:54 Proximity - Items that are closer together, your eye will group together
* 9:00 Hierarchy
* 10:37 Drop Shadows
* 12:34 Typography
+ Il1 Test
* 17:20 Sponsor: DatoCMS
* 18:14 x-height should be used to determine line-height
* 18:41 Long Form Copy - Use 20px
* 18:50 Line Length - Use 45 - 75 characters in a line, 66 characters is the sweet spot
* 20:47 Smaller the font size, the more line-height you need
* 21:27 Fibonacci Sequence - 14, 20, 34, 54, 88
* 24:02 Copy Style
+ Design For Scanners
+ Start your messages with the goal first, not the action:
Example: Drag a song to your "Awesome Tunes" folder to add it to your playlist
Versus: Add a song to your playlist by dragging it to the "Awesome Tunes" folder
* 26:01 Consistency
* 26:29 Spacing
+ White Space
+ 4pt and 8pt
* 27:46 Color
+ Coolors.co
+ Tint - Color mixed with white
+ Shade - Color mixed with black
+ Tone - Color mixed with Gray
* 29:48 Sponsor - ZEAL
* 31:19 Mobile
+ Thumbs need at least a 48 x 48 target area
+ Put things near the bottom of the screen
* 32:20 Lean into Stereotypes
* 33:40 Don't rely on color alone to convey messages
+ For example, a red outline around the input — some users are color blind
+ When the page is loading, help the user know what's happening
+ Empty or blank states should be well designed - guide the user to the next action
* 34:35 Picks and Plugs
* 35:25 Amy's Pick - FigJam
* 36:12 Amy's Plug - Advent of CSS
* 36:40 James's Pick - MagSafe Charger
* 37:50* James's Plug - Advent to JavaScript
In this episode, James and Amy discuss everything you need to know to get up and running with TypeScript: what is TypeScript, why use TypeScript, the basic types, and how and where to go to get started.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction
+ Episode #13 - No Code
* 3:27 What is TypeScript?
* 8:08 Sponsor - ZEAL
* 9:40 TypeScript and Bugs
+ Kent C Dodds
+ Testing JavaScript
+ No Sweat ES Lint
+ Introduction to Testing on YouTube
* 17:08 Sponsor - Vercel
* 18:15 Typescript within VS Code
* 19:49 How to Get Started?
+ Linter
+ Number Blocks on Netflix
* 23:03 Different Types
+ String
+ Number
+ Boolean
+ Enums enum roles {
Admin = "ADMIN",
User = "USER",
Member = "MEMBER",
}
// or
enum roles {
Admin = 1,
User = 2,
Member = 3
}
+ Tuples
let x: [string, number];
x = ["hello", 10]; // OK
x = [10, "hello"]; // Error
+ Any
* 28:45 Taking it to the Next Level: Types vs. Interfaces
+ Types type person = {
firstName: 'Amy',
lastName: 'Dutton'
}
+ Interfaces
interface person {
firstName: 'Amy';
lastName: 'Dutton';
}
* 30:38 Sponsor: DatoCMS
* 31:32 Resources to get Started Learning TypeScript
+ React and TypeScript, Getting Started
+ Level Up Tutorials
- Level 1 TypeScript
- React and TypeScript for Everyone
+ TypeScript in 50 Lessons
+ When Should I use TypeScript (Feed Code Camp)
* 33:13 Grab Bag Questions
* 33:24 Types vs Interfaces
* 33:36 When is it appropriate to use TypeScript?
* 36:21 When is it a good idea to migrate a React project to TypeScript?
* 38:22 Which would you recommend? Going deeper on TypeScript or going deeper in React?
* 40:40 TypeScript vs JS Docs
* 42:32 Picks and Plugs
* 42:44 James's Pick - AirPods Pro
* 43:58 James's Plug - Code Connector Group in Slack
* 44:29 James's Plug - Virtual Coffee in Slack
* 44:50 Amy's Pick - Pock App
* 45:39* Amy's Plug - Advent of JavaScript and Advent of CSS
In this episode, Amy and James are honest about some of the things they struggle with. -- Things they struggled with early in their tech career and some of the things they continue to struggle with even now.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 2:54 Struggling with learning new things * 3:18 Concepts I used to struggle with * 5:44 Struggling with Technical Interviews * 6:26 Struggling with Giving Presentations * 7:20 Struggling with Algorithms * 9:48 How I Learn New Things + Level Up Tutorials + Wes Bos + James Q Quick - Svelte Crash Course - Asynchronous JavaScript - Promise.all Video + Amy's Git Series on YouTube * 13:05 Sponsor: DatoCMS * 13:58 Advice for Learning New Things: Build Stuff * 16:21 Some of the Things we Struggle with Now * 23:13 Sponsor: Vercel * 24:43 Creating content * 27:19 Writing production code * 29:51 Imposter Syndrome * 35:01 Sponsor: ZEAL * 36:25 Grab Bag Questions: How do I get paid without feeling guilty? * 40:29 Picks and Plugs * 40:40 James's Pick: Freedom Writers on Netflix * 41:21 James's Plug: James Q Quick on YouTube * 41:39 Amy's Pick - 2Bobs Podcast * 42:16* Amy's Plug - SelfTeach.me on Twitch
In this episode, Amy and James discuss the state of WordPress in 2021. Is it still relevant? Is it worth learning? What does the developer experience look like? What does the future of WordPress hold?
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 0:37 Sponsor: DatoCMS * 1:50 Week Updates * 3:35 What is WordPress? * 4:36 Does WordPress still matter in 2021? * 6:05 The Difference between WordPress.com and WordPress.org * 8:31 Page Builders + Divi + Elementor + Beaver Builder * 10:57 Creating a Custom Theme + ahha-theme * 12:20 Why WordPress has a bad rap? + WordPress is Built on PHP + Cowboy Coding, Spaghetti Code, and Script Kiddies + The Developer Experience + Open to Hackers * 15:34 Sponsor: ZEAL * 17:05 WordPress Community + Advanced Custom Fields + Gravity Forms + WooCommerce + Yoast + WP DB Migrate Pro + All-in-One WP Migration * 23:12 Local Build vs. Production + DeployBot + MAMP + Local * 26:02 Hosting + Flywheel + WP Engine + Bluehost + HostGator + Siteground + Dreamhost + Hostinger + YouTube Video on James's Channel on Hostinger * 34:07 The Future of WordPress + Headless CMS with GraphQL * 35:26 Sponsor: Vercel * 36:34 Grab Bag Questions * 37:00 Why does WordPress come with negative comments? Why does it have a bad rap? Should new developers invest in WordPress? * 39:07 Where's the line for using someone else's widgets and making your own? * 41:03 Picks and Plugs * 41:18 Amy's Pick: Facebook, the Inside Story * 42:25 Amy's Plug: SelfTeach.me on Twitch * 42:47 James's Pick: Seat cushion * 43:29* James's Plug: James Q Quick on YouTube
In this episode, Amy and James continue their ongoing discussion for redesigning James's personal site. Amy unveils a site redesign and together they talk through James's feedback and what the next iteration of his site design might look like.
This episode was recorded live, on Amy's Twitch stream. If you'd like to watch the original stream, you can find it here.
It's also worth noting that this is Part 3 of an ongoing conversation.
- The initial, discovery conversation is captured in Episode 18: Amy Gives James a Design Consult.
- Amy presented the proposal in Episode 23. You can also watch that episode on YouTube.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 0:50 Sponsor: ZEAL * 2:34 Recapping the Conversation + Jack McDade + Wes Bos * 7:19 Unveiling the Redesign * 17:08 Sponsor: Vercel * 18:14 Discussing James's Q Logo * 19:10 Color + Contrast App * 26:05 Thoughts about Developers and Design * 27:17 Hard Lines vs Organic Lines * 28:12 Sponsor: DatoCMS * 29:06 Branding Questions * 31:28 Design Process * 32:50 Amy's Pick: White Ink Pen * 33:27 Amy's Plug: SelfTeach.me on Twitch * 33:47 James's Pick: Fake Doctors, Real Friends Podcast * 34:33* James's Plug: James Q Quick on YouTube
In this episode, we combine forces with Brad Garropy and Richard Gottleber from Web Dev Weekly for a Crossover Episode. The four of us discuss our favorites: languages, frameworks, CSS methodologies, technologies, testing tools.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 1:41 Favorite Frontend Framework * 7:53 Favorite CSS Methodology * 12:15 Sponsor: Vercel * 13:23 Favorite Language + JHey + Cassie Evans + Destin Lee * 25:34 Favorite Side Projects + JQQ Memes + Avneesh Agarawl + Daily Texas Country + bradgarropy.com * 30:26 Sponsor - DatoCMS * 31:19 Favorite Frontend Framework + Cassidy Williams + Learn Build Teach Discord * 38:02 Favorite Testing Tools + Applitools + Angie Jones * 45:28 Favorite Content Creator + Jason Lengstorf + Chris Sev on Twitter + Kapehe + Scotch.io + Better.dev + James Q Quick + Richard's Blog + Amy's YouTube Channel + Scott Tolinski - Level Up Tutorials + Programming YouTuber's Discord * 51:36 Sponsor: ZEAL * 53:07* Picks and Plugs + Brad's Pick: Rescue Helicopter + Brad's Plug: Brad Garropy on YouTube + Richard's Pick: Rainbow Corgi from Learn with Jason + Richard's Plug: Dead Trees / Physical Books + Amy's Pick: Post-It Notes + Amy's Plug: SelfTeach.me on Twitch + James's Pick: TikTok Portable Rig + James's Plug: James Q Quick on TikTok
In this episode, we hear from 14 of our favorite content creators: their advice, thoughts on content creation, and how content has impacted their careers.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:00 Brittney Postma + Learn Build Teach + Brittney's Website + Svelte Society + Purrfect.dev Podcast + Brittney on Twitter * 5:51 Shaundai Person + Shaundai's Website + Shaundai on Twitter * 8:53 Ania Kubow + Ania's YouTube Channel * 11:39 Colleen Schnettler + Deploy Empathy + Software Social Podcast + Simple File Upload + Colleen on Twitter * 14:47 Jason Lengstorf + Learn with Jason + Jason's Website * 20:17 Sam Sycamore + Sam on Twitter + Hashnode + Sam's Website * 22:28 Sponsor: DatoCMS * 23:21 Marie Poulin + Marie's Website + Marie on Twitter + Marie's YouTube Channel + Notion Mastery * 28:26 Maya Bello + Maya on Twitter + Maya on YouTube * 29:35 Sponsor: Vercel * 30:42 Colby Fayock + Colby's Website + Colby on Twitter + Colby's YouTube Channel * 33:14 Jessica Chan + Jessica's Blog + Jessica's YouTube Channel + Jessica on Twitter * 35:13 Adam Wathan + Adam's Website + Adam on Twitter + Adam on YouTube + Tailwind CSS + Refactoring UI + The Practice, by Seth Godin * 39:42 Sponsor: ZEAL * 40:04 Brad Garropy + Brad's Website + Web Dev Weekly + Brad on Twitter + Brad's YouTube Channel * 41:13 James Perkins + Tina + James's YouTube Channel + James on Twitter + Bryan Harris - Poster Boy Formula * 48:51* Justin Jackson + Transistor.fm + Justin's Blog + Justin on Twitter * 52:14 Closing
In this episode, Amy and James discuss all the benefits that come from blogging, including the positive effect it can have on your career.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 4:02 Marco Polo * 5:29 Learn Build Teach * 7:17 Emulating Chefs * 8:09 Why Write * 9:33 Sponsor: ZEAL * 11:08 Writing Helps You Be a Better Communicator * 11:52 Networking * 13:47 Why blog, over another medium? * 15:23 Picking a Blogging Platform + Framer is still alive and well… and it’s a game-changer + UX Collective + Medium + Hashnode + Dev.to + Chrome Extension Daily.dev + Chrome Extension Panda * 21:17 Creating Your Own Blog + Wordpress.com + Wordpress.org * 22:47 Sponsor: Vercel * 23:55 Different Frameworks + Gatsby + Next.js + Gridsome + Nuxt + React + Angular + Vue + Svelte + SvelteKit * 25:43 Sponsor: DatoCMS * 26:25 Learning that Comes from Building Your Own Blog * 27:30 Workflow for Writing Content + Notion.so + Grammarly + Grammarly extension for Chrome + Grammarly extension for VS Code + StackEdit.io * 30:37 What would you do differently? * 32:26 Grab Bag Questions * 32:47 Grab Bag Question #1: Are there some things you can do right or wrong when it comes to creating content? + James Q Quick on YouTube: JavaScript Array Method Practice * 35:49 Grab Bag Question #2: How do you choose what topics to cover? How do you decide who is your target audience? * 39:00 Picks and Plugs * 39:11 Amy's Pick: Headphone Splitter + Rode Micro Pro * 39:51 Amy's Plug: SelfTeach.me on Twitch * 40:13 James's Pick: Cable Clips * 40:56* James's Pick: JS Challenges
Amy and James continue their creator series for designers and developers, explaining some of the things that they learned while starting their own podcast.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction + JS Challenges + Advent of CSS + Advent of JS + Advent of SVGs * 2:47 Gear for Starting Your Own Podcast + Rode Micro + Episode 14 - Building the Perfect Desk Setup * 6:45 Why podcast (vs another medium)? * 8:29 Types of Podcasts + Interview + Monologue - Amy Porterfield + Co-Host - Syntax - Shop Talk Show * 10:27 Our Why * 14:26 Sponsor: DatoCMS * 15:20 Creating Show Segments * 17:57 Hosting + Buzzsprout - Creating ZEAL Podcast + Anchor + Transistor.fm + Simplecast * 20:36 Cover Art * 21:06 Creating a Trailer + Submitting to different podcatchers * 22:36 Finding Sponsors + Creating a Prospectus + Field of Dreams * 25:26 Sponsor: Vercel * 26:38 Workflow + SquadCast + Screenflow + Descript - Chris Sev + Auphonic + Forecast + MailChimp * 33:14 Things We Want To Do + Write Accompanying Blog Posts + Make clips for social * 35:17 Things I Wish We'd Done Differently + Line up Reviews on iTunes * 36:33 Sponsor: ZEAL * 38:02 Grab Bag Questions * 38:21 What have we learned? Future goals, ambitions? * 42:11 How important is consistency on publishing dates? + Seasons vs Episodes * 45:05 Amy's Pick - Book: The Ride of a LifeTime * 45:42 Amy's Plug - SelfTeach.me on Twitch * 46:04 James's Pick - Portable Light * 47:03* James's Plug - @jamesqquick on TikTok + James Q Quick's Newsletter + Captain Marvel Website
Amy and James talk about starting their own YouTube Channels: the gear and workflows they use, how it has helped their careers, and how growth looks different for everyone.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 3:41 What is your why + Episode 20: Learning and Building in Public + Simon Sinek: Start with Why * 6:38 Why YouTube over another medium? * 8:14 Just get started + Clarity comes in doing + Example: First Pancake * 10:36 Gear + Episode 14: Building the Perfect Desk Setup + Screenflow + QuickTime + SnagIt + iMovie * 13:00 Sponsor - Vercel * 14:13 Amy's Recording Workflow * 15:58 James's Recording Workflow * 17:45 Amy's Editing / Post Production Workflow + Descript + Premiere + Epidemic Sound + After Effects + Envato Elements * 19:10 James's Editing Workflow * 21:28 Growth on YouTube * 25:47 Sponsor - DatoCMS * 26:41 YouTube Policies and Growth Metrics * 30:41 Sponsor - ZEAL * 32:10 Grab Bag Questions - Creating in a series vs. One-Off Videos * 35:54 Picks and Plugs * 36:18 James's Pick - Portable Screen Cleaner * 38:20 James's Plug - jamesqquick on Twitter and #100daysofcode * 39:28 Amy's Pick - Astropad * 40:31* Amy's Plug - selfteachme on Twitch
In this episode, Amy submits a freelance proposal to James for review. They discuss the terms, value-added, and review a mood board for James's rebrand.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 0:55 Sponsor: ZEAL * 2:23 What we've been up to * 4:06 Recording live from Twitch * 4:39 Context / Writing Proposals + This Proposal * 7:08 Pricing Structures + Episode 6: Freelance - Part 1 + Episode 7: Freelance - Part 2 + Episode 18: Amy Gives James a Design Consult * 9:01 Business progression + identifying problems + objectives + how you'll measure success + Google Analytics + Fathom * 11:43 Sponsor: DatoCMS * 12:37 Value to the Organization + Scope Creep vs Scope Seep * 16:40 Benefits of Branding + Nathan Barry Show - Episode 41: Jack Butcher – Build Once, Sell Twice: Earn $1M a Year Selling Digital Products * 18:58 Methodology and Phases + What to expect on the project + Scheduling + Factors that affect completion * 22:01 Joint Accountabilities + Communication * 24:10 Terms and Conditions + Fees + Payment Terms + Project Scheduling + Expiration Date * 25:53 Sending Estimates + Harvest + Stripe + Freshbooks * 27:38 Sponsor: Vercel * 28:51 Reviewing the Mood Board + Link to James's Actual Mood Board + FigJam + Whimsical + Pinterest * 29:41 Reference Images + Wes Bos + Supabase + Amplication + Simon Hoiberg on Instagram + Ania Kubow + Coder Coder + Thomas Weibenfalk + Jack McDade + Jason Lengstorf + Josh Comeau * 31:55 Inspirational Pieces + Dribbble + Behance * 35:20 How do you create a custom font? + Fontself + Font Squirrel + Creative Market * 38:26 Looking at Color and Styles + Statamic * 45:23 Picks and Plugs * 45:32 James's Pick: Chicago Med * 47:39 James's Plug: James Q Quick on TikTok * 47:53 Amy's Pick: Notion.so + Marie Poulin + August Bradley + William Nutt * 48:50* Amy's Plug: SelfTeach.me on Twitch
In this episode, Amy and James talk about all the components that make up a good designer. If you're hiring, how to interview a designer and what to look for. Or, if you're trying to land your first design job, what to expect in the interview process
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 5:10 Interviewing as a Designer / Hiring a Designer * 5:43 Job Titles + Graphic Designer + UI + UX + Product Designer + Marketing Designer * 9:23 Career Paths + Junior + Senior + Art Director + Creative Director + The Making of a Manager by Julie Zhou * 12:46 Sponsor: DatoCMS * 13:39 Components that make up a great designer * 14:20 Design Process * 15:32 Visual Design * 16:49 Consulting and Communication * 17:49 User Experience Design * 18:05 Implementation + Free Code Camp * 20:18 Leadership and Mentoring * 21:07 Sponsor: ZEAL * 22:20 Business and Sales * 22:54 User Research * 23:35 Group Facilitation + Sprint: How to Solve Big Problems and Test New Ideas in Just Five Days * 24:16 Product Thinking * 25:22 The importance of a Portfolio + looking for a specific kind of work + what to do if you don't have work you can include + bartering + Dribbble + Behance * 30:06 Sponsor: Vercel * 31:21 Specific interview example * 33:59 Is it worth having a design degree? + Episode 2: Amy's Origin Story * 36:15 Soft Skills: Are they a good culture fit? * 36:32 Resources for leveling up UI / UX + Refactoring UI + Shift Nudge + Learn, Build, Teach Discord Server + BeginnerTailwind.com * 38:59 Picks and Plugs * 39:30 James's Pick: Headphone Stand, USB Charger Combo * 40:12 James's Plug: James Q Quick on Twitch * 40:24 Amy's Pick: Wireless Charger from Anker * 40:52* Amy's Plug: SelfTeachme Twitch Channel + Weekdays, 9am - 10am CST
In this episode, Amy and James talk about the interview process and how to land your first job in development, covering topics like what to expect, whiteboard interviews, questions to ask, are portfolios important, and tips and tricks.
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.com
ZEAL is hiring!ZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
DatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with real-time updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."
For more information, visit datocms.com
Show Notes 0:00 Introduction * 0:47 Sponsor: ZEAL * 4:30 Learning Resources + Wes Bos + Scott Tolinski at Level Up Tutorials + Udemy + Colt Steele Bootcamp * 9:56 Pay attention to what you enjoy most + Thoughts on niching down * 12:52 Sponsor: DatoCMS * 13:45 Be active in the community + Code Connector Group + Kyla Gregory on Twitter + Learn Build Teach Discord Community * 17:50 Learning and Building in Public + Episode 20 - Learning and Building in Public * 19:39 What to Expect in an Interview + Behavioral Questions + Come up with 3 Projects or Experiences to Answer + Ask what to expect in the interview process + Oliver Jumpertz on Twitter - Answering "What's your greatest weakness?" + Confidence within the Interview * 23:00 Whiteboarding * 26:59 Talking through how you think + Blogging + YouTube Channel * 29:31 Do research on the company you're interviewing with + Know the basics of what the product is or what the company does * 30:06 Come with questions prepared! + Team Structure? + Built-in support system and mentors + Career paths and opportunities for growth within the company * 32:26 Grab Bag Questions * 32:42 "What would you like to see from a candidate?" * 36:50 "Are portfolios important?" + James Cox * 40:38 Sponsor: Vercel * 41:52 "Am I ready for a real developer role?" + Ask for feedback * 47:11 Picks and Plugs * 47:29 Amy's Pick: Collapsible Wagon * 49:02 Amy's Plug - SelfTeach.me on Twitch + Monday through Friday, 9-10 am CST * 50:23 James's Pick: Fear Street on Netflix * 51:00* James's Plug: James Q Quick on Twitch + jqqmemes.com
In this episode, Amy and James talk about learning and building in public: the best ways to get started, some of the benefits, fears, and considerations.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes 0:00 Introduction * 4:15 Documenting vs Creating + Creative Elements Podcast with Ali Abdaal + Blog Post by Swyx + eBook buy Swyx * 6:41 How do you get started? What do you share? * 8:04 The Curse of Knowledge + Hashnode * 9:55 Sponsor: Vercel * 11:12 Preventing documentation from being a second job * 14:56 Accountability + Episode 9 - The Tech Behind SelfTeach.me + Twitter Thread documenting my progress on SelfTeach.me + James's Crash Course on Svelte and SvelteKit (YouTube) + Amy's Video Series on Building out the Compressed.fm Audio Player (YouTube) * 19:57 Fears around sharing in public + Quote from Swyx's article: "People think you suck? Good. You agree. Ask them to explain, in detail, why you suck. You want to just feel good or you want to be good?" + James's video on Promise.all in JavaScript * 24:08 Sponsor: ZEAL * 25:32 Examples of People Have Done a Great Job Learning and Building in Public + Software Social Podcast + Catherine Peterson + Zach Wilson + Laurie ono Tech + Chris Sev * 29:36 Grab Bag Questions * 30:04 Learning and Building in Public when you're a career changer + #100DaysofCode Hashtag on Twitter + Sam Sycamore + Article about making a rap video + Auth0 Rap Video + Cafe con Tech - Mattias's Podcast * 35:47 How do you learn in public without being cocky? * 35:59 How do you learn and build in public without turning it into even more work? + Maggie Appleton and a Digital Garden + Episode 18 - Amy Gives James a Design Consult * 38:37 What do you share in public? * 39:24 How do you deal with haters? * 42:07 Picks and Plugs * 42:20 James's Pick: Water bottle from Walmart * 43:51 James's Plug: Learn Build Teach Discord Server * 44:14 Amy's Pick: Anker 60W Charger + Anker Charger with Portable Power * 45:02* Amy's Pick: The Compressed.fm Newsletter
In this episode, Amy talks about Figma and how it's perfect for project collaboration -- whether you're a designer, developer, project manager, or stakeholder; everyone can benefit.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes 0:00 Introduction * 3:07 What is Figma? * 3:26 History of Design Tools + Photoshop - Difference between vaster and rector + Sketch - Abstract - Zeplin - Invision - Sketch Cloud + Figma - Collaboration - Components * 10:42 Sponsor: ZEAL * 12:16 Figma - Platform Agnostic * 13:40 Adobe XD * 15:28 Variants * 16:22 Shared Libraries * 17:48 Commenting System and Collaboration * 18:46 Developer Handoff Tools, including exporting CSS * 19:43 Plugins + Anima + Ania Kubo on YouTube * 20:21 Sponsor: Vercel * 21:36 More Figma Plugins + Super Tidy + Google Sheets Sync * 23:07 Prototyping and Interactions * 23:23 FigJam + How Figma Uses FigJam * 24:20 Structuring a Project within Figma + Cover with a thumbnail + The project's design + Iconography + Design System and Components + Archive Page * 27:02 Learn More about Figma + Scott Tolinsky, Playlist on Figma + Level Up Tutorials + Figma's Education Videos + Jesse Showalter, Figma Playlist * 28:26 Grab Bag Questions: Message us on Twitter at @compressedfm * 28:44 Picks and Plugs * 28:57 Amy's Pick: Parse Hub * 30:33 Amy's Plug: Compressed.fm Newsletter * 30:56 James's Pick: iPhone Mount * 31:50* James's Plug: James on TikTok at jamesqquick
In this episode, Amy and James have a discovery call to discuss James's current website and branding. They talk about his current branding, the long-term direction James wants to take his website.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes 0:00 Introduction * 0:46 Purpose of a Rebrand * 2:51 Assessing the Current Brand Assets * 8:52 Brainstorming Infrastructure * 11:20 Sponsor - ZEAL * 12:49 Visual Inspiration + Jason Lengstorf + Wes Bos + Josh w Comeau * 20:26 Physical Collateral and Digital Asset Consideration * 23:48 Sponsor - Vercel * 25:00 More Visual Inspiration + Superbase + Amplication + Episode 5 - Design Episode + Coder Coder on YouTube + Ania Kubow on YouTube + Code Stacker on YouTube + Simon from Feed Hive on Instagram * 28:49 Creating brand consistency * 29:12 Different sections of the website + Joel Hooks and the Concept of a Digital Garden * 32:27 Question - Handling Nitpicking and Too Many Chefs in the Kitchen * 33:48 Leading the Client + Episode 6 - Freelancing (Part 1) + Episode 7 - Freelancing (Part 2) * 34:44 Pricing * 37:14 Picks and Plugs * 37:31 James's Pick: Camera / Phone Mic - Rode Vide Micro * 38:15 James's Plug - James Q Quick on YouTube * 39:24 Amy's Pick - Fuse Reel Side Winder * 40:10 Amy's Plug - Compressed.fm Podcast Newsletter * 40:38* Official auth0 Rap Music Video + auth0 Official Channel on YouTube
In this episode, James and Amy talk about all the things they've automated. James in particular has several workflows within AirTable for generating stream graphics, sending out tweets, and generating his email newsletter.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes0:00 Introduction
4:01 Automating Overview
6:48 CI/CD Pipelines
- Deploybot
- Publishing as soon as a commit is made to the master branch on GitHub
10:49 Sponsor: Vercel
12:08 Automations with IFTTT and Zapier
15:12 Checklists
16:37 Using AirTable forms to Create Stream Graphics using Cloudinary
- Learning Quick Streams
- Stream with James Q Quick and Amy Dutton
24:25 Serverless Functions Overview
25:42 Integration with Sanity.io
28:46 Determining what to Automate
30:25 Sharing content from the Learn Build Teach Discord Community
- Listen to commands within the Discord community and saves the content to AirTable
- Flag for sharing to Twitter
- Flag for sharing within the Email Newsletter
- Node Chron for automatically tweeting
34:38 Sponsor: ZEAL
36:17 Button within AirTable for collecting and formatting email newsletters
38:29 Automating Tweets to promote the stream
39:18 Grab Bag Questions
39:51 Grab Bag Question #1: What tools do you use to automate tasks? Do you program as many automations as possible? And do you use IFTTT?
- Hazel from Noodlesoft
- Emptying my computer's trash
- Renaming files
- Geofencing
42:29 Picks and Plugs
43:01 James's Pick: Tripod from Amazon
43:49 James's Plug: James Q Quick on YouTube
44:30 Amy's Pick: Creative Elements Podcast
- Episode with Ali Abdaal
47:09 Amy's Plug: SelfTeach.me on YouTube
In this episode, Amy and James discuss Live Streaming: why do it? how do build a following? planning? editing? engagement techniques? best time to stream? and tooling?
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit softwareresidency.com/careers
KwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.
For more information, visit kwes.io
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
KwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.
For more information, visit kwes.io
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
KwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.
For more information, visit kwes.io
Show Notes0: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.
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.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit codingzeal.com
KwesFormsKwesForms is the only complete developer-focused form service in the world. Build any type of form. Integrate it into any framework. No drag and drop, no unnecessary stylings. Set up advanced forms for clients on any platform. It works perfectly with any framework. Right out of the box.
For more information, visit kwes.io
Show Notes0: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.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0: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.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0:00 Intro
0:50 Sponsor: ZEAL
1:40 What we've been up to this past week
4:15 Creating a Customer Journey Map
- Design the process so that you're truly leading a client
- Outline touchpoints
6:09 Sponsor: Pathwire
7:14 Discovery Process
- Determining the work that needs to be done.
7:46 Scheduling initial phone call with Calendly
8:42 Vetting the client
- Want to make sure that the client will be good for you, too.
- Template Questionnaire
12:20 Creating Estimates and Contracts
- Estimate through Harvest - https://www.getharvest.com
- Contracts through HelloSign - https://www.hellosign.com/
- Accepting online payments and paying Stripe fees is part of the cost of doing business
13:25 Project Management System
- Basecamp
- Asana
- Teamwork
- Notion
13:52 Sending out a welcome document
- Include a handwritten note and a bag of [Ugly Mug coffee](http://uglymug.com
15:29 Managing your Finances
Separate bank account
[QuickBooks}(https://quickbooks.intuit.com/)
* Freshbooks
18:39 Sponsor: Vercel
19:32 Two types of expenses (1) stuff for everyday business and (2) items purchased specifically for a client
21:54 Legal Side
- LLC and why
- Other options: C Corp and S Corp
25:06 Creating Contracts
- Dan Mall's Contract from Superfriend.ly - http://agreement.superfriend.ly/
28:19 Business Insurance
29:46 Grab Bag Question #1 - How do you make yourself job-ready? When you're constantly preoccupied with an existing work schedule? @theBlackkSky
- Learn on the job
- Take advantage of free content online
- Learn in public, Twitter Hashtag #100DaysOfCode
- Learn Build Teach Discord Community
33:02 Grab Bag Question #2 - For maintenance, do you hand it off to someone else? have a grace period where you maintain it as part of your project or contract? Or offer a support plan with a retainer fee? Zach from LaunchCode
34:45 Grab Bag Question #3 - Why do coding interviews suck? - @misterhtmlcss on Discord
37:46 Amy's Pick: Shoe Dog by Phil Knight
38:15 Amy's Plug: SelfTeach.me on YouTube
38:48 James's Pick: SanDisk Portable SSD
40:01 James's Plug: James Q Quick on YouTube and Learn Build Teach Discord Community
In this episode, Amy and James talk about freelancing -- finding the right clients, thoughts on Fivrr and Upwork, planning projects, scope creep, road mapping, time tracking, talking about budgets, charging, and late changes to a project.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0:00 Introduction
0:40 Sponsor: ZEAL
3:06 Finding Clients
3:24 What are some things you do to try and find opportunities?
- Talk about what you do
- Work in Public
- Facebook Groups
- Discord Servers
- Marketing on the front end, building up to word of mouth.
6:00 Thoughts on Fivrr and Upwork
7:30 Bryan Harris "Pitching and Closing"
7:49 Planning out a Project
- Ask lots of questions
- Episode 4 - Talked about asking lots of questions
8:05 Asking what their budget is
- Benefit both sides by not wasting time
10:04 Willing to price out in phases
11:04 Ways that you can adjust the budget? What are wiggle room areas?
- Automations
- Unique Marketing Page Templates
- Memberships
12:14 Sponsor: Vercel
12:54 Creating Estimates
- Harvest for time tracking - https://www.getharvest.com/
- Toggle - https://toggl.com/
- Magic Number
15:53 Google Spreadsheet for Generating Estimates
- Join the Newsletter to receive this Sheet for Free
17:27 How do you avoid scope creep when freelancing?
- Roadmapping
- Quick Start Road Mapping: Everything You Need to Know to Get Started
18:50 Sponsor: Pathwire
19:41 The importance of communication
- Sending out weekly project updates: what happened this past week, what I intend to accomplish the following week, any blockers or questions
21:11 Including a section in the contract of things NOT included
22:07 Understanding the ramifications of a change in the project
- Changing the scope of the project, typically requires more time and money
- Prioritizing one section, de-prioritizes another
22:51 Ways you can Charge a Client
23:46 Charging by the Hour
26:07 Other costs you have to take into consideration: health care, business expenses, utilities
28:54 Value-Based Pricing
- Difficulty in trying to quantify value
31:26 Charging a Project-Based Rate
33:46 Grab Bag Question #1: When do you set up your business?
35:03 Grab Bag Question #2: Project Maintenance
35:27 Picks and Plugs
35:54 James's Pick: The book, Throne of Glass
36:20 James's Plug: eBook, YouTube for Developers
36:45 Amy's Pick: Contrast App
37:15 Amy's Plug: SelfTeach.me on YouTube
In this episode, Amy and James talk about the best methods and tools for starting a new design project. Topics include asking the right questions, doing visual research, creating mood boards and wireframes, and getting all the pieces in place.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0:00 Introduction
2:18 Ask a lot of questions
- Design can be a self-diagnosed solution
- What's the true problem?
3:47 Creating a Mood Board
- Gives visual language
- Collect pictures of everything
6:49 Surround yourself with good design
- "You are the average of the five people you spend the most time with."
8:58 Moving away from detrimental phrases
10:10 Sponsor: Vercel
10:55 Tools within Design
- Figma
- Sketch
- Adobe XD
13:39 Framer as a prototyping tool
15:56 Sponsor: Pathwire
16:51 Tools are a poor man's excuse
- Look at something with an opportunity mindset
- It's better to start than to waste too much time debating about which tool to use.
19:00 Starting a New Project
- Mis en Place - Getting everything in its place
- Give yourself a better starting point
- Medium post about starting the Compressed.fm design
21:10 User Testing
- Collect as much information as possible within the design phase
- Iteration is King
23:26 Sponsor: ZEAL
24:16 Grab Bag Question 1: How do you get started with wireframes?
- Pen and Paper
- Invision App
- Balsamic
25:24 Grab Bag Question 2: How do I learn the standards of web design as a whole or best practices in web design?
- Design Code
- Shift Nudge
- Designing UI
26:26 Grab Bag Question 3: What are your thoughts on Using TailwindCSS for help with design?
- Important thing is to make it your own
- Beginner Tailwind - Course by Chris Sev
- Refactoring UI
28:24 Amy's Pick - CleanShot App X
29:39 Amy's Plug - SelfTeach.me YouTube Channel
30:03 James's Pick - Rocket
30:38 James's Plug - James Q Quick on YouTube
30:46 Glyphfinder
James and Amy discuss different categories of sites and the best tools and tech stacks to reach for. Categories include brochure and marketing sites, eCommerce, Applications, and Membership sites.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
https://www.codingzeal.com/hiring
Show Notes0:00 Introduction
2:42 Asking a lot of questions
- What does this thing need to do? - Determine the hopes and dreams for the app o the app will be able to grow as the site grows.
- Working on an MVP
- Who's going to update it?
5:36 Jot things down on paper
- What's it going to look like?
7:23 Holotypes - fancy word for category
- A holotype gives a framework for being able to ask the right questions and know what tech to reach for.
8:34 Brochure or Marketing Sites
- Mostly informational
- Examples: restaurants, stores, moving company
9:39 eCommerce Sites
- Collecting credit card information
10:11 Membership Sites
- Managing users
- Ability to Log in
- Determining what a user can do once they've logged in
- Collecting information on your users
10:49 Difference between authentication and authorization
11:40 Difference between a web site and a web application
- Interactivity
13:00 Sponsor: Vercel
13:17 YouTube video: I don't use Create React App anymore
13:42 Technologies for Brochure and Marketing Sites
13:57 WordPress
- Powers 1/3 of the Internet
- Powers 14.7% of the top 100 websites
16:39 Webflow
No Code Solution
Writes and exports clean code
19:40 James's personal site is on Gatsby
* Can be difficult if you don't know GraphQL
21:01 Other options, apart from React
- Nuxt.js is the Next.js Vue equivalent
- Scully for Angular
21:26 Platforms eCommerce sites
- Easy Digital Downloads
- Stripe
- PayPal
- Shopify
- Gravity Forms
- Snip Cart
- Podia
- GumRoad
26:14 - Refactoring UI
27:17 Sponsor: Pathwire / Mailgun / Mailjet
28:58 Membership Sites
- Compressed.fm is using Auth0 and the API folder
- Membership plugins within WordPress
- Podia has a membership component
30:05 Grab Bag Question #1: When is a good time to start freelancing?
- What is your tolerance for risk?
- Do you have a partner that can help contribute additional income or provide health benefits?
- Talk to your employer. They may be willing to negotiate.
- Talk to local stores, build a network
- Can start right away, not all or nothing.
33:15 Grab Bag Question #2: What are your thoughts on not code tools for developers?
- No code tools will not put developers out of work. They will just enable developers to focus on more interesting problems.
- Conversation around no code should be a safe space.
35:53 Sponsor: ZEAL
36:46 Amy's Pick: Roost Stand
Perfect laptop stand for mobile or remote working.
37:23 Amy's Plug: SelfTeach.me on YouTube channel
- Series on SVGs
- Getting ready to release a series on building the custom audio player, used on the Compressed.fm site.
37:42 James's Pick: BenQ Light
- Helps with eye fatigue
38:20 James's Plug #1: The Learn Build Teach Discord Community (free)
38:42 James's Pick: James Q Quick on YouTube Channel
Amy and James walk through the tech behind Compressed.fm and some of the unique challenges they faced when building the site.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0:00 Introduction
2:53 Powering the backend: Sanity.io
3:22 The difference between client-side and server-side rendering
5:50 Sanity's differentiator: Portable Text
8:35 Sponsor: Vercel
9:13 Finding a challenge in every project
11:14 Working with Framer Motion
13:26 Animating a hamburger menu with 2 CSS Properties
13:33 YouTube video explaining animating the hamburger animation
14:29 Josh Comeau
14:43 Authentication with Auth0
17:59 Experience with Next-Auth
18:54 Sponsor: Pathwire / Mailgun / Mailjet
20:00 Custom Audio Player
22:45 CSS Tricks article: Let’s Create a Custom Audio Player
24:31 Big Automation Kick
25:03 Sponsor: ZEAL
25:55 James's Discord: Learn Build Teach
26:06 Grab Bag Question #1: What's the best way to set up SEO metadata in Next.js?
26:40 React Helmet
27:02 Compressed.fm Source Code on GitHub
27:47 Grab Bag Question #2: Have you ever had an issue with Tailwind normalizing or overriding the text coming from Sanity?
29:05 SelfTeach.me Source Code on GitHub
29:36 Grab Bag Question #3: Where are you storing access tokens in Next.js apps?
31:00 James's Pick: [Webcam Swivel Arm ($20 on Amazon)](https://amzn.to/3tlY0EW
31:51 James's Plug: Learn Build Teach Discord Server
32:01 James's Plug: His YouTube Channel
32:17 Amy's Pick - Gravel Gravel Blanket
33:20 Big Blanket Co
34:00 Amy's Plug - SelfTeach.me on YouTube
Amy Dutton shares how she got started in tech by building the original Giphy over 20 years ago. She talks about how she navigated some of her career decisions, ultimately landing a full-time job after seven years of doing freelance full-time.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0:00 Introduction
0:57 Family of Early Adopters
1:34 Building My First Website in Netscape Navigator Tools
2:49 First Real Job Updating a Website
4:23 Finding a Mentor
6:00 Teaching my High School Computer Class
7:05 Sponsor: Pathwire, Mailgun, and Mailjet
8:14 Working as a Production Artist
10:34 Studying in college
12:08 Getting a degree? Going to a Bootcamp? Teaching yourself?
13:12 Your background and experiences mean something
13:56 Working summer camp as a video producer
15:21 Brief experience with Animation Mentor
16:31 Sponsor: Vercel
17:12 Taking a job on Music Row
18:21 Moving into a Design Role
19:20 Going freelance full-time
20:33 Transitioning back into a full-time job
21:20 Sponsor: ZEAL
22:01 Amy Guesting on James's Twitch Stream
22:12 The Pros and Cons of Freelancing
23:06 Advice for making Job transitions
23:21 Grab Bag Questions #1: What is you favorite design for web apps and why?
27:27 Grab Bag Question #2: Is there a moment when you almost quit? What made you push through?
28:53 Amy's Pick: Tile
29:43 Amy's Plug: SelfTeach.me on YouTube
31:02 Simon Høiberg on Twitter
31:04 James's Pick: FeedHive
31:59 James's Plug: James Q Quick on YouTube
32:15 Conclusion
James Q Quick shares how he got his start in tech and how a couple of job interview rejections turned into a bigger opportunity and ultimately a career path as an evangelist, speaker, and teacher.
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.com
VercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.
For more information, visit Vercel.com
ZEAL is hiring!Zeal is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.
Zeal believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, Coding Zeal looks for collaborative, object-oriented, and organized individuals to apply for open roles.
For more information visit their site.
Show Notes0:00 Introduction
0:54 Missed Opportunity in High School
1:24 Majoring in Computer Science
1:59 Building your First Mobile Application
5:42 First Technical Interview
7:55 Sponsor: Vercel / Next.js
8:58 Getting into JavaScript
9:14 Applying for Jobs
9:53 Technical Evangelist at Microsoft
10:41 Moving back to Memphis
10:57 Developer Bootcamp by Colt Steele on uDemy
11:42 Decisions and Setting the Trajectory of Your Life
14:07 Getting into Content Creation
16:23 Working at FedEx
17:27 Transitioning into Auth0
17:53 The Easiest Part about Content Creation
19:09 Learning Right Now
20:22 Automating Everything
21:45 Sponsor: Pathwire / Mailgun / Mailjet
22:37 Grab Bag, Question #1: How do you start a career in tech?
24:57 Grab Bag, Question #2: Is there a moment where you almost quit? What made you push through?
27:35 Sponsor: ZEAL
28:22 James's Picks: Testimonial.to
29:33 James's Plug: [James's YouTube Channel(http://youtube.com/c/jamesqquick)
29:38 James's Weekly newsletter
29:58 Amy's Pick: Descript
31:08 Amy's Plugin: SelfTeach.me YouTube Channel
31:56 Conclusion
Get ready! We're launching a new podcast on web design and development with a little zest.