What are your interests?
Select categories to help us recommend content for you.
Let's Go!
Close queue History
Play full episodes to fill your queue.
Fathom beta logo
   
Syntax - Tasty Web Development Treats

Syntax - Tasty Web Development Treats

762 Episodes • By Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers • syntax.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.
Technology Tech News Careers
Syntax - Tasty Web Development Treats
Syntax - Tasty Web Development Treats
@syntax-tastywebdevelopmenttrea...
mute button
761: Cloudflare Analytics Engine, Workers + more with Ben Vinegar
Scott and Wes dive into Cloudflare’s Analytics Engi... more
Apr 26 2024 52m
Building Scalable Web Analytics
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 1 min
Who is Ben Vinegar?
Chapter 3 1 min
Brought to you by Sentry.io
Chapter 4 5 mins
Cloudflare analytics engine
Chapter 5 1 min
What is clickhouse ?
Chapter 6 2 mins
Can Clickhouse be used for things outside of analytics tracking?
Chapter 7 1 min
What kind of events are you able to track?
Chapter 8 3 mins
How do you assign values to track?
Chapter 9 1 min
Data type limitations
Chapter 10 4 mins
The troubles with sampling data
Chapter 11 26 sec
Sample intervals
Chapter 12 1 min
Pricing for these services
Chapter 13 1 min
How it actually runs
Chapter 14 2 mins
Infrastructure costs and pricing models
Chapter 15 1 min
Running production apps in Cloudflare
Chapter 16 57 sec
Cloudflare and HonoJS
Chapter 17 6 mins
One year with Sentry and Ben’s role with Syntax
Chapter 18 3 mins
How does it feel going from a software project to a media project?
Chapter 19 5 mins
How do you sell Syntax to Sentry?
Chapter 20 3 mins
Sick Picks & Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
760: Pro VSCode Setups
Join Scott and Wes as they dish out the juiciest VSC... more
Apr 24 2024 1h 5m
Folder-Based Routing Syncing in VS Code
Chapter 1 46 sec
Welcome to Syntax!
Chapter 2 56 sec
Brought to you by Sentry.io
Chapter 3 1 min
A recording bug
Chapter 4 2 mins
VSCode versions
Chapter 5 4 mins
Tabs or no tabs
Chapter 6 1 min
Navigation tips
Chapter 7 2 mins
Mouse and trackpad input
Chapter 8 5 mins
Move, select and expand by
Chapter 9 9 sec
Interface tips
Chapter 10 5 mins
Sidebars
Chapter 11 1 min
Sticky headers
Chapter 12 4 mins
Activity bar
Chapter 13 1 min
Show or hide?
Chapter 14 1 min
Profiles
Chapter 15 5 sec
Keyboard Shortcuts
Chapter 16 1 min
Renaming
Chapter 17 12 sec
Extensions
Chapter 18 1 min
Text pastry
Chapter 19 2 mins
Better comments
Chapter 20 58 sec
Auto rename tag
Chapter 21 22 sec
Change case
Chapter 22 1 min
Permute lines
Chapter 23 1 min
File utils
Chapter 24 29 sec
Sort JSON objects
Chapter 25 38 sec
SQLite viewer
Chapter 26 1 min
Spell checker
Chapter 27 3 mins
APC
Chapter 28 3 mins
Themes
Chapter 29 4 mins
Final tricks
Chapter 30 2 mins
What about the AI stuff?
Chapter 31 5 mins
Sick Picks & Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
759: How to Easily Explore Coding Ideas
Scott and Wes serve up top tools and tricks for rap... more
Apr 22 2024 31m
Enhancing Website Deployment With Vite
Chapter 1 2 mins
Welcome to Syntax!
Chapter 2 57 sec
Brought to you by Sentry.io
Chapter 3 28 sec
JavaScript Services
Chapter 4 2 mins
Valtown
Chapter 5 50 sec
Observable
Chapter 6 1 min
Notebooks
Chapter 7 1 min
Deno Juypter Notebooks
Chapter 8 40 sec
Svelte Repl
Chapter 9 32 sec
Playgrounds: TypeScript, Tailwind, etc…
Chapter 10 4 sec
CSS Services
Chapter 11 2 mins
CodePen
Chapter 12 32 sec
Full stack services
Chapter 13 7 mins
Your own stack. Hot Tips & Cool Treats
Chapter 14 3 mins
Bun file routing
Chapter 15 2 mins
Tooling and tips
Chapter 16 20 sec
Database
Chapter 17 48 sec
Write to a file
Chapter 18 1 min
LowDB
Chapter 19 39 sec
SQLite + Drizzle
Chapter 20 25 sec
Google Sheets
Chapter 21 1 min
Sheet DB
Like
Clip
Share
Transcript
More
Play Full
mute button
758: Web Awesome with Konnor Rogers + Cory LaViska
Font Awesome is back with Web Awesome, an open sourc... more
Apr 19 2024 1h 1m
Font Awesome
Chapter 1 46 sec
Welcome to Syntax!
Chapter 2 2 mins
Brought to you by Sentry.io
Chapter 3 4 mins
What is Shoelace?
Chapter 4 45 sec
What is Font Awesome?
Chapter 5 3 mins
Font Awesome is getting into Web Components?
Chapter 6 1 min
What is Shoelace’s relationship with Web Awesome?
Chapter 7 2 mins
Is the idea to make it quick to get up and running?
Chapter 8 42 sec
What is the autoloader?
Chapter 9 1 min
Where does Web Awesome fit in the ecosystem?
Chapter 10 2 mins
What does the styling game look like?
Chapter 11 1 min
What is Part in CSS?
Chapter 12 1 min
The reason we’re so stoked with Web Components
Chapter 13 1 min
Custom elements are a natural progression
Chapter 14 2 mins
What are your thoughts on Open UI initiatives?
Chapter 15 2 mins
Wes’ escape key conundrum
Chapter 16 57 sec
A bug on the Syntax site
Chapter 17 4 mins
Let’s talk about Kickstarter
Chapter 18 47 sec
Do you know what premium inputs will be available in Web Awesome?
Chapter 19 4 mins
Rich text editor
Chapter 20 1 min
Setting goals
Chapter 21 58 sec
Kickstarter giveaways
Chapter 22 2 mins
Have you tried drag and drop?
Chapter 23 3 mins
The layout component
Chapter 24 1 min
What are your favorite components?
Chapter 25 10 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
757: Potluck: Is Gatsby Dead? Shadow Dom, AI Summaries, Self Hosting + More
Scott and Wes serve up answers to community questio... more
Apr 17 2024 48m
Using XPath for Web Development
Chapter 1 50 sec
Welcome to Syntax!
Chapter 2 25 sec
Brought to you by Sentry.io
Chapter 3 2 mins
When should I use Light DOM or Shadow DOM?
Chapter 4 4 mins
Do you know of any good tools for extracting data/content from Markup/HTML?
Chapter 5 6 mins
Wanted to ask you guys your opinion on the state of Gatsby in 2024
Chapter 6 1 min
Please get the Goodhertz creator on the pod! Would be a great show
Chapter 7 6 mins
Effects that involve the JavaScript ‘wheel’ event
Chapter 8 4 mins
Best tool for rapidly creating UI from the ground up
Chapter 9 4 mins
Wes, what’s with your frame rate?
Chapter 10 4 mins
Is there any way to host a whole website setting on my PC at home?
Chapter 11 2 mins
Offline functionality like saving data and syncing data to database?
Chapter 12 4 mins
Creating a GPT-like tool that can listen to long audio files
Chapter 13 4 mins
Sick Picks
Like
Clip
Share
Transcript
More
Play Full
mute button
756: CSS Is Getting Mixins + Functions
Scott and Wes chomp through CSS Mixins and Function... more
Apr 15 2024 25m
Exploring Fluid Typography and Mixins
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 1 min
Brought to you by Sentry.io
Chapter 3 3 mins
CSS Is getting Functions and Mixins!
Chapter 4 1 min
Functions and mixins, how are they different?
Chapter 5 1 min
Don’t get hung up on the syntax, or maybe do
Chapter 6 2 mins
CSS Functions
Chapter 7 3 mins
Some use-cases
Chapter 8 32 sec
CSS Mixins
Chapter 9 1 min
Tailwind-like classes
Chapter 10 2 mins
Tailwind-like arbitrary syntax
Chapter 11 1 min
Fluid typography
Chapter 12 4 mins
Let’s talk about logic
Like
Clip
Share
Transcript
More
Play Full
mute button
755: Chrome Extensions and Ad Blockers VS Google with Oliver Dunk
We were wrong, Manifest V3 is a big deal. Scott and ... more
Apr 12 2024 54m
Customizing Website Functionality With Grease Monkey
Chapter 1 31 sec
Welcome to Syntax!
Chapter 2 1 min
Who is Oliver Dunk?
Chapter 3 1 min
Brought to you by Sentry
Chapter 4 5 mins
Manifest V3
Chapter 5 56 sec
How many rules can you add?
Chapter 6 55 sec
What even is a rule?
Chapter 7 3 mins
Is Google trying to kill ad blockers?
Chapter 8 1 min
What are the bad guys doing with Chrome extensions?
Chapter 9 48 sec
Can a browser extension access HTTP-only cookies?
Chapter 10 2 mins
Is Chrome reviewing all of these extensions?
Chapter 11 1 min
Is there a way to side-step Google’s review process?
Chapter 12 45 sec
Do you see the negative chatter?
Chapter 13 2 mins
Service workers how do do you access the DOM?
Chapter 14 2 mins
Do you think we’ll see more DOM APIs in service workers?
Chapter 15 2 mins
Do you have a favorite Chrome extension?
Chapter 16 4 mins
Has Google ever explored something comparable to Boost?
Chapter 17 2 mins
Let’s talk about the development stack
Chapter 18 2 mins
1Password and Chrome
Chapter 19 1 min
What is the best way to debug an extension?
Chapter 20 1 min
Manifest V3 and the web request blocking API
Chapter 21 2 mins
Known tracking payloads
Chapter 22 40 sec
Do you think there is a path forward that makes ad-block developers happy?
Chapter 23 34 sec
Do you run an ad blocker?
Chapter 24 1 min
Whitelisting and opt-ins
Chapter 25 39 sec
What’s your tech setup?
Chapter 26 32 sec
What do you do to stay up to date?
Chapter 27 3 mins
Sick Picks + Shameless Plugs
Chapter 28 2 mins
Wait, is Safari adopting V3 as well?
Like
Clip
Share
Transcript
More
Play Full
mute button
754: How to Level Up Your Web Development Career
Ready to level up your career in web development? J... more
Apr 10 2024 57m
HTML Template Injection Plugin Development
Chapter 1 16 sec
Welcome to Syntax!
Chapter 2 52 sec
How can a front-end developer advance in their career?
Chapter 3 19 sec
Brought to you by Sentry
Chapter 4 31 sec
Syntax newsletter
Chapter 5 19 sec
How do you get better at being a developer?
Chapter 6 5 mins
Asking questions
Chapter 7 5 mins
Get your hands dirty
Chapter 8 3 mins
Share what you know
Chapter 9 3 mins
Target your skills for what is needed
Chapter 10 5 mins
Get out of your comfort zone
Chapter 11 31 sec
Getting a better job
Chapter 12 1 min
Understand the stakeholders
Chapter 13 42 sec
Find the metric the business cares about and do that
Chapter 14 1 min
Make an impression as being the person that gets things done fast and reliably
Chapter 15 3 mins
Improve communications
Chapter 16 2 mins
Be the person they want to have in meetings
Chapter 17 1 min
Use systems and tools to help your deficiencies
Chapter 18 30 sec
Dress to impress
Chapter 19 7 sec
Care
Chapter 20 2 mins
Cut the cynicism
Chapter 21 2 mins
Don’t put bad stuff out into the world publicly
Chapter 22 1 min
Get your camera + mic dialed in
Chapter 23 8 sec
Leveling up at life
Chapter 24 1 min
Take care of your shit
Chapter 25 16 sec
Exercise
Chapter 26 24 sec
Eat well
Chapter 27 3 sec
Sleep as much as you can
Chapter 28 50 sec
Clean your workspace
Chapter 29 13 sec
Learn new skills
Chapter 30 4 mins
Take care of yourself
Chapter 31 3 mins
Sick Picks
Like
Clip
Share
Transcript
More
Play Full
mute button
Not AI Processed
Previews and search are not yet available for this episode.

