Syntax - Tasty Web Development Treats cover image

Syntax - Tasty Web Development Treats

Latest episodes

undefined
Jun 28, 2023 • 1h 2min

WTF is an ORM

In this episode of Syntax, Wes and Scott talk about the benefits and potential drawbacks of using an ORM on your next project, as well as what some of the popular ORMs are. Show Notes 00:10 Welcome 00:39 Dental cleanings 03:00 What’s an ORM? 05:51 Benefits of using an ORM 12:54 Validation in ORM 19:18 What about Types? 23:44 Popular ORMs Prisma Sequelize Objection.js Knex.js DrizzleORM - next gen TypeScript ORM Mongoose ODM v7.3.1 TypeORM waterline.js 42:41 Potential downsides to using an ORM 45:53 Database schemas 52:30 Hooks or events 55:27 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: I Think You Should Leave with Tim Robinson Wes: Wise, Formerly TransferWise: Online Money Transfers Shameless Plugs Scott: Sentry 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 @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 26, 2023 • 42min

Where to Register a Domain

In this Hasty Treat, Scott and Wes talk about where you should register a domain name, explain DNS, and the process for moving a domain from one registrar to another. Show Notes 00:25 Welcome 02:04 Domain name registration vs DNS 03:58 Domain name flattening 05:07 Domain name privacy 05:31 Proxy registrations 06:44 Bait and switch registrars 11:56 Domain registrars we found 13:09 NameCheap and Spaceship Namecheap Spaceship 17:42 GoDaddy GoDaddy 19:26 Ghandi Gandi.net 21:16 Porkbun Porkbun 22:18 Hover Hover.com 24:24 Name Name.com 26:24 Cloudflare Cloudflare 28:04 What’s the process for moving d iwantmyname DNSimpleomains to a new registrar? 30:38 I Want My Name and DNS Simple 33:05 Finding domain names 37:28 What would you pick to register a domain today? Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 23, 2023 • 60min

Supper Club × Why Netlify bought Gatsby, GraphQL Data Layer, and Headless CMS with Dustin Schau

In this supper club episode of Syntax, Wes and Scott talk with Dustin Schau about Netlify Connect, Gatsby, GraphQL, and more. Show Notes 00:35 Welcome 01:20 Who is Dustin Schau? Dustin Schau (@SchauDustin) Develop and deploy websites and apps in record time | Netlify 02:49 Is Valhalla from Gatsby? How to Source Content from a Headless CMS | Gatsby Valhalla Content Hub | Gatsby Netlify Connect Brings All Content Sources & CMS Apps Together 05:41 Valhalla is now Netlify Connect 09:32 How often should you scrape or cache from another API? 10:36 What about auth? 13:41 Will Netlify Connect be open source or paid? 18:48 Is GraphQL it? Overview | urql Documentation GQty 22:35 What odd data sources are you trying to connect? 26:06 How does Gatsby send out to APIs? 29:00 What CMS should people use? The Markdown CMS | Tina The platform to bring your best ideas to life | Contentful The Composable Content Cloud - Sanity.io 31:22 What do you think of component based CMS? SEO Enterprise Rank Tracker - A Keyword Rank Tracking Tool Like No Other | Nozzle.io 35:36 What are your thoughts on the React ecosystem? 43:33 What’s the future for Gatsby? 46:14 Supper Club questions folivora.ai - Great Tools for your Mac! Noodlesoft – Noodlesoft – Simply Useful Software Dank Mono: The coding typeface for aesthetes DSchau/dotfiles: :wrench: .files, including ~/.macos — sensible defaults for macOS development (catered to Node.js) Deploy app servers close to your users · Fly Hono - Ultrafast web framework for the Edges Stream Movies & TV Shows | Plex The Free Software Media System | Jellyfin 56:29 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Arc Browser Resend React Email Shameless Plugs Netlify Netlify Connect Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 21, 2023 • 1h 7min

Potluck × Warp × Skeleton UI × Edge Functions × Donut Scoping

