Syntax - Tasty Web Development Treats - podcast cover

Syntax - Tasty Web Development Treats

Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developerssyntax.fm
Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.
Last refreshed:
Download Metacast podcast app
Podcasts are better in Metacast mobile app
Don't just listen to podcasts. Learn from them with transcripts, summaries, and chapters for every episode. Skim, search, and bookmark insights. Learn more

Episodes

Potluck × JS Modules × HTML Tags × Recession × Budgeting

In this potluck episode of Syntax, Wes and Scott answer your questions about HTML tags, budgeting, recession proofing your business, software dev vs software engineer, taking payments, and more. Show Notes 00:11:11 Welcome 01:29:11 When should you use article and section in HTML? 08:03:08 Does your business suffer from the economic recession? 15:47:18 How do you manage your money or budget? PlainTextAccounting YNAB Copilot 20:51:11 What should I consider using? There’s a lot of options. CommonJS...

Jan 18, 20231 hr 5 min

Buy It or Build It? A Service is Not a Solution

In this Hasty Treat, Scott and Wes talk about the differences between building it yourself vs paying for a service to do it for you, such as cron jobs, checkout, hosting, images, video, and more. Show Notes 00:24 Welcome 03:19 Buying vs building topic 07:09 Strategy 09:50 Escapability 14:56 Services You Could Use Sentry Postmark 16:34 Efficiency of using a service 18:08 Cron jobs 20:43 Checkout Recurly Lemon Squeezy Stripe Braintree 24:29 Hosting 26:00 Screenshots and open graph images Cloudinar...

Jan 16, 202344 min

Katherine Mello on Liberal Arts → Coding, Bootcamps, and Sustainability

In this supper club episode of Syntax, Wes and Scott talk with Katherine Mello about her journey into coding from liberal arts to bootcamp education, data visualization, and coding for a sustainable focused company. Show Notes 00:34 Welcome 01:10 Guest introduction Rolling With Kat 03:05 Bag milk? 04:34 What is Tangible Materials? Tangible Materials 07:27 How did you end up at Tangible? Full Stack Academy 10:05 Are bootcamps worth it? 14:46 How important were in person classes to you? All We Can...

Jan 13, 202356 min

2023 Goals × Learning and Doing

In this episode of Syntax, Wes and Scott talk through their goals for 2023 including coding, tooling, courses and platforms, social media, and fitness. Show Notes 00:17 Welcome 02:38 What’s a cantina? 06:33 Scott’s coding goals Animated grid layouts Tauri 14:39 Wes’ code goals Uses Stripe Stripe Elements Shoelace 23:17 Tooling Vite Plugin List Directory Contents 26:39 Scott’s courses and platform LevelUp.video 29:36 Wes’ courses Wes Bos Tutorials 31:11 Scott’s fitness goals 35:55 Wes’ fitness go...

Jan 11, 20231 hr 5 min

TypeScript Fundamentals × Satisfies and as const

In this Hasty Treat, Scott and Wes talk about Satisfies and as const. Show Notes 00:25 Welcome 02:04 Xmas recap Peloton 04:09 Satisfies and as const 06:16 What is const? 10:30 Helping with currency 12:44 Bos monster server update 14:13 Satisfies export const currencies = { USD: 'US Dollars', CAD: 'Canadian Dollar', EUR: 'Euro', } as const; export type Currency = typeof currencies; export type CurrencyCode = keyof Currency; Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram W...

Jan 09, 202323 min

Supper Club × Sarah Drasner on Engineering Management

In this supper club episode of Syntax, Wes and Scott talk with Sarah Drasner about her new book, Engineering Management for the Rest of Us, what it’s like moving from management to coding and back, the book writing process, and her Fortnite VS Code theme. Show Notes 00:36 Welcome 01:59 Who is Sarah Drasner? @Sarah_Edo on Twitter @Sarah_Edo on Mastodon @Sdras on CodePen @SDras on GitHub SarahDrasnerDesign.com Google Engineering Management for the Rest of Us Amazon: Engineering Management for the ...

