Ready to level up your career in web development? Join Wes and Scott as they discuss techniques and best practices for advancing in the field. From mastering technical skills to navigating workplace dynamics, this episode offers actionable advice to help you thrive in your career.

• 00:00 Welcome to Syntax!
• 00:17 How can a front-end developer advance in their career?
• 01:10 Brought to you by Sentry.
• 01:30 Syntax newsletter.
• Snack Pack

• Scott: Zeiss Lens Care Pack

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes dive into the cache problem, tackling user-specific data and caching security. From marketing A/B testing to content negotiation, they explore various challenges and solutions, including different URL/query parameters, edge logic, and client-side caching.

• 00:00 Welcome to Syntax!
• 01:22 Syntax is on YouTube.
• 02:16 Let’s talk about the cache problem.
• 03:33 User-specific data and caching security.
• 06:27 Why might this pop up?
  • 06:29 Marketing A/B testing - cookie based.
  • 06:55 User-selected features - such as themes.
  • 06:58 Language or geo-based items - accept language.
  • 07:11 Images - WebP for some browsers, jpg for others.
  • 07:45 JSON/HTML based on accept header.
  • 08:17 Different encoding.
• 08:26 Content negotiation.
• 08:54 The solutions.
  • 09:04 Provide different URLs/Query parameter.
  • 11:19 Don’t cache the page, cache the data based on query.
  • 15:01 Implement a “Cache Key” - one render for every option.
  • Netlify

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Which framework is best? Join Scott and Wes as they chat with Corbin Crutchley, author of the “Framework Field Guide”, diving into the world of frameworks, metaframeworks, and tips to stay up-to-date on the latest trends in web development.

• 00:00 Welcome to Syntax!
• 00:48 Who is Corbin Crutchley?
• 02:08 Brought to you by Sentry.io.
• 02:32 Hilton, like the hotel?
• 05:57 What is the best framework?
• 07:23 How do you compare these frameworks?
• 10:00 Do you feel like the metaframeworks are comparable?
• 11:02 Exciting announcements from ng-conf?
• 11:42 Are Wiz and Angular merging?
• 14:17 Angular signals and Vue comparison.
• PreactJS Signals

• Corbin: Shiki Syntax Highlighter

• Corbin: Framework Field Guide

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes explore UI Components, discussing functionality, styling, accessibility, and theming. From headless components to styled starters, they share valuable insights to elevate your UI game.

• 00:00 Welcome to Syntax!
• 02:39 We’re on YouTube.
• 03:14 The four categories of UI libraries or frameworks.
• 03:46 What does a UI component need to do?
  • 04:14 Must be functional.
  • 06:20 They must fit styling.
  • 06:33 They must be accessible.
  • 08:09 “Internationalizationable.”
  • 09:29 They must handle theming and variants.
• 10:05 A few common UI components.
  • 10:14 Date Pickers.
  • 12:10 Dropdowns.
  • 13:21 Toast message.
  • Svelte French Toast

• Wes: Battery Daddy

• Scott: Syntax on YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Get stoked, jQuery 1.2 is here! Join Scott and Wes as they discuss jQuery Mobile, slicing PSD files, CSS rounded corners, CoffeeScript features, WordPress 2.3, and the rise of Skeuomorphism, shaping the landscape of web development this year.

• 00:00 Welcome to Syntax!
• 01:16 Brought to you by Sentry.io.
• 02:17 jQuery 1.2 released!
• 07:38 jQuery Mobile.
• 09:34 Skeuomorphism.
• 10:25 How do you slice up your .PSDs?
• Slicy By MacRabbit

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Scott and Wes are joined by special guests Trudy MacNabb and Anne Thomas from Design Packs, diving into the nitty-gritty of Shopify design. Tune in as they dissect the pros and cons, challenges, and unveil their daily toolkit for crafting stunning Shopify websites.

• 00:00 Welcome to Syntax!
• 00:59 Who is Anne Thomas?
• 02:30 Who is Trudy MacNabb?
• 04:06 Shopify themes, how does one build a theme?
• 05:34 Do you have enough control with LiquidJS?
• 07:52 Changing components of a liquid template.
• 08:58 LiquidJS improving their dev tools.
• 09:29 LiquidJS email marketing.
• 10:32 Can you make your own LiquidJS methods?
• Too Many Tabs