In this potluck episode of Syntax, Wes and Scott answer your questions about rate-limiting an API, using Wasp, Enums in TypeScript, styling React projects, using Edge functions, and more. Show Notes 00:11 Welcome 01:53 Connecting at conferences JSNation – the main JavaScript conference of 2023 RenderATL 2023 | May 31 - June 2, 2023. | 80+ Speakers 04:10 What technique do you use for consuming a rate-limited API? 07:58 Is Wasp-lang.dev ticking all the boxes for an awesome full-stack JavaScript framework? Wasp 14:36 How do you guys feel about skeleton UIs? Skeleton | Open UI 19:10 How can i forward my http only auth cookies to my backend API? 22:28 What’s your opinion on using Enums in TypeScript? 29:46 How much off the clock time away from coding related activities do you have in a typical week? 37:10 What’s the best approach for styling React projects? 42:49 Donut scoping Scope donuts | Stubbornella 45:21 How do I add user registration and content uploading features to a website? Next.js by Vercel - The React Framework Laravel - The PHP Framework For Web Artisans Image and Video Upload, Storage, Optimization and CDN RedwoodJS: The App Framework for Startups | RedwoodJS.com SvelteKit • Web development, streamlined Learn Node — The best way to learn Node.js, Express, MongoDB, and Friends AdonisJS - A fully featured web framework for Node.js 53:25 Do you see any benefits in using edge functions if your audience is local? 59:20 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: * BOJACK 37 Values 480 Pcs Electronics Component Fun Kit with Power Supply Module, Jumper Wire,Precision Potentiometer,830 tie-Points Breadboard Compatible with STM32,Raspberry Pi,Arduino : Electronics Wes: * Local and regional eSIMs for travellers - Airalo Shameless Plugs Scott: Sentry 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 @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 19, 2023 • 18min

AsyncLocalStorage + AsyncContext API

Scott and Wes explore the world of AsyncLocalStorage and AsyncContext API, discussing their potential in sharing context among the call stack, middleware applications, and frameworks like Next.js and Cloudflare Workers. They also provide examples of usage and caution against potential footguns.
undefined
Jun 16, 2023 • 1h 4min

Supper Club × JavaScript on Hardware, Micro Controllers, ESP32 with Nick Hehr

In this supper club episode of Syntax, Wes and Scott talk with Nick Hehr about the fun ways to get started with micro controllers, writing JavaScript for hardware, and ideas for projects to build involving hardware and software. Show Notes 00:36 Welcome to Syntax 01:04 Introducing Nick Hehr Nick Hehr (@hipsterbrown) HipsterBrown (@hipsterbrown@toot.cafe) - Toot Café HipsterBrown HipsterBrown (Nick Hehr) Nick Hehr on CodePen 03:58 Running JavaScript on microcontrollers 06:20 What was your first project that got you into this? 12:12 Is the ESP32 the most popular controller? 14:12 Where do you buy hardware? Arduino - Home Adafruit Industries, Unique & fun DIY electronics and kits AliExpress - Online Shopping for Popular Electronics, Fashion, Home & Garden, Toys & Sports, Automobiles and More products - AliExpress SparkFun Electronics Introduction 🚀 xs-dev Documentation Welcome to Robo Wizard | Robo Wizard 16:52 What are people building with boards? 18:30 What does the JavaScript look like? 22:16 Can you make a Fetch request? 25:45 What about Arduino? 31:54 What’s a good starter project? Johnny-Five: The JavaScript Robotics & IoT Platform meganetaaan/stack-chan: A JavaScript-driven M5Stack-embedded super-kawaii robot. TC53 - Ecma International dtex/j5e: Framework for embedded devices using ECMA-419, the ECMAScript® embedded systems API specification, based on Johnny-Five’s API HipsterBrown/on-air-light: An offline-first IoT on-air light for video meetings, using ESP32 & JS ESPHome — ESPHome Being in the video game with Augmented Climbing | The Kid Should See This 36:03 Emulation and debugging 39:13 What else have you made? 44:31 ESP Home 54:35 SIIIIICK ××× PIIIICKS ××× 00:32 Shameless Plugs ××× SIIIIICK ××× PIIIICKS ××× The Opus Intro Kit – Fellow jdxcode/rtx: Runtime Executor (asdf rust clone) Code: The Hidden Language of Computer Hardware and Software: Petzold, Charles: 9780137909100: Books - Amazon.ca Shameless Plugs Introduction 🚀 xs-dev Documentation Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 14, 2023 • 58min

Electronics for Beginners