Jan 06, 202355 min

Our Predictions for 2023

In this episode of Syntax, Wes and Scott talk about their predictions in web development for 2023. Show Notes 00:07 Welcome 01:25 SSR JS sites more the norm 03:32 React doing forms 05:39 TypeScript Inferred becomes hot 08:11 Deno gets hotter 12:51 JS Runtimes Mature HTMX 15:00 We will see a new TS Type Checker written in Rust 19:20 New JS APIs 23:37 Writing towards Winter CG Spec Popular. “Worker Ready” script STC 27:05 A new JS framework SolidJS Qwik 29:44 Page Transitions API 32:40 Scott was r...

Jan 04, 20231 hr 9 min

TypeScript Fundamentals × Type Narrowing, Guards, and Predicates

In this episode of Syntax, Wes and Scott talk through some TypeScript Fundamentals around type narrowing, type guards, and type predicates. Show Notes 00:24 Welcome 01:40 Rocking predicates 02:54 What is a type in TypeScript? 04:11 Type Narrowing 08:18 Type Guard 16:19 Type Predicates Shameless Plugs Scott: LevelUp Tutorials Wes: Wes Bos Tutorials Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include...

Jan 02, 202323 min

Supper Club × Polypane with Kilian Valkhof

In this supper club episode of Syntax, Wes and Scott talk with Kilian Valkhof about his work on Polypane, a browser for developers. How is Polypane built? Why does he have a focus on accessibility in Polypane? Show Notes 00:39 Welcome 01:48 Who is Kilian Valkhof? kilianvalkhof.com @kilianvalkhof on Twitter 04:50 What is Polypane? Polypane @Polypane on Twitter FromScratch 09:31 How is Polypane built? 14:18 What about the Dev tools tab? 20:15 Outline tab 23:23 Color picker 27:33 Canvas rules and g...

Dec 30, 202258 min

Were We Wrong? 2022 Predictions Revisited

In this episode of Syntax, Wes and Scott revisit their 2022 predictions and see which ones they got right, and which they got wrong. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of ...

Dec 28, 20221 hr

554: Desktop apps in JS × Electron and Tauri

In this Hasty Treat, Scott and Wes talk about the current state of building desktop apps with Electron or Tauri. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Synt...

Dec 26, 202227 min

553: Supper Club × Switching into Coding and climbing the Pommade ladder with Kenneth Lyerly

In this supper club episode of Syntax, Wes and Scott talk with Kenneth Lyerly about his career path into coding, and how he manages to hold two jobs. Show Notes 00:38 Welcome Ken.dev Ken on Github 01:59 How do you have two jobs? 09:46 When did you start a second job? 16:02 Any tips for someone wanting to switch into coding? 24:03 Do you have advice for people trying to market themselves? 31:38 What is working these days for marketing efforts? 34:47 Where can devs learn about marketing? 35:50 Bar...

Dec 23, 202247 min

552: Potluck × Twitter Thoughts × Business Models × Senior Developer

In this potluck episode of Syntax, Wes and Scott answer your questions about how to give feedback on the podcast, deciding on a business model for courses, what to do about Twitter, and more. Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and dev...

Dec 21, 20221 hr 7 min

“Serverless” Databases

In this episode of Syntax, Wes and Scott talk about your options for database when you’re working with serverless. Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax . LogRocket - Sponsor LogRocket lets you replay what users do on your site, hel...

Dec 19, 202228 min

Supper Club × React Video Creator with Jonny Burger

In this supper club episode of Syntax, Wes and Scott talk with Jonny Burger about why and how he built Remotion, his app that lets you create MP4 videos using React. Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the harde...

Dec 16, 202257 min

JavaScript in 2022

In this episode of Syntax, Wes and Scott look at the the Web Almanac’s report on the role of JavaScript on the web in 2022. Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Ex...