Autoplay will start you at the beginning of the episode.
stars icon No captions Available
753: Cache Ruins Everything Around Me
Scott and Wes dive into the cache problem, tackling... more
Apr 8 2024 24m
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 53 sec
Syntax is on YouTube
Chapter 3 1 min
Let’s talk about the cache problem
Chapter 4 2 mins
User-specific data and caching security
Chapter 5 1 sec
Why might this pop up?
Chapter 6 25 sec
Marketing A/B testing cookie based
Chapter 7 2 sec
User-selected features such as themes
Chapter 8 12 sec
Language or geo-based items accept language
Chapter 9 33 sec
Images WebP for some browsers, jpg for others
Chapter 10 31 sec
JSON/HTML based on accept header
Chapter 11 8 sec
Different encoding
Chapter 12 27 sec
Content negotiation
Chapter 13 9 sec
The solutions
Chapter 14 2 mins
Provide different URLs/Query parameter
Chapter 15 3 mins
Don’t cache the page, cache the data based on query
Chapter 16 3 mins
Implement a “Cache Key” one render for every option
Chapter 17 1 min
Use edge logic
Chapter 18 4 mins
Just do it client-side
Like
Clip
Share
Transcript
More
Play Full
mute button
752: React vs Vue vs Angular with Corbin Crutchley
Which framework is best? Join Scott and Wes as they... more
Apr 5 2024 57m
Comparing Angular, Vue, and React
Chapter 1 47 sec
Welcome to Syntax!
Chapter 2 1 min
Who is Corbin Crutchley?
Chapter 3 23 sec
Brought to you by Sentry.io
Chapter 4 3 mins
Hilton, like the hotel?
Chapter 5 1 min
What is the best framework?
Chapter 6 2 mins
How do you compare these frameworks?
Chapter 7 1 min
Do you feel like the metaframeworks are comparable?
Chapter 8 39 sec
Exciting announcements from ng-conf ?
Chapter 9 2 mins
Are Wiz and Angular merging?
Chapter 10 3 mins
Angular signals and Vue comparison
Chapter 11 3 mins
Adding signals to vanilla JavaScript and browsers
Chapter 12 2 mins
What is derived state?
Chapter 13 1 min
How can we store state within these different frameworks?
Chapter 14 2 mins
Passing children
Chapter 15 2 mins
Which has the best implementation for passing children?
Chapter 16 1 min
What’s the approach for building framework agnostic components?
Chapter 17 1 min
How much of it is framework specific?
Chapter 18 1 min
Headless or DOM-based?
Chapter 19 2 mins
What are the best practices for writing this?
Chapter 20 52 sec
What’s the biggest framework pain point?
Chapter 21 2 mins
Is there a language that requires significantly more code?
Chapter 22 1 min
What about Web Components?
Chapter 23 2 mins
Your book is free?
Chapter 24 3 mins
What’s the process of writing a book like this?
Chapter 25 32 sec
Not a physical book?
Chapter 26 2 mins
Walk us through the tech stack
Chapter 27 5 sec
Supper Club Questions
Chapter 28 1 min
What text editor, theme and font do you use?
Chapter 29 25 sec
What terminal and shell do you use?
Chapter 30 3 mins
How do you stay up to date?
Chapter 31 1 min
Do you have advice for beginners?
Chapter 32 2 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
751: UI Components: ShadCN, Tailwind UI, Headless, React Aria, Radix UI
Scott and Wes explore UI Components, discussing fun... more
Apr 3 2024 1h 6m
Building Custom UI Components
Chapter 1 2 mins
Welcome to Syntax!
Chapter 2 34 sec
We’re on YouTube
Chapter 3 31 sec
The four categories of UI libraries or frameworks
Chapter 4 27 sec
What does a UI component need to do?
Chapter 5 2 mins
Must be functional
Chapter 6 12 sec
They must fit styling
Chapter 7 1 min
They must be accessible
Chapter 8 1 min
“Internationalizationable.”
Chapter 9 35 sec
They must handle theming and variants
Chapter 10 8 sec
A few common UI components
Chapter 11 1 min
Date Pickers
Chapter 12 1 min
Dropdowns
Chapter 13 1 min
Toast message
Chapter 14 58 sec
Some honorable mentions
Chapter 15 2 mins
Headless components
Chapter 16 39 sec
React Aria
Chapter 17 41 sec
Radix UI Primitives
Chapter 18 1 min
Downshift JS
Chapter 19 4 mins
Tanstack Table and Forms
Chapter 20 2 mins
Unstyled components
Chapter 21 4 mins
Shoelace
Chapter 22 12 sec
React Aria Components
Chapter 23 3 sec
Headless UI
Chapter 24 4 mins
Radix UI
Chapter 25 1 min
Base UI
Chapter 26 1 min
What’s up with Google’s design?
Chapter 27 7 mins
Styled Starters
Chapter 28 3 mins
What is the process for overriding with custom elements
Chapter 29 1 min
UI Kits and Design Systems
Chapter 30 2 mins
Some things to consider
Chapter 31 3 mins
A few more options to consider
Chapter 32 7 mins
Sick Picks & Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
750: New CSS and JavaScript You Should Be Using
Get stoked, jQuery 1.2 is here! Join Scott and Wes a... more
Apr 1 2024 24m
CoffeeScript Features and Conference Talks
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 1 min
Brought to you by Sentry.io
Chapter 3 5 mins
jQuery 1.2 released!
Chapter 4 1 min
jQuery Mobile
Chapter 5 50 sec
Skeuomorphism
Chapter 6 2 mins
How do you slice up your.PSDs?
Chapter 7 1 min
Cufon, new font method
Chapter 8 1 min
CSS rounded corners
Chapter 9 1 min
Coda Tip
Chapter 10 1 min
Top 5 CoffeeScript Features
Chapter 11 1 min
Conference Talks to Spotlight
Chapter 12 39 sec
WordPress 2.3!
Chapter 13 37 sec
PHP 5.2.0
Chapter 14 2 mins
Sponsored by Media Temple
Like
Clip
Share
Transcript
More
Play Full
mute button
749: Coding Shopify with Anne and Trudy of Design Packs
Scott and Wes are joined by special guests Trudy Ma... more
Mar 29 2024 58m
Experience in Liquid for Email Marketing
Chapter 1 58 sec
Welcome to Syntax!
Chapter 2 1 min
Who is Anne Thomas?
Chapter 3 1 min
Who is Trudy MacNabb?
Chapter 4 1 min
Shopify themes, how does one build a theme?
Chapter 5 2 mins
Do you have enough control with LiquidJS?
Chapter 6 1 min
Changing components of a liquid template
Chapter 7 30 sec
LiquidJS improving their dev tools
Chapter 8 1 min
LiquidJS email marketing
Chapter 9 1 min
Can you make your own LiquidJS methods?
Chapter 10 1 min
How would you create a theme from scratch using modern tools?
Chapter 11 1 min
What about local dev and live reload?
Chapter 12 1 min
Is Shopify improving?
Chapter 13 1 min
What do you hate about Shopify themes?
Chapter 14 1 min
Have you used Hydrogen?
Chapter 15 1 min
Headless has sacrifices
Chapter 16 1 min
Are people building full websites in Shopify?
Chapter 17 1 min
Apps and integrations
Chapter 18 3 mins
Are people creating businesses around these integrations?
Chapter 19 2 mins
What are design packs?
Chapter 20 30 sec
Do you run your own servers?
Chapter 21 1 min
How does billing work with clients?
Chapter 22 2 mins
Apps being ‘Sherlocked’
Chapter 23 1 min
Where is the data stored?
Chapter 24 2 mins
Can you make a custom UI?
Chapter 25 36 sec
What are the downsides of building apps on Shopify?
Chapter 26 1 min
Are you expected to maintain versions?
Chapter 27 1 min
Do you manage all the support independently?
Chapter 28 1 min
How do you match with their existing themes?
Chapter 29 1 min
What are the most popular blocks?
Chapter 30 1 min
Does Shopify provide bundlers or compilers?
Chapter 31 50 sec
Shopify moving to blocks
Chapter 32 2 mins
Living as a digital nomad
Chapter 33 1 min
A new app Anne and Trudy launched
Chapter 34 2 mins
Limited by block size
Chapter 35 4 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
748: Fitness Will Make You a Better Developer
Level up your coding game -and your gains! Today, S... more
Mar 27 2024 55m
Home Workout Routine Frequency
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 1 min
Brought to you by Sentry.io
Chapter 3 21 sec
A very quick disclaimer
Chapter 4 2 mins
A brief view of our fitness history
Chapter 5 2 mins
Why is fitness important for developers?
Chapter 6 3 mins
Setting your goals
Chapter 7 6 sec
Getting started with fitness
Chapter 8 44 sec
Body-weight
Chapter 9 2 mins
Stretching
Chapter 10 1 min
Fun activities that don’t feel like workouts
Chapter 11 7 mins
Lifting weights
Chapter 12 11 mins
Home gym gear
Chapter 13 3 mins
Fitness programs
Chapter 14 5 mins
I guess we have to talk about diet
Chapter 15 1 min
Motivation
Chapter 16 3 mins
Supplements
Chapter 17 3 mins
Sick Picks
Like
Clip
Share
Transcript
More
Play Full
mute button
747: Middleware Explained
Join Wes and Scott for a hasty episode of Syntax as ... more
Mar 25 2024 27m
Understanding Middleware in Backend Web Development
Chapter 1 40 sec
Welcome to Syntax!
Chapter 2 46 sec
Syntax on YouTube
Chapter 3 3 mins
What is middleware?
Chapter 4 5 sec
Some real-world examples of middleware
Chapter 5 2 mins
Authentication
Chapter 6 43 sec
Redirecting users to a specific instance
Chapter 7 1 min
Logging + statistics
Chapter 8 18 sec
Debugging
Chapter 9 45 sec
Timers
Chapter 10 1 min
A/B testing
Chapter 11 23 sec
Error handling + logging
Chapter 12 38 sec
Caching
Chapter 13 2 mins
Multi-tenant applications
Chapter 14 2 mins
Where does it run?
Chapter 15 3 mins
What are the limitations?
Chapter 16 1 min
Next.js middleware is one file only
Chapter 17 55 sec
Sveltekit solution
Chapter 18 56 sec
Connect style
Chapter 19 2 mins
One last thing, NPM Installing
Like
Clip
Share
Transcript
More
Play Full
mute button
746: Infrastructure for TS Devs: Kubernetes, WASM and Containers with David Flanagan
Deploy your own tech stack: Wes and Scott are joine... more
Mar 22 2024 59m
Coding for Pizza
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 3 mins
Should developers know how to run their own servers?
Chapter 3 6 mins
What is “bare metal”?
Chapter 4 35 sec
What the hell is Kubernetes?
Chapter 5 3 mins
Why would somebody need Kubernetes?
Chapter 6 1 min
Using Kubernetes to spin up different instances on cloud providers
Chapter 7 2 mins
Kubernetes managing traffic spikes
Chapter 8 3 mins
How much downtime can you handle?
Chapter 9 1 min
What exactly is a container?
Chapter 10 1 min
What containers do you prefer?
Chapter 11 1 min
Some additional terminology
Chapter 12 2 mins
What about WASM?
Chapter 13 1 min
Building a Docker container
Chapter 14 1 min
Why would someone want to use a WebAssembly container?
Chapter 15 1 min
Are people shipping this technology?
Chapter 16 3 mins
What functions would you put in WASM?
Chapter 17 2 mins
How does someone make a WASM image?
Chapter 18 33 sec
A little more about Spin
Chapter 19 2 mins
What type of processors are used in these servers?
Chapter 20 4 mins
What are home servers running on?
Chapter 21 2 mins
How should someone get started with Kubernetes?
Chapter 22 6 mins
Infrastructure as code
Chapter 23 3 mins
Sick Picks & Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
745: Modern JS Toolchains (Biome, Oxc + More)
Wes and Scott dive deep into the world of JavaScript... more
Mar 20 2024 47m
Exploring New Web Development Tools
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 31 sec
Syntax is on YouTube
Chapter 3 1 min
Do we really need tooling?
Chapter 4 2 mins
Popular tools are predominantly plug and play
Chapter 5 1 min
What can tooling do for us?
Chapter 6 4 sec
The tools in today’s workflow
Chapter 7 4 mins
Linters
Chapter 8 2 mins
Compilers and transpilers
Chapter 9 2 mins
Formatters
Chapter 10 27 sec
Tokenizers and Parsers
Chapter 11 1 min
Bundlers
Chapter 12 2 mins
Macros
Chapter 13 20 sec
The new tools in the space
Chapter 14 7 mins
Biome, one toolchain for your web project
Chapter 15 4 mins
Oxc, the JavaScript oxidation compiler
Chapter 16 1 min
Deno, code formatting
Chapter 17 23 sec
ESBuild, an extremely fast bundler for the web
Chapter 18 3 mins
Rolldown, fast Rust-based bundler for JavaScript
Chapter 19 1 min
Ezno, TypeScript type checker
Chapter 20 1 min
UnJS, Unleash JavaScript’s Potential
Chapter 21 45 sec
Lightning CSS, CSS parser, transformer, bundler, and minifier
Chapter 22 54 sec
Is JavaScript good enough to handle these tools?
Chapter 23 4 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
744: Docker For Developers
Join Scott and CJ on a rapid-fire journey through Do... more
Mar 18 2024 25m
Containerization Options Beyond Docker
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 1 min
Brought to you by Sentry.io
Chapter 3 36 sec
Easily reproducible environments
Chapter 4 1 min
Containerization technology
Chapter 5 43 sec
Docker is brand name containerization, there are others
Chapter 6 2 mins
Why would a web developer want to use Docker?
Chapter 7 54 sec
How do you get started with Docker?
Chapter 8 7 mins
How does Docker work?
Chapter 9 4 mins
Adding Docker to an existing project
Chapter 10 1 min
What is Docker Compose?
Chapter 11 2 mins
What are some ‘gotchas’ or things to look out for when setting up a project?
Like
Clip
Share
Transcript
More
Play Full
mute button
743: JavaScript Figma Plugins & Working at GitHub With Cameron McEfee
Wes and Scott welcome Cameron McEfee, a seasoned cre... more
Mar 15 2024 56m
Design Tool Inspired by Personal Script
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 1 min
Who is Cameron McEfee?
Chapter 3 6 mins
What does a Creative Director do?
Chapter 4 2 mins
In a creative and collaborative field, how do you deal with hurt feelings?
Chapter 5 3 mins
Experiences at GitHub (404/500 pages)
Chapter 6 1 min
Who is responsible for all the Octocat variations?
Chapter 7 3 mins
Did you ever get in trouble for using famous IP?
Chapter 8 4 mins
Working at Sentry.io
Chapter 9 1 min
What is your illustration process?
Chapter 10 6 mins
What is GuideGuide?
Chapter 11 2 mins
Grid Notation
Chapter 12 4 mins
Can ‘good colors’ be calculated, can good design be math’d?
Chapter 13 2 mins
What was the process of building your own plugin?
Chapter 14 1 min
Adding guides with JavaScript APIs
Chapter 15 5 mins
Recreating application UIs within plugins
Chapter 16 2 mins
How are you architecting these plugins?
Chapter 17 3 mins
Sick Picks & Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
742: Potluck: Migrating to Typescript, Semver Explained, Accurate Timers and Countdowns
Scott and CJ dive into a potluck of developer queri... more
Mar 13 2024 56m
Learning Git, CSS, and HTML Basics
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 55 sec
Brought to you by Sentry.io
Chapter 3 2 mins
What book changed your life?
Chapter 4 3 mins
What are the web development fundamentals for beginners?
Chapter 5 3 mins
What are your thoughts on Chris Coyer’s post on his sale of CSS-Tricks?
Chapter 6 8 mins
Advice for migrating an existing React project to TypeScript
Chapter 7 4 mins
Countdown apps, performance vs accuracy
Chapter 8 6 mins
Are you listening to podcasts? Which ones?
Chapter 9 4 mins
With AI on the rise, will free-tier plans become a thing of the past?
Chapter 10 4 mins
What is SemVer anyway?
Chapter 11 7 mins
A question on ergonomics, home office aesthetics and productivity
Chapter 12 4 mins
Do you ever stop to consider VueJS in 2024? Why or why not?
Chapter 13 4 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
741: TypeScript Interview Questions - STUMP’d
Wes and Scott tackle TypeScript trivia, from combini... more
Mar 11 2024 25m
Combining String Literal Types in TypeScript
Chapter 1 1 min
Welcome to Syntax!
Chapter 2 2 mins
Brought to you by Sentry.io
Chapter 3 3 mins
How do you combine string literal types?
Chapter 4 1 min
What is a TypeScript Generic and why would you use one?
Chapter 5 1 min
How do you write a conditional type?
Chapter 6 4 mins
Generating TypeScript type from a function
Chapter 7 2 mins
How do d.ts files work?
Chapter 8 2 mins
Name one difference between a type and an interface
Chapter 9 1 min
What is a tripple-slash directive and why would you use them?
Chapter 10 4 mins
What is a TypeScript record and what is it used for?
Like
Clip
Share
Transcript
More
Play Full
mute button
740: Local AI Models in JavaScript - Machine Learning Deep Dive With Xenova
Scott and Wes are joined by special guest Xenova to... more
Mar 8 2024 1h 19m
Creating Library for Browser Extension
Chapter 1 40 sec
Welcome to Syntax!
Chapter 2 23 sec
Brought to you by Sentry.io
Chapter 3 1 min
Who is Xenova?
Chapter 4 1 min
What is Hugging Face?
Chapter 5 2 mins
What is Transformers.js?
Chapter 6 2 mins
How was the library developed?
Chapter 7 1 min
How is it able to run?
Chapter 8 4 mins
Do they have to run in Python and how does Onnx work?
Chapter 9 1 min
What are some things you can do with this tech?
Chapter 10 1 min
Vision tools
Chapter 11 56 sec
This is actually running locally
Chapter 12 2 mins
Doodle Dash
Chapter 13 3 mins
They currently run on CPU, what is required to make it run on GPU?
Chapter 14 3 mins
Can you run in JavaScript?
Chapter 15 5 mins
How it works with image vectors
Chapter 16 1 min
Why would people want to run it in another language?
Chapter 17 2 mins
Resizing images in the browser instead of on the server
Chapter 18 4 mins
Applications distributed on the web vs running locally
Chapter 19 37 sec
Electron has Node and Chrome, where would you run Transformers.js?
Chapter 20 1 min
The API of Transformers.js
Chapter 21 2 mins
Object Detection
Chapter 22 2 mins
What is the easiest way to get started?
Chapter 23 41 sec
Real-time speech recognition on the horizon?
Chapter 24 4 mins
Will we ever be able to run Stable Diffusion via JavaScript?
Chapter 25 1 min
The Web LLM
Chapter 26 2 mins
Practical applications for YouTube
Chapter 27 7 mins
What we want to build for Syntax.fm
Chapter 28 2 mins
Mean pooling, why it’s necessary
Chapter 29 1 min
Stopping YouTube spam comments
Chapter 30 3 mins
K-Means Clustering
Chapter 31 3 mins
Quantization
Chapter 32 2 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
739: The LoFi Movement: Building Local First Apps
Join Wes and Scott as they explore LoFi (local first... more
Mar 6 2024 52m
Exploring Local First Development
Chapter 1 53 sec
What is LoFi?
Chapter 2 3 mins
Welcome to Syntax!
Chapter 3 49 sec
Brought to you by Sentry.io
Chapter 4 26 sec
The Seven Ideals for Local-first
Chapter 5 1 min
1: No Spinners
Chapter 6 1 min
2: Your work is not trapped on one device
Chapter 7 53 sec
3: The network is optional
Chapter 8 44 sec
4: Seamless collaboration with your colleagues
Chapter 9 1 sec
Oops, we for got to read 5: The Long Now
Chapter 10 7 sec
6: Security and privacy by default
Chapter 11 3 mins
7: You retain ultimate ownership and control
Chapter 12 1 min
Sounds great, let’s go! Not so fast, this stuff is hard
Chapter 13 22 sec
The technology involved
Chapter 14 3 mins
CRDT (Conflict-free Replicated Data Types)
Chapter 15 1 min
How does it prioritize conflict resolutions?
Chapter 16 40 sec
Websockets
Chapter 17 1 min
IndexedDB + SQLite
Chapter 18 52 sec
Service Workers
Chapter 19 7 sec
The software involved
Chapter 20 2 mins
Replicache
Chapter 21 17 sec
YJS
Chapter 22 44 sec
Electric SQL
Chapter 23 5 mins
The most basic LoFi application
Chapter 24 1 min
Some bigger concepts
Chapter 25 2 mins
Answering some common questions
Chapter 26 1 min
Some real-world examples of LoFi
Chapter 27 1 min
What about Apple PWA nonsense?
Chapter 28 26 sec
This seems similar to real-time software and multiplayer
Chapter 29 1 min
Sounds like too much work
Chapter 30 2 mins
Some useful links
Chapter 31 8 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full
mute button
Not AI Processed
Previews and search are not yet available for this episode.

Autoplay will start you at the beginning of the episode.
738: Little Scripts: Coding for your Co-workers
Process is important. This show is dedicated to exa... more
Mar 4 2024 23m
Practical Programming Skills and Bug Solving
Chapter 1 2 mins
Welcome to Syntax!
Chapter 2 50 sec
Brought to you by Sentry.io
Chapter 3 3 mins
FFmpeg, a tool for video producers
Chapter 4 2 mins
Markdown validation
Chapter 5 2 mins
AI timestamps for inform editing process
Chapter 6 1 min
Generating clips for social media
Chapter 7 1 min
YouTube find and replace tool
Chapter 8 1 min
What other scripts can you create?
Chapter 9 36 sec
Packaging a tool for a non-developer to use
Chapter 10 50 sec
Apple Scripts
Chapter 11 1 min
Stand-alone website
Chapter 12 53 sec
Script Kit : Shortcut to Everything
Chapter 13 1 min
Other ways to run scripts
Chapter 14 1 min
Get in touch with your tips
Like
Clip
Share
Transcript
More
Play Full
mute button
737: JSR: The New TypeScript Package Registry (NPM Killer)
Get ready to learn all about the JSR package registr... more
Mar 1 2024 58m
Efficient Documentation Workflow in Development
Chapter 1 36 sec
Welcome to Syntax!
Chapter 2 13 sec
Brought to you by sentry.io
Chapter 3 26 sec
Who is Luca Casonato?
Chapter 4 3 mins
Why do we need another package registry?
Chapter 5 1 min
Is it ESM only?
Chapter 6 1 min
What exactly is JSR?
Chapter 7 2 mins
How do you install things from this registry?
Chapter 8 2 mins
NPM specifier in NodeJS?
Chapter 9 2 mins
Why can’t we just fix NPM?
Chapter 10 3 mins
When you make things easier, people make cooler stuff
Chapter 11 3 mins
A little bit about auto-documentation
Chapter 12 1 min
Auto-Types
Chapter 13 1 min
Can’t you just put TypeScript files on an NPM?
Chapter 14 1 min
Package Provenance
Chapter 15 2 mins
Does JSR have any plans for scanning dependencies?
Chapter 16 2 mins
GitHub action integration
Chapter 17 2 mins
Does JSR replace url imports in Deno?
Chapter 18 2 mins
What about publishing JSX, TSX, CSS, WASM, etc?
Chapter 19 2 mins
What are Slow Types?
Chapter 20 1 min
Do you think we’ll ever see another implementation of a TypeScript type checker?
Chapter 21 1 min
Types as comments or adding types to JavaScript
Chapter 22 1 min
What is the anticipated timeline?
Chapter 23 1 min
Are there any parts of TypeScript that you don’t like?
Chapter 24 2 mins
What about when TypeScript breaks?
Chapter 25 3 mins
JSR community funding
Chapter 26 2 mins
Are you planning on pre-registering popular names?
Chapter 27 4 mins
Super secret new features!
Chapter 28 2 mins
Sick Picks + Shameless Plugs
Like
Clip
Share
Transcript
More
Play Full