Syntax - Tasty Web Development Treats
Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers
1 Creator
1 Creator
10 Listeners
All episodes
Best episodes
Top 10 Syntax - Tasty Web Development Treats Episodes
Goodpods has curated a list of the 10 best Syntax - Tasty Web Development Treats episodes, ranked by the number of listens and likes each episode have garnered from our listeners. If you are listening to Syntax - Tasty Web Development Treats for the first time, there's no better place to start than with one of these standout episodes. If you are a fan of the show, vote for your favorite Syntax - Tasty Web Development Treats episode by adding your comments to the episode page.
Hasty Treat - Things You Should Know About Javascript Events
Syntax - Tasty Web Development Treats
05/04/20 • 13 min
In this Hasty Treat, Scott and Wes talk about javascript events, and how to avoid some common pitfalls!
Prismic - SponsorPrismic 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.
Show Notes02:23 - Event bubbling
- Some events bubble, some don’t
- Clicks bubble
- Mouseevents bubble
- Focus doesn’t bubble
04:10 - Event capturing
- Capture: down, bubble up
- Canceling: prevent default
- target` vs currentTarget
- currentTarget is what got clicked
- target is what you listened for the click on
- event.isTrusted
- addEventListener once: true
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
2 Listeners
835: How to Pick a JavaScript Framework
Syntax - Tasty Web Development Treats
10/16/24 • 58 min
Do you really need a framework? Scott and Wes bring on CJ to break down when frameworks like Vue, Svelte, and Astro are worth it—and when they might just add complexity. They dive into everything from rendering strategies to auth solutions, deployment options, and how to choose the right tool for the job.
Show Notes- 00:00 Welcome to Syntax!
- 01:32 Brought to you by Sentry.io.
- 03:17 What is a framework?
- 08:21 Examples of frameworks for Vue, Svelte and Angular.
- 12:39 What questions do you need to answer?
- 12:44 What or where do you need to ship?
- 14:12 How do you render it?
- 18:22 Where are you deploying it?
- 24:03 How do you store data?
- 24:09 Existing API.
- 26:03 Integrated server.
- 26:22 Database.
- 26:59 Does it have RPC or server actions?
- 34:27 Do you need authentication?
- 38:45 Auth packages.
- 42:10 Does it include email?
- 42:52 What does the TypeScript story look like?
- 43:32 How does it handle images?
- 44:35 How do we work with CSS?
- 46:02 How long has it been around?
- 47:37 How mature is the ecosystem?
- 48:35 Is there community support?
- 50:21 Portability.
- 51:18 Hiring.
- 52:17 Sick Pick + Shameless Plugs.
- CJ: Infinite Health.
- Scott: USB A to C adapters.
- Wes: Citric Acid.
- Scott: Syntax on YouTube
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
2 Listeners
825: Syntax Assistant Desktop App
Syntax - Tasty Web Development Treats
09/23/24 • 28 min
Scott walks Wes through the new Syntax Production Assistant Desktop App, designed to streamline and automate their complex publishing process. From tech stack choices like Svelte5 and Rust to AI-driven features, they dive into how this tool keeps everything consistent.
Show Notes- 00:00 Welcome to Syntax!
- 00:44 Brought to you by Sentry.io.
- 01:37 What was the idea?
- 05:42 The tech.
- 08:32 Markdown editor.
- 09:32 Epoch timestamps.
- 10:01 Updating front-matter.
- 10:10 Dexie.js function.
- 11:25 Backing up data.
- 11:58 Rust functions.
- 12:58 Why a desktop app and not a website?
- 14:38 Some small AI features.
- 16:26 Challenges with OAuth.
- 20:03 Publishing challenges.
- 23:29 Could this work on Windows?
- 23:54 Debugging.
- 26:23 Deciphering Apple logs.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
2 Listeners
777: The Modern Dev CMS - Pocketbase
Syntax - Tasty Web Development Treats
06/03/24 • 25 min
Today, Scott and Wes are diving into Pocketbase, a fantastic tool for web developers to quickly set up a CMS without breaking a sweat. We’ll cover everything from its Go-based architecture to its slick admin interface and how you can get started hosting it for free on Fly.io.
Show Notes- 00:00 Welcome to Syntax!
- 01:34 Brought to you by Sentry.io.
- 02:26 Overview of Pocketbase.
- 06:51 Written in Go, but no extending needed.
- 07:37 Hooks.
- 08:05 Authentication + roles.
- 09:23 The admin experience.
- 11:18 Managing export collections.
- 13:21 Creating your own schema.
- 13:53 Adding indexes.
- 14:08 API rules.
- 15:01 Adding complex roles.
- 16:15 Full-featured admin with a great UI.
- 16:59 Collection API preview.
- 17:41 Docs with app-specific context.
- 18:54 Logs.
- 19:02 Settings.
- 19:42 Executable vs npm install.
- 20:29 Are the collections fully typed?
- 21:01 Some more settings.
- 22:56 One click Coolify install.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
1 Listener
829: 14 Web Development Tips I Wish I Knew Sooner
Syntax - Tasty Web Development Treats
10/02/24 • 50 min
Scott and Wes share 14 game-changing tips they wish they’d known earlier in their web dev careers. From embracing tools to learning by doing, these insights will help you level up your skills faster!
Show Notes- 00:00 Welcome to Syntax!
- 02:09 Brought to you by Sentry.io.
- 03:45 13 Web Development Tips I Wish I Knew Sooner.
- 03:49 Number 1 - No one is all-knowing.
- 05:39 Number 2 - People with extremely strong opinions.
- 11:13 Number 3 - Using tools to help you isn’t a bad thing.
- 12:34 Number 4 - Approach new technology with a mixed dose of skepticism and open-mindedness.
- 16:05 Number 5 - Things make more sense the more you actually use them.
- 18:40 Number 6 - Willingness to change your mind is a strong skill.
- 20:06 Number 7 - Doing is better than reading or watching.
- 22:29 Number 8 - Asking questions is good.
- 26:45 Number 9 - Everyone doesn’t learn the same.
- 30:41 Number 10 - You don’t need a SAAS for everything.
- 35:53 Number 11 - You don’t need to worry about scale.
- 37:49 Number 12 - Learning the fundamentals will always pay off.
- 40:07 Number 13 - Working in public will make you more hireable.
- 42:48 Number 14 - You can interview without accepting a job offer.
- 45:29 Sick Picks & Shameless Plugs.
- Scott: Glasses.
- Wes: Oxo Whisk, Danish Whisk.
- Scott: Syntax on YouTube.
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
1 Listener
744: Docker For Developers
Syntax - Tasty Web Development Treats
03/18/24 • 25 min
Join Scott and CJ on a rapid-fire journey through Docker. From unraveling containerization to practical advice on incorporating Docker into your workflow, this quick-paced episode has everything you need to navigate the world of container technology.
Show Notes- 00:00 Welcome to Syntax!
- 01:19 Brought to you by Sentry.io.
- 02:20 Easily reproducible environments.
- 02:57 Containerization technology.
- Containerization
- OS-level Virtualization
- 04:42 Docker is brand name containerization, there are others.
- 05:26 Why would a web developer want to use Docker?
- 08:19 How do you get started with Docker?
- 09:14 How does Docker work?
- Docker Sentry
- Docker Registry
- Docker Layers
- 16:46 Adding Docker to an existing project.
- SvelteKit Dockerfile
- Node.js / Express
- CLI Runner Twitchbot
- Development PHP / Mongodb Dockerfile
- 21:37 What is Docker Compose?
- Docker Compose
- 22:50 What are some ‘gotchas’ or things to look out for when setting up a project?
- Coding Garden Example
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott:X Instagram Tiktok LinkedIn Threads
1 Listener
Supper Club × JavaScript on Hardware, Micro Controllers, ESP32 with Nick Hehr
Syntax - Tasty Web Development Treats
06/16/23 • 64 min
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 (@[email protected]) - 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
- 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
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
-
1 Listener
Creator of Wordle - Josh Wardle
Syntax - Tasty Web Development Treats
02/09/22 • 64 min
In this episode of Syntax, Wes and Scott talk with the creator of Wordle, Josh Wardle. What's the tech stack for Wordle? Does he care about the clones of Wordle? And how did selling Wordle work?
Sentry - SponsorIf 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. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
Sanity - SponsorSanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
Freshbooks - SponsorGet a 30 day free trial of Freshbooks at freshbooks.com/syntax.
Show Notes- 00:27:02 Guest introduction
- Wordle
- 02:45:13 How did Wordle go viral initially?
- 05:27:14 Where did the idea for Wordle come from?
- 07:07:06 What's your background?
- Reddit.com
- 12:52:23 Writing just HTML CSS and JavaScript
- 15:58:24 Wordle has 2 external dependancies
- 16:41:06 Sponsor: Sentry
- 17:40:23 The tech stack of Wordle
- Lit Elements
- just-merge
- gzip
- Cloudflare
- AWS S3
- 22:21:04 Would you use web components again?
- 29:36:08 How much did hosting cost?
- 29:55:01 How does Wordle remember my streak?
- 33:56:07 Do you play Wordle everyday?
- 36:28:11 Sponsor: Sanity
1 Listener
781: Potluck - The Value of TypeScript × Vue vs Svelte × Leetcode
Syntax - Tasty Web Development Treats
06/12/24 • 61 min
In this potluck episode of Syntax, Scott and CJ serve up a variety of community questions, from the nuances of beginner vs. advanced TypeScript to the pros and cons of SvelteKit. They also discuss falling out of love with React, shipping private packages via NPM, and the eternal struggle of always starting but never finishing projects.
Show Notes- 00:00 Welcome to Syntax!
- 01:06 Brought to you by Sentry.io.
- 01:49 Today’s format.
- 02:23 Beginner vs advanced TypeScript.
- 09:23 Does Sveltekit replace Svelte with Astro?
- 13:09 Handling multiple languages.
- 19:52 Falling out of love with React.
- 25:53 Shipping private packages via NPM.
- 29:00 How do you feel about importing packages from a URL?
- 30:36 VueJS vs Svelte.
- 36:15 Leetcode type interview questions.
- 41:58 Learning a new language for personal growth.
- 46:21 Always starting, never finishing.
- 50:23 Code quality vs tackling tickets.
- 55:36 Sick Picks + Shameless Plugs.
- Scott: Quick Look Plugins.
- CJ: Sony WFC700n-b.
- Scott: Syntax on YouTube
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
1 Listener
808: The Future of JavaScript Frameworks × Building Auth × DB Design Tips, and more!
Syntax - Tasty Web Development Treats
08/14/24 • 52 min
In this potluck episode of Syntax, Wes and Scott answer your questions about the future of JavaScript frameworks, building custom authentication systems, limiting API access, using Caddy server proxy for local development, component props in JSX, structuring a relational database, and more!
Show Notes- 00:00 - Welcome to Syntax!
- 01:48 - Brought to you by Sentry.io
- 04:37 - The future of JavaScript frameworks
- 09:09 - How to use Caddy for local development
- 14:27 - When to use an API
- 17:38 - Where does Scott get his amazing t-shirts?
- 21:33 - Best screwdriver for kids toys
- 24:31 - Strategies for database design
- 30:21 - Do we need frameworks?
- 32:19 - Best tech stack for building a basic login system
- 37:56 - Syntax video episodes
- 40:25 - Component props in JSX
- 45:26 - Sick Picks & Shameless Plugs
- Scott: Loop Quiet Ear Plugs
- Wes: Gecko’s Toes Water Hose Rack
- Scott: Syntax YouTube Channel
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
1 Listener
Show more best episodes
Show more best episodes
FAQ
How many episodes does Syntax - Tasty Web Development Treats have?
Syntax - Tasty Web Development Treats currently has 851 episodes available.
What topics does Syntax - Tasty Web Development Treats cover?
The podcast is about News, Javascript, Html5, Css, Tech News, Podcasts and Technology.
What is the most popular episode on Syntax - Tasty Web Development Treats?
The episode title 'Hasty Treat - Things You Should Know About Javascript Events' is the most popular.
What is the average episode length on Syntax - Tasty Web Development Treats?
The average episode length on Syntax - Tasty Web Development Treats is 45 minutes.
How often are episodes of Syntax - Tasty Web Development Treats released?
Episodes of Syntax - Tasty Web Development Treats are typically released every 2 days.
When was the first episode of Syntax - Tasty Web Development Treats?
The first episode of Syntax - Tasty Web Development Treats was released on Jun 27, 2017.
Show more FAQ
Show more FAQ