Dec 14, 20221 hr 10 min

Rendering Methods Explained

In this Hasty Treat, Scott and Wes talk through the various rendering methods in use today and the pros / cons of each. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other service...

Dec 12, 202228 min

Supper Club × Coding at Disney with Vu Le

In this supper club episode of Syntax, Wes and Scott talk with Vu Le about his path to working at Disney. How did he learn to code? How do you get a job at Disney? What’s the tech stack inside a Disney team? Tuple - Sponsor This week’s sponsor is Tuple , an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing. Show Notes 01:40 Who i...

Dec 09, 202250 min

Code Styles: Readable Rules and Petty Preferences

In this episode of Syntax, Wes and Scott talk about their preferred coding styles and preferences they use, and why. Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get sta...

Dec 07, 20221 hr 9 min

GitHub Next Projects

In this Hasty Treat, Scott and Wes talk about new features coming to GitHub including Hey, GitHub!, GitHub Blocks, GitHub Copilot CLI, and more! Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern application...

Dec 05, 202232 min

Supper Club × Bun with Jared Sumner

In this supper club episode of Syntax, Wes and Scott talk with Jared Sumner about why and how he created Bun, what Zig is, and the future of Bun. Tuple - Sponsor This week’s sponsor is Tuple , an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing. Tuple.app . Show Notes 00:37 Welcome 01:44 Who is Jared Sumner? Jarred Sumner on Twi...

Dec 02, 202251 min

Potluck × Twitter Following × TypeScript × Playwright

In this potluck episode of Syntax, Wes and Scott answer your questions about strategies to find good Twitter follows, should we use TypeScript for a company blog, what’s Playwright, and more! Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax . ...

Nov 30, 202258 min

Serverless Limitations

In this episode of Syntax, Wes and Scott talk through some of the limitations of using serverless in your project. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Sy...

Nov 28, 202220 min

Supper Club × Anything But Coding with Wes and Scott

In this supper club episode of Syntax, Wes and Scott talk with Scott and Wes! Talking about BBQ, electric cars, workout equipment, home renos - but they do sneak in a bit of coding talk! Kontent by Kentico - Sponsor Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global F...

Nov 25, 20221 hr 2 min

Responsive Design Techniques

In this episode of Syntax, Wes and Scott talk through some modern responsive design techniques that you may not have heard of, or haven’t had a chance to use yet. Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your ...

Nov 23, 20221 hr 2 min

React use() hook and Async Server Components Proposal

In this Hasty Treat, Scott and Wes talk about the new proposal for React, what the basics of it are, why it’s being proposed, and some benefits and issues it brings up. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any lan...

Nov 21, 202222 min

Supper Club × Ryan Dahl and Deno

In this supper club episode of Syntax, Wes and Scott talk with Ryan Dahl about Deno. Why was Deno created? What is Deno written in? How is Deno so much faster? And what’s the future of Deno? Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based ...

Nov 18, 202256 min

CSS Trends Almanac for 2022 Part 2

In this episode of Syntax, it’s part 2 of Wes and Scott’s journey through the CSS Trends Almanac for 2022 talking through the rest of the popular CSS properties on the web. Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax . Sanity - Sponsor Sa...

Nov 16, 202259 min

Short Form Content with Tiktok, Reels, Shorts, Tweets

In this Hasty Treat, Scott and Wes talk about creating short form content for TikTok, Reels, Shorts, and tweets. What are some of the benefits and limitations of creating for vertical video, and what tools are they using to create videos. Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your...

Nov 14, 202236 min

Supper Club × Open Table LIVE SHOW

In this supper club episode of Syntax, Wes and Scott recorded a live open table episode with guests calling in to talk about Wasm, building Riverside.fm , home networking, getting a job at Microsoft, Svelte and Sveltekit, htmx, and more! Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something li...

Nov 11, 20221 hr 6 min
For the best experience, listen in Metacast app for iOS or Android