Exploring Browser APIs and Web Components

In this episode of Syntax, Wes and Scott talk about the benefits of sticking to the web platform that is available to you through APIs you may not know about.

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

Sanity.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.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

• 00:11 Welcome
• 01:15 Fogging the boats
• 04:25 Use the platform
• 06:32 URLSearchParams
• 10:04 Pushstate and History API
• Pushstate
• 13:46 Internationalization API
• Internationalization API
• Syntax episode 153
• 16:03 FormData API
• MDN Docs
• Clipboard API tutorial
• 20:31 Sponsor: Prismic
• 21:23 All of the DOM API
• 24:12 Vanilla JS
• 26:06 Localstorage and IndexDB
• 29:18 Web Animations API
• 31:10 Sponsor: LogRocket
• 32:39 Endless other browser apis
• 38:22 Shadow DOM and Web Components
• Web Components for beginners
• 42:57 CSS variables
• 46:05 HTML
• 47:27 Sponsor: Sanity
• 49:19 More HTML
• 54:12 SIIIIICK ××× PIIIICKS ×××

××× SIIIIICK ××× PIIIICKS ×××

• Scott: Cable sleeve
• Wes: Kindling splitter

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 @SyntaxFM in your tweets