• Trudy: Bar of Shampoo

• Trudy: 25% off using SYNTAX25 at Design Packs

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Level up your coding game -and your gains! Today, Scott and Wes weigh in on the importance of physical fitness for developers, covering motivation, diet, lifting basics, routines, and swole-inducing supplements.

• 00:00 Welcome to Syntax!
• 01:14 Brought to you by Sentry.io.
• 03:10 A very quick disclaimer.
• 03:32 A brief view of our fitness history.
• 06:19 Why is fitness important for developers?
• 09:12 Setting your goals.
• 13:06 Getting started with fitness.
  • 13:13 Body-weight.
  • 13:58 Stretching.
  • 16:47 Fun activities that don’t feel like workouts.
  • 17:48 Lifting weights.
  • Stronglifts

• Wes: Wikday Pull Up Bands

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Join Wes and Scott for a hasty episode of Syntax as they unpack the power of middleware for developers, covering caching, authentication, A/B testing, error handling, and user redirection in a quick, punchy rundown to supercharge your backend skills!

• 00:00 Welcome to Syntax!
• 00:41 Syntax on YouTube.
• 01:28 What is middleware?
• 05:04 Some real-world examples of middleware.
  • 05:10 Authentication.
  • 07:44 Redirecting users to a specific instance.
  • 08:28 Logging + statistics.
  • 09:41 Debugging.
  • 10:00 Timers.
  • 10:46 A/B testing.
  • 11:59 Error handling + logging.
  • 12:23 Caching.
  • 13:02 Multi-tenant applications.
• 15:08 Where does it run?
• 18:07 What are the limitations?
• 21:52 Next.js middleware is one file only.
• NextJS Middleware

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Deploy your own tech stack: Wes and Scott are joined by Kubernetes expert David Flanagan to be schooled on how Kubernetes, Docker and even WASM containers work.

• 00:00 Welcome to Syntax!
• 01:55 Should developers know how to run their own servers?
• 04:57 What is “bare metal”?
• 11:49 What the hell is Kubernetes?
• 12:25 Why would somebody need Kubernetes?
• 15:37 Using Kubernetes to spin up different instances on cloud providers.
• etcd

• David:
  • Golem.cloud

• David:
  • Rawkode YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads

Wes and Scott dive deep into the world of JavaScript toolchains, exploring everything from linters and compilers to transpilers and formatters. Tune in as they shed light on cutting-edge technologies like Biome, UnJS, and Ezno that are shaping the future for developers.

• 00:00 Welcome to Syntax!
• 01:37 Syntax is on YouTube.
• 02:09 Do we really need tooling?
• 04:02 Popular tools are predominantly plug and play.
• 06:15 What can tooling do for us?
• 07:16 The tools in today’s workflow.
  • 07:21 Linters.
  • 11:29 Compilers and transpilers.
  • 13:30 Formatters.
  • 16:18 Tokenizers and Parsers.
  • 16:46 Bundlers.
  • 17:59 Macros.
• 20:26 The new tools in the space.
  • 20:47 Biome, one toolchain for your web project.
  • 28:27 Oxc, the JavaScript oxidation compiler.
  • 33:01 Deno, code formatting.
  • 34:13 ESBuild, an extremely fast bundler for the web.
  • 34:37 Rolldown, fast Rust-based bundler for JavaScript.
  • 38:34 Ezno, TypeScript type checker.
  • 40:24 UnJS, Unleash JavaScript’s Potential.
  • 41:45 Lightning CSS, CSS parser, transformer, bundler, and minifier.
• 42:31 Is JavaScript good enough to handle these tools?
• 43:26 Sick Picks + Shameless Plugs.

• Scott: Shinobi-Geddon: The 1980s Ninja Craze

• Scott: Syntax on YouTube

Syntax: X Instagram Tiktok LinkedIn Threads

Wes: X Instagram Tiktok LinkedIn Threads

Scott:X Instagram Tiktok LinkedIn Threads

Randy: X Instagram YouTube Threads