In this episode of Syntax, Wes and Scott talk through an introduction to electronics that you can do in your own home with microcontrollers. Show Notes 00:08 Welcome 00:52 What we’re talking about Arduino - Home ESP32 – The best products with free shipping | only on AliExpress 02:15 Airtag Sidebar 04:05 Projects We’ve Worked On 06:34 How do you run software on the microcontroller 08:50 Microcontrollers are extendable 12:05 Fixing a dryer 14:06 Sprinkler system 15:48 Microcontrollers 20:28 AC and DC Voltage 25:45 Amperage and watts 28:19 Extension cords ideally would have fuses 31:18 What’s the risk of not having enough power? 32:09 GPIO 35:45 Resistance How Resistors Work - Unravel the Mysteries of How Resistors Work! 41:12 Capacitors 42:02 Sensors 5/1pcs HLK LD2410C 24G mmWave FMCW Millimeter Wave 5M Human Presence Status Radar Sensor Motion Detection Modul High Sensitivity 46:47 Relays 48:33 Coding microcontrollers Web Serial API ESPHome — ESPHome Johnny-Five: The JavaScript Robotics & IoT Platform Espruino - JavaScript for Microcontrollers Introduction - The Rust on ESP Book Welcome to Quick.js! - quick.js 52:32 A note on Soldering 53:12 Projects for kids 54:31 SIIIIICK ××× PIIIICKS ××× ××× SIIIIICK ××× PIIIICKS ××× Scott: Razor blade Wes: ESP32 – The best products with free shipping | only on AliExpress Shameless Plugs Scott: Syntax Discord Wes: Wes’ Instagram Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 12, 2023 • 24min

GitHub Projects, Milestones, Labels, and Actions

In this Hasty Treat, Scott and Wes talk about some of the GitHub features you may not have used very much including projects, milestones, labels, and actions. Show Notes 00:26 Welcome 01:53 That’s sick 04:05 What we’ve used in the past Trello Jira | Issue & Project Tracking Software | Atlassian 06:13 Working with Github Projects About Projects 11:57 Milestones About milestones 14:35 GitHub Labels Managing labels 19:51 GitHub Actions Features • GitHub Actions Level Up Tutorials - Learn modern web development Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 10, 2023 • 56min

Supper Club × OpenAI, Future of programming, LLMs, and Math with Andrey Mishchenko

In this supper club episode of Syntax, Wes and Scott talk with Andrey Mishchenko about working at OpenAI, getting started in machine learning, what RLHF is, the impact of plugins on ChatGPT, and what the future holds for developers in a world with ChatGPT tools. Show Notes 00:33 Welcome 00:59 ChatGPT introduction 02:17 Who is Andrey Mishchenko? 03:17 What is circle packing? 05:04 When did you start at OpenAI? 06:21 Levels of interaction 08:39 How do you train the model to understand? 11:13 What’s RLHF? 13:56 What are plugins for ChatGPT? 16:11 What languages are you using to code for AI? 19:15 Did you have any idea ChatGPT would be so popular? 21:13 Did your math degree help get into language modeling? 28:34 Do Wes or Scott worry they’re going to lose their job? 33:24 How has farming been shaken up by AI? 34:59 Do you think the pace of AI will continue? 35:30 Will plugins change how people use AI tools? 41:21 What does AI do better than anything else? 49:11 Supper Club questions 55:04 SIIIIICK ××× PIIIICKS ××× Andrey Mishchenko - Member of Technical Staff - OpenAI Bing Chat (GPT-4) in Google - Chrome Web Store ChatGPT plugins Introduction - OpenAI API ××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Tweet us your tasty treats Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky
undefined
Jun 7, 2023 • 43min

Is JSDoc Better than TypeScript?

In this episode of Syntax, Wes and Scott use the fact that Svelte is being converted from TypeScript to JavaScript with JSDoc to talk about the benefits of working that way, why they are doing it, and what you can do with JSDoc that TypeScript alone doesn’t let you do. Show Notes 00:10 Welcome 01:12 Roof update 02:15 TypeScript haters need not apply 03:17 What is JSDoc? 04:27 What is our history with JSDoc? 06:37 Why is Svelte moving to JSDoc? 08:11 Why is JSDoc better than TypeScript? 12:31 You can type things you can’t in TypeScript 16:37 Param, Function and returns Descriptions 21:32 Spoiler - it’s still TypeScript 33:23 SIIIIICK ××× PIIIICKS ××× Get Started With TypeScript the Easy Way TypeScript without TypeScript – JSDoc superpowers TypeScript: Documentation - JSDoc Reference Dev Vlog: April 2023 - TypeScript vs JSDoc, Transitions API, Dominic Gannaway joins Svelte team Svelte repo is finally being converted from Typescript to Javascript with JSDoc If you are on a JS project and are missing the TypeScript hinting in your editor, you can still type your code with JSDoc syntax comments and VS Code will detect and use it! Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated TypeScript to JSDoc ××× SIIIIICK ××× PIIIICKS ××× Scott: Watch MerPeople | Netflix Official Site Wes: 18V ONE+ 45W HYBRID SOLDERING STATION (TOOL ONLY) | RYOBI Tools Shameless Plugs Scott: Sentry 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 @SyntaxFM in your tweets Wes Bos on Bluesky Scott on Bluesky Syntax on Bluesky

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode