Syntax - Tasty Web Development Treats

Alle afleveringen

1.049 afleveringen, van nieuw naar oud

1. Supper Club × Fabian Kägy - Modern WordPress - Blocks, Page builders, Headless, Custom Fields

   7 april 2023 · 57 min

   Afspelen
   In this supper club episode of Syntax, Wes and Scott talk with Fabian Kägy about modern WordPress development, including what the local dev experience is like, changes to the block editor, how version control is handled, and more!
   Show Notes 00:34 Welcome
   01:20 Who is Fabian Kägy?
   Fabian Kägy Lees meer

   Fabian Kaegy (@fabiankaegy)

   Fabian Kägy (@fabiankaegy) on Instagram

   fabiankaegy on GitHub

   10up | finely crafted websites and tools

   03:32 What is the local WordPress development workflow like in 2023?
   @wordpress/env

   Free Local WordPress Development

   05:35 Why do people still want to use WordPress?
   Builder.io - Drag & Drop Headless CMS

   Website Builder — Create a Website in Minutes — Squarespace

   Website Builder | Wix.com

   Build optimized websites quickly, focus on your content | Docusaurus

   09:08 Changes because of the block editor
   11:50 Using a JSON file to configure design styles for your site
   13:48 What is it like to develop with headless WordPress?
   10up/10up-toolkit: Official 10up asset building toolkit.

   16:59 Are people using WordPress for applications besides websites?
   19:20 What does version control look like in WordPress?
   21:57 Are plugins using the database or the file system?
   23:38 Is jQuery still a must have for WordPress?
   25:30 How do you enqueue JavaScript?
   27:56 Does WordPress support live reloading?
   28:22 How can you host WordPress on the web?
   WordPress Hosting | WP Engine®

   WordPress for the Enterprise | WordPress VIP

   29:11 What is the editing experience like in WordPress in 2023?
   The Composable Content Cloud - Sanity.io

   WPML - The WordPress Multilingual Plugin

   Polylang – Making WordPress multilingual

   34:01 How is WordPress handling CSS in 2023?
   41:44 How do you make WordPress fast?
   Simplenote

   Tumblr

   Pocketcasts

   47:23 Where can you learn about WordPress development?
   Learn WordPress - There’s always more to learn | Learn WordPress

   10up - Gutenberg Best Practices | 10up - Gutenberg Best Practices

   50:12 With blocks, do you write less PHP?
   ACF | Adva…

2. Stump’d Gameshow! Answering Coding Interview Questions from AI

   5 april 2023 · 55 min

   Afspelen
   In this episode of Syntax, Wes and Scott answer coding questions posed by ChatGPT like what’s the difference between rem and em in CSS, the difference between a callback function and a promse in Node, what are Fastify plugins, and more!
   Show Notes 00:19 The premise for this Stump’d
   05:46 Scott’s weekend story
   09:36 What is the difference between a for loop and a while loop in JavaScript?
   11:11 What is the difference between the “em” and “rem” units in CSS, and when would you use each of them?
   13:15 What is the difference between a callback function and a promise in Node.js?
   14:57 In JavaScript, what is the difference between a function declaration, a function expression, and an arrow function, and how do they affect the concept of hoisting?
   18:39 How do you define a custom scalar type in GraphQL?
   21:30 With Deno, can you provide an example of an experimental API that requires the “–unstable” flag and explain its purpose?
   26:59 What’s the difference between a div and a span?
   28:01 What is aspect ratio?
   29:07 If it’s not supported by all browsers, how could you maintain aspect ratio?
   30:11 Can you explain the purpose of the beforeUpdate lifecycle function in Svelte, and provide a simple use case for it?
   32:33 What is the difference between unknown and any in TypeScript, and when should each be used?
   34:42 In TypeScript, what is a mapped type, and how can you use it to create a new type that makes all properties of an existing type optional?
   36:21 What are Fastify plugins, and how can they be used to extend the functionality of a Fastify application?
   37:57 In React, what is the purpose of the React.memo higher-order component, and how does it help improve the performance of a functional component?
   39:53 How would you create a custom HTML element that is styled with CSS and has dynamic behavior using JavaScript?
   41:57 What is the Intersection Observer API, and how can you use it to implement infinite scrolling in a web application?
   49:00 SIIIIICK ××× PIIIICKS ×××
   ××× S… Lees meer

3. The New Import Map Standard

   3 april 2023 · 29 min

   Afspelen
   In this Hasty Treat, Scott and Wes talk about the fact that import maps are in Safari Technical preview, and what that means for web developers.
   Show Notes 00:26 Welcome
   02:16 Import maps just dropped
   04:09 Which browsers support it?
   06:01 What is a map?
   06:40 How does the syntax work?
   09:35 What about dependency resolution?
   10:25 What about bundlers?
   13:17 How does this work with Deno?
   Deno — A modern runtime for JavaScript and TypeScript Lees meer

   Import Maps | Manual | Deno

   whatwg/fs · Issue #5 · wintercg/proposal-common-minimum-api

   20:12 What about with node?
   Support import maps and bare import specifiers · Issue #43326 · microsoft/TypeScript

   Policies | Node.js v17.9.1 Documentation

   21:22 What about Typescript?
   22:43 Downsides to import maps
   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

4. Supper Club × Web Components and Lit with Justin Fagnani of Google

   31 maart 2023 · 58 min

   Afspelen
   In this supper club episode of Syntax, Wes and Scott talk with Justin Fagnani about working with web components, using Lit, how routing and state are handled, thoughts on signals, and what is the future of web components?
   Sentry - Sponsor If 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.
   Show Notes 00:49:11 Guest introduction Lees meer

   01:03:00 Sponsor: Sentry

   02:02:11 Why do people use React when we have web components and lit?

   03:57:14 Who is Justin Fagnani?

   Justin Fagnani

   Justin Fagnani (@justinfagnani)

   Justin Fagnani · GitHub

   Justin Fagnani - Fosstodon

   Lit (@buildWithLit)

   Lit

   Google App Maker

   04:55:02 What are web components?

   The Extensible Web Manifesto

   05:59:08 What is the shadow dom?

   08:56:02 Was there an intention for a layer on top of web components?

   13:22:09 What is Lit?

   16:19:23 What are the benefits of using a library for web components?

   Custom Elements Everywhere

   21:20:14 Why would write in React and not in web components?

   24:24:18 How does CSS work with web components and Lit?

   28:00:14 Using constructable stylesheets

   ::part

   Constructable stylesheets/

   29:58:18 Does Lit do anything with CSS?

   32:01:01 Does Lit do routing?

   Lit Mobx

   34:06:02 How does Lit work with state?

   34:52:15 What about signals?

   38:49:00 Is Server Side Rendering possible with web components?

   41:03:07 What websites are using Lit and/or web components?

   44:26:08 What’s the difference between Lit and Polymer?

   45:44:17 What is the future of web components?

   48:09:14 Supper club questions

   GitHub - w3c/csswg-drafts: CSS Working G…

5. Potluck × Testing Animations × Tools for Learning × Coding Related Injuries

   29 maart 2023 · 58 min

   Afspelen
   In this potluck episode of Syntax, Wes and Scott answer your questions about what to do with client projects, testing animations, evaluating front-end frameworks, tools to use when learning, and coding related injuries.
   Sentry - Sponsor If 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.
   Show Notes 00:10 Welcome
   00:25 Sponsor: Sentry
   01:22 Landscaping update
   02:27 What do you do when you are done a client project?
   10:09 Should I keep animations in our tests so our tests match prod behavior?
   14:05 How does ChatGPT fill the responses to the prompt?
   17:14 What is the best way to evaluate and choose a front-end framework for a project?
   21:10 Should functions only be used strictly for code that is going to be re-used?
   26:03 What kind of tools and processes do you use when learning?
   Obsidian Lees meer

   Roam Research – A note taking tool for networked thought.

   30:19 What are your opinions on using “display: grid” simply to be able use the gap property on the elements inside?
   33:57 What do you guys think of being a 1-language dev?
   36:38 What are some tips you have to push back on requirements from clients?
   41:11 Have you guys ever had any coding related stress injuries, like back issues or carpal tunnel?
   MoErgo Glove80 Wireless Split Ergonomic Keyboard

   GitHub Next | Hey, GitHub!

   48:41 What do you think of using “Feature Flags” in the codebase to enable / disable features at runtime?
   51:19 SIIIIICK ××× PIIIICKS ×××
   ××× SIIIIICK ××× PIIIICKS ××× Scott: History for Granite

   Wes: GreatScott!, bigclivedotcom

   Shameless Plugs Scott: LevelUp Disco…

6. Coding with the Open AI / Chat GPT API

   27 maart 2023 · 34 min

   Afspelen
   In this Hasty Treat, Scott and Wes talk about what can be done with the OpenAI API, how to get started with it, pricing, tuning your model, and gotchas for getting started with the OpenAI API.
   Sentry - Sponsor If 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.
   Show Notes 00:26 Welcome
   01:17 Sponsor: Sentry
   02:39 What is the OpenAI API?
   05:11 Getting started with the API
   07:41 How run OpenAI
   OpenAI API Lees meer

   14:16 GPT4 update
   17:58 Tune your models
   19:46 Generating questions with ChatGPT
   24:30 Speech to text
   Otter.ai - Voice Meeting Notes & Real-time Transcription

   Descript | All-in-one video & podcast editing, easy as a doc.

   26:12 Related API
   27:33 LangChain
   32:12 Save your replies
   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

7. Supper Club × The Role Of UX Designers In Humanizing The Future with Travis Neilson

   24 maart 2023 · 59 min

   Afspelen
   In this supper club episode of Syntax, Wes and Scott talk with Travis Neilson about his work at Google, YouTube music, and where AI is at now, and where it’s headed in the future.
   Show Notes 00:37 Welcome
   00:55 Guest introduction
   Travis Neilson (@travisneilson) Lees meer

   Travis Neilson dot com

   Travis Neilson on Skills Gap, Design, Focus and Working at Google — Syntax Podcast 142

   Awwards Conference talk

   https://www.youtube.com/LittleMusicBoxes

   06:29 Convos about AI
   07:49 How do we keep humanity with AI?
   15:42 Is this the printing press or is this putting everyone out of a job?
   19:21 What is Google using AI for these days?
   25:59 How do we keep human interface via AI?
   31:18 What is the evolution of AI chat windows?
   34:05 How do you nourish your AI with data?
   39:59 Halluncinations in AI
   47:46 What models are exciting to you?
   52:01 We’re building the window for the next generation
   54:55 SIIIIICK ××× PIIIICKS ×××
   ××× SIIIIICK ××× PIIIICKS ××× The Age of Spiritual Machines

   The Singularity is Near

   The Shape of Design

   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

8. Potluck × Learning Web Dev × Video Streaming × Mono Repos

   22 maart 2023 · 53 min

   Afspelen
   In this episode of Syntax, Wes and Scott answer your questions about learning web dev at an older age, making your apps look better, building a video streaming site, mono repo vs regular, and more!
   Sentry - Sponsor If 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.
   Show Notes 00:11 Welcome
   00:31 Sponsor: Sentry
   01:43 DST update
   Tales of Taboo Lees meer

   03:45 Is it too late to learn web dev at an older age?
   10:20 How do people produce work so quickly?
   13:47 How can I make my web apps look better visually?
   Dribbble - Discover the World’s Top Designers & Creative Professionals

   Tailwind UI - Official Tailwind CSS Components & Templates

   CSS · Bootstrap

   18:41 Not losing the niceties with not having to do a full page load
   22:23 Should I use a script to generate an index JS/TS file?
   24:55 If you were going to make a video streaming website, what technologies would you use?
   The API to Video | Mux

   Vimeo – Video Experience Platform

   Live Streaming on AWS | AWS Solutions

   Video on Demand | AWS Solutions

   Cloudflare Stream | Video streaming made easy and affordable at scale

   29:11 What should I do if my boss wants me to move up the business ladder?
   31:58 I’m confused about hydration in frameworks like SvelteKit.
   37:07 What’re the advantages of a mono repo over a regular one?
   39:50 Is it better to stay put at a place even if you’re unhappy right now?
   43:13 How should I ingest tv scripts into a database?
   46:24 SIIIIICK ××× PIIIICKS ×××
   ××× SIIIIICK ××× PIIIICKS ××× Scott: The Stronger By Science Podcast

   Wes: Merten and Storck Carbon Steel

   Sha…

9. HTTPS + Tunnel Your Localhost - Cloudflare Tunnels, Ngrok, and more!

   20 maart 2023 · 30 min

   Afspelen
   In this Hasty Treat, Scott and Wes talk about why you might need to tunnel to your local computer, and how to set that up securely.
   Sentry - Sponsor If 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.
   Show Notes 00:24 Welcome
   01:09 GitHub tarball web streams
   05:09 Sponsor: Sentry
   05:48 Why would I need security locally?
   Caddy Server Lees meer

   11:23 Cookie issues
   13:04 Examples of things that need a secure context
   MDN Features restricted to secure contexts

   14:58 What is tunneling?
   19:22 Cloudflare Tunnels
   Cloudflared

   Cloudflare Tunnel

   20:50 nGrok
   ngrok

   23:22 Local tunnel
   Local Tunnel

   24:55 Tunnel to
   Tunnel to dev - Expose your local web server to the internet with a public URL

   26:02 Cloudflare subdomain
   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

10. Supper Club × Next.js on AWS + Serverless with Dax Raad

    17 maart 2023 · 56 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Dax Raad about building on serverless infrastructure, Next.js, and SST.
    Sentry - Sponsor If 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.
    Show Notes 00:36 Welcome
    01:05 Sponsor: Sentry
    02:05 Who is Dax Raad?
    Dax on Twitter Lees meer

    thdxr.com

    Tomorrow.fm Podcast

    SST.dev

    04:22 Why doesn’t AWS have a simple way to build on top of it?
    07:46 What is Open Next?
    Vercel

    Next.js

    Open-Next.js

    10:25 How many people are involved in building Open Next?
    11:14 Mapping Next.js to Amazon products
    14:25 What is the edge?
    18:56 Pricing in serverless
    23:33 What about image assets?
    25:02 Is the CDK a layer on top of something Amazon is doing?
    Amazon CDK

    27:23 What is terraform?
    Terraform

    28:50 What is SST and why SST?
    30:54 Do I build with SST or on top of SST?
    32:06 How do you do local development with SST?
    37:01 What about databases with SST?
    40:12 What about build pipelines?
    42:28 What is Seed?
    Seed

    43:52 Any advice for someone learning AWS?
    SST on YouTube

    46:05 Supper Club questions
    Neovim

    Toyko Night theme

    Nerd Fonts

    Astro

    TypeScript

    Alacritty

    i3

    Cloudflare

    Inside the Meteoric Rise—and More Epic Flop—of HQ Trivia

    52:45 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Planetscale

    Shameless Plugs Rebase.tv

    @RebaseTV on Twitter

    Tomorrow.fm episode on Rebase.tv

    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

11. New Syntax Website Brainstorm! IRL!

    15 maart 2023 · 52 min

    Afspelen
    In this episode of Syntax, Wes and Scott are in the same room together brainstorming new ideas for the Syntax.fm website: search, transcripts, video, tags, audio player, podcast hosting, and more!
    Sentry - Sponsor If 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.
    Show Notes 01:08 Sponsor: Sentry
    01:43 Brainstorming for Syntax’s new website
    02:27 Are there good podcast websites out there?
    03:26 Homepage design
    07:33 How would you handle login?
    09:40 Search on the site
    SvelteKit docs Lees meer

    Flexsearch

    13:59 Transcripts
    Open AI Whisper

    Whisper AI for podcasters

    18:25 The player
    21:11 Tagging
    23:45 Video
    Linus Tech Tips - WAN Show

    27:45 Show notes
    29:57 Surfacing good content on the podcast
    35:30 Interactions
    36:25 Deploy to Podcast Host
    Libsyn

    Editor Chris on Mastodon

    38:43 Code base
    Syntax website on GitHub

    45:21 Listener feedback
    46:27 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Screen door dog

    Wes: Apple Watch bands

    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

12. Web Streams Explained

    13 maart 2023 · 34 min

    Afspelen
    In this Hasty Treat, Scott and Wes explain the what, why, and how of web streaming, and some of the jargon you might encounter with web streams.
    Sentry - Sponsor If 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.
    Show Notes 00:26:11 Welcome
    00:59:07 Sponsor: Sentry
    01:39:17 What are Web Streams?
    03:15:11 Why are web streams picking up steam lately?
    04:41:21 How are web streams streaming?
    09:28:11 Searching a database can use streaming
    13:07:11 Web stream jargon
    18:06:11 FileReader is a Stream
    19:31:05 Other Types of Streams
    Cloudlfare HTML Rewriter Lees meer

    21:50:05 ReadableStream and Writable Stream
    27:23:00 Creating a Writable Stream
    28:39:11 TextDecoderStream
    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

13. Supper Club × Digital Nomad with Eric Sartorius

    10 maart 2023 · 1 uur 3 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Eric Sartorius about his life as a digital nomad - including recently climbing Kilimanjaro, his tips for travel deals, crazy experiences while travelling, and what he brings on the road with him.
    Show Notes 01:02 Guest introduction
    EricSartorius.com Lees meer

    Eric on GitHub

    PureFunc

    Train Surfing

    Get Stream

    02:51 Where have you travelled?
    04:27 What are the challenges of being a digital nomad?
    09:08 How do you research before travel?
    13:04 How do you approach applying for a job?
    21:10 Do you travel with other digital nomads?
    R16 video

    22:43 What are the best locations you’ve been?
    24:21 What about health and insurance?
    Tiny Toones

    TSA post raw meat on carousel

    28:21 What motivated you to want to climb Kilimanjaro?
    41:14 What gear do you travel with for web dev?
    Osprey Talon 33

    Packing cubes

    Outlier

    Google Fi

    Google Flights explore

    51:12 Using credit card points for flights
    54:45 How do you handle customs?
    00:13 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Comfort 2.0 Czech sock shoes

    Shameless Plugs PureFunc

    @TheEpicLife on Instagram

    Pamoja Safaris

    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

14. Fundamentals × What Makes a Website Slow?

    8 maart 2023 · 1 uur 5 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk through all the reasons your website might be slow, and how you can troubleshoot a slow website such as issues on the server, large assets, caching, CSS, JavaScript, latency, and more.
    Sentry - Sponsor If 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.
    Show Notes 00:11 Welcome
    Glove 80 keyboard Lees meer

    Raycast

    03:06 Sponsor: Sentry
    05:15 What makes a website slow?
    Uses.tech

    06:29 Server Generation Times
    13:33 Large payloads
    Redis

    Gzip

    Brotli compression

    Cloudflare

    Cloudinary

    18:13 Assets being too large
    23:01 Caching assets
    28:25 CDN
    30:35 Caching 101
    37:04 Render blocking requests
    40:01 CSS
    42:25 JavaScript
    44:51 Latency
    49:17 Flash of dark mode or unsigned out
    55:00 Data uris
    Content-visibility

    vite-plugin-singlefile

    Pool in your URL

    58:11 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: 3Blue1Brown

    Wes: Suavecito Firme Clay Pomade

    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

15. Node in the Browser × WebContainers + NodeBox

    6 maart 2023 · 29 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about two new services that allow you to run Node in the browser, WebContainers + NodeBox. Why Node in the browser? How does it work? And what are the differences and limitations of the services?
    Sentry - Sponsor If 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.
    Show Notes 00:25 Welcome
    01:14 Sponsor: Sentry
    02:45 Webcontainers and NodeBox
    Introducing WebContainers Lees meer

    Code Sandbox

    CodePen

    Replit

    GitHub Codespaces

    06:42 Why Node.js in the browser?
    11:08 How does it work?
    13:10 Clientside APIs
    14:27 Using iFrame to proxy messages
    17:39 Are these open source?
    19:22 Differences between the two services
    21:10 Wes to Figma, Scott to Penpot
    Figma

    Penpot

    24:51 Limitations
    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

16. Supper Club × Visual Coding Languages With Steve Sewell

    3 maart 2023 · 59 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Steve Sewell about Builder.io, Qwik, Partytown, and the tricks and tips he’s learned in building apps for the modern web.
    Show Notes 00:37 Welcome
    01:14 Guest introduction
    Steve on Twitter Lees meer

    Steve on GitHub

    Builder.io

    Builder.io/demo

    04:07 Builder works with any tech stack?
    06:29 Where is the structure of the site coming from?
    07:28 What is Builder.io?
    11:34 What’s the workflow for updating content?
    13:03 What is Builder built in?
    Mobx

    14:36 Moving from Figma to HTML
    18:41 Is an app like this divs all the way down?
    24:55 Stories of browser gremlins building?
    26:29 Advice for anyone building drag and drop
    Fullstory

    29:04 Does FPS play a part in development?
    33:31 Do you use SVG?
    36:15 Where does Qwik and Partytown fit into all of it?
    Qwik

    Partytown

    46:45 How does accessibility play into Builder?
    49:44 Supper club questions
    54:30 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Dead Space Remake

    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

17. AI and Coding with ChatGPT

    1 maart 2023 · 1 uur 6 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about the current landscape of AI, how AI is trained, is AI going to take your job, who’s going to train AI, and adding AI to your applications.
    Sentry - Sponsor If 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.
    Show Notes 00:11:10 Welcome
    01:58:01 Sponsor: Sentry
    03:16:05 What this episode is not going to be
    07:36:11 The current landscape
    Chat GPT Lees meer

    GitHub Copilot

    Warp Completions

    Midjourney

    Bing AI

    From Bing to Sydney

    Why a Chat with Bing Left Me Deeply Unsettled

    Tensorflow

    Stable Diffusion

    Amazing AI

    Dall E

    15:26:11 Timeline of growth of AI
    AI Timeline

    16:24:11 What is a model for AI?
    24:20:11 How do you use AI?
    33:14:00 Code brushes
    35:57:18 Midjourney
    Yandex

    40:13:18 Is it going to take your job?
    Canva

    Cal

    50:22:19 Cost prohibitive
    52:26:20 Who’s going to train the robots?
    57:29:12 Adding AI to your apps
    58:50:11 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Motion sensor

    Wes: Apple Watch Ultra

    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

18. Clean vs Sloppy Code

    27 februari 2023 · 28 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about the difference between sloppy code and clean code, how to establish rules for your code base, and how to enforce your rules.
    Sentry - Sponsor If 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.
    Show Notes 00:24 Welcome
    00:46 Sponsor: Sentry
    01:51 Uses performance issues
    Uses.tech Lees meer

    04:23 Understand Sloppy Code
    10:17 Syntax website timestamp issue
    12:56 Establish rules to fix sloppy code
    16:35 Adding a feature, do you refactor an unrelated function?
    23:07 How do you enforce rules?
    GitHub Actions

    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

19. Supper Club × Astro 2.0 with Fred Schott

    24 februari 2023 · 59 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Fred Schott about all things Astro v2.0. What is Astro and why should you use it? How do islands work? Images, edge, AI, error overlays, hybrid rendering, and more!
    Show Notes 00:40 Welcome
    01:08 Guest introduction
    FredKSchott.com Lees meer

    @Fredkschott on Twitter

    Fred on GitHub

    02:17 What is Astro and why should someone use it?
    04:57 What can you build with Astro?
    06:11 What’s an island in content?
    09:43 How do routes work with Astro?
    12:30 How is Markdown handled in Astro?
    mdxjs

    14:32 How does Astro work on the edge?
    18:15 How does Astro v2 handle data fetching?
    23:25 Integrations with Astro
    26:38 Astro AI bot?
    AI Langchain

    30:40 Error overlay design
    36:10 What are some of the most important upgrades in v2?
    37:18 Hybrid rendering
    40:27 Astro’s image component
    Squoosh

    44:39 What happened to snowpack? Pikapkg?
    46:48 What is the financial model for Astro?
    50:28 Supper Club questions
    Obsidian

    ××× SIIIIICK ××× PIIIICKS ××× Chat Langchain

    Shameless Plugs Astro

    Astro Discord

    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

20. Warp Terminal × Next Gen Terminals

    22 februari 2023 · 1 uur 7 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about why they’re digging Warp as their terminal app of choice, what the terminal is, and some of their wishlist items for Warp.
    Show Notes 00:09 Welcome
    02:11 Disclaimers
    04:17 What is the terminal?
    06:54 What we’ve used for terminal
    Get Warp Lees meer

    Hyper Terminal

    iTerm

    Alacritty

    11:14 Terminal terminology
    CommandLinePowerUser.com

    WSL

    OhMyPosh

    OhMyZsh

    Starship

    Ion

    17:35 The basic features of Warp
    20:45 Autocomplete issues
    Fig

    25:06 Sticky header
    26:13 Blocks
    29:17 The prompt
    30:38 Sharing blocks and live sessions
    32:29 AI Command Search
    AI Command search

    35:51 Remote SSH
    37:53 Window management
    Launch configurations

    38:42 Workflows
    40:19 The command palette
    42:36 How does Warp make money?
    43:54 Warp requires an account
    46:09 Annoyances and wishlists
    58:29 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: 50 Pokemon Cards for $5

    Wes: iPad Sorter Station

    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

21. Logging

    20 februari 2023 · 26 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about the reasons why you should log errors, how it’s not just for debugging, where to save logs, and apps and packages to help with logging.
    Sentry - Sponsor If 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.
    Show Notes 00:25 Welcome
    01:37 Sponsor: Sentry
    02:16 What is logging? Why log?
    04:59 Logging isn’t just for debugging
    08:22 What do we log?
    13:34 What not to log
    14:58 Development, staging, and production
    17:36 Logging bots
    19:33 Where to put logs
    20:59 How to log
    Log Tail Lees meer

    Paper Trail

    Sematext Logs

    DataDog

    Winston

    Pino

    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

22. Supper Club × Solid.js with Ryan Carniato

    17 februari 2023 · 1 uur 6 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Ryan Carniato about Solid.JS, SolidStart, how web components work with Solid, why he chose JSX, and what the future of Solid is.
    Show Notes 00:37 Welcome
    01:38 Who is Ryan Carniato?
    @RyanCarniato on Twitter Lees meer

    Ryan on Dev.to

    Solid.JS

    02:37 Why did you build Solid?
    Knockout.JS

    Marko JS

    09:15 What is Solid?
    12:55 What does it mean to compile to vanilla JavaScript?
    SolidStart

    Tanstack Query

    19:39 What are observables and signals?
    27:17 How are web components used inside of Solid?
    29:38 Why aren’t we using web components more?
    32:37 Why would someone pick SolidStart vs Solid?
    39:07 Why did you choose JSX?
    44:45 How did you build live code examples into documentation?
    SolidJS Docs

    Solid-Movies.app

    47:19 What is Solid.JS built on?
    53:36 What is the future of Solid?
    00:39 Supper club questions
    02:57 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Alice in Borderland

    Shameless Plugs Ryan on Twitch

    Ryan on YouTube

    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

23. Potluck × Native Web Components × JS Class Mixins × Application Secrets

    15 februari 2023 · 1 uur 7 min

    Afspelen
    In this potluck episode, Scott and Wes talk home electicity, and then answer your questions about native web components, JS class mixins, JavaScript for marketers, managing application secrets, and more!
    Sentry - Sponsor If 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.
    Show Notes 00:10 Welcome
    01:09 Sponsor: Sentry
    02:18 Electrical house update
    Klien Wirestrippers Lees meer

    07:45 Custom Syntax podcast browser
    Custom Syntax browser

    09:29 When using browser native web components (i.e. extends HTMLElement), should the whole application be wrapped in a component tree similar to how React apps do it?
    Deno

    Using Web Components with Next or any SSR Framework

    16:12 Should I avoid JS/TS class mixins?
    21:07 Is it acceptable to have any string value as a value for a CSS custom property?
    26:48 Should agencies consider building marketing sites with JS frameworks or is Wordpress still the best option here?
    33:56 What are the main things to think about when laying the foundations for an app or project that will hopefully grow into something big?
    41:24 Will Javascript skills give me an edge over other local digital marketers?
    WordPress

    Ghost

    46:00 What tool, if any, do you use for publishing packages?
    50:19 Do you have any suggestions on how I can find time to code more?
    Bit

    54:17 how do you both manage your application secrets (API keys, database credentials etc) when deploying to Digital Ocean or Linode?
    58:52 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Physical 100

    Wes: Leviton D23LP-2RW Decora Smart Wi-Fi Mini Plug-In…

24. Save us from Config File Hell

    13 februari 2023 · 25 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about what you can do to better organize your config files.
    Show Notes 00:21 Welcome
    02:20 Electric car ski tripping
    05:01 Why config files?
    07:47 Custom Vite config files
    Wes’ Vite config Lees meer

    define: { __VERSION__: JSON.stringify(process.env.npm_package_version), }, 11:16 Node has failed us
    13:30 Cosmic config
    Cosmiconfig

    16:46 File nesting
    21:01 Standardize on a format
    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

25. Supper Club × Qwik framework from Miško Hevery, the Creator of Angular

    10 februari 2023 · 1 uur 8 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Miško Hevery about why developers should check out Qwik, the benefits of lazy loading, sharing state between components, and other Builder.io projects like Partytown and Mitosis.
    Show Notes 00:35 Welcome
    01:19 Guest intro
    Miško Hevery Lees meer

    @MHevery

    01:58 What is Resumability?
    05:06 What is Qwik?
    Qwik

    Qwik City

    07:03 Why would you want to make a component resumable?
    12:08 Qwik code can be lazy loaded
    15:28 How is server side rendering handled?
    18:12 How does Vite help?
    22:40 A bit more about hydration
    31:03 How does the server collection information?
    32:11 How do you share state between components?
    34:45 How is data fetching handled?
    37:47 Why are you using JSX?
    41:53 Dealing with components in other frameworks
    Mitosis

    49:21 What is Partytown?
    Partytown

    54:30 Supper Club questions
    ××× SIIIIICK ××× PIIIICKS ××× Thinking Fast and Slow

    Shameless Plugs Builder.io

    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

26. Converting JS to TypeScript

    8 februari 2023 · 1 uur 12 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about their respective processes for converting JavaScript to TypeScript in their projects, why you might want to, and tooling for moving to TypeScript.
    Sentry - Sponsor If 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.
    Show Notes 00:10 Welcome
    00:36 Sponsor: Sentry
    02:23 Electrical updates
    08:16 Moving to TypeScript
    09:34 What are you doing with GraphQL?
    GraphQL Codegen Lees meer

    11:35 Why move to TypeScript?
    12:00 Refactoring is easier
    14:58 Better DX
    18:42 Adding a tsconfig.json file
    22:43 Figure out your tooling
    23:50 Type Checker
    25:13 MongoDB to TypScript Generator
    26:44 Eslint-Typescript
    28:03 Deprank
    Deprank

    29:18 Refactor and rename to .ts
    32:40 Typing your code
    43:04 Utilities and unions
    46:11 Where do you put your types?
    49:29 Typing Dependencies
    Definitely Typed

    Raycast Search npm

    54:26 Global types
    01:08 Now what?
    03:58 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Elegrp USB C Walloutlet

    Wes: Barrina Shop Lights

    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

27. Polish and Perf

    6 februari 2023 · 21 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk through quick tips to improve performance of your website, and the tools available to help diagnose and fix perf issues.
    Show Notes 00:25 Welcome
    00:50 Polish And Perf explained
    02:05 What kinds of tools are available to improve performance
    Lighthouse in Chrome Lees meer

    PageSpeed

    09:32 Identify route caching and http caching
    14:25 Partytown
    Partytown

    15:19 Unnecessary network calls
    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

28. Supper Club × Rust In Action with Tim McNamara

    3 februari 2023 · 58 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Tim McNamara, author of Rust in Action about what Rust is, how to get started learning Rust, and ideas of good projects to begin learning Rust with.
    Show Notes 00:37 Welcome
    01:26 Guest introduction
    Rust in Action Lees meer

    Tim on Twitter

    Tim on YouTube

    03:51 What was it like to write a book on Rust?
    07:52 What drew you to Rust?
    13:01 The approachability of Rust
    21:41 What’s a good introductory project with Rust?
    25:15 Why would someone learn Rust?
    It’s time to try WASM

    40:23 What is a crate and cargo in Rust?
    44:17 Running Rust in various places
    50:53 Should the average web developer try Rust?
    52:13 Supper club questions
    54:17 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× kokako

    Shameless Plugs Tim McNamara - How to learn Rust

    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

29. 570

    1 februari 2023 · 1 uur 2 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk through what ESM is, and why you want to move your projects to ESM.
    Sentry - Sponsor If 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.
    Show Notes 00:10 Welcome
    00:51 Sponsor: Sentry
    02:32 Our experiences with ESM
    06:54 Why ESM?
    11:42 Top Level Await
    16:16 Assert Import type eventually
    Scott’s Vite chunk import map Lees meer

    21:00 Converting code to ESM
    27:22 .JS on end of files
    32:12 Imports and exports
    37:52 TypeScript
    40:24 Bundling / Transpiling
    Vite Node

    43:42 Dependencies
    Sindre thread

    45:16 Publishing
    53:25 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Egg dispenser

    Wes: Pure Cinema Podcast

    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

30. CSS Wishlist

    30 januari 2023 · 35 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk through their wishlist for CSS in 2023 including mixins, range selectors, fit text, robust color functions, overflown, and more.
    Show Notes 00:26 Welcome
    01:09 Snow skate update
    03:01 Mixins
    05:06 Range selector
    09:36 :first-of-column :last-of:column / row
    Ability to target items in nth-row of autofilled, implicit grid Lees meer

    11:43 Fit Text
    13:34 Overflow-x, overflow-y control
    15:36 Full support for CSS with Inline Styles
    16:24 nth-of-found()
    18:18 Robust Color functions
    22:19 resize: both but no overflow or scroll
    23:39 Animate height auto
    23:57 Full attr() support
    25:07 CSS References
    CSS References

    26:59 overflown + :stuck
    28:56 Multi-line selectors
    30:35 Container Queries - select the container itself
    32:04 :is-scrolled - select a container when it’s scrolled
    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

31. Supper Club × Caleb Porzio

    27 januari 2023 · 1 uur 5 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Caleb Porzio about Livewire, Alpine.js, what is it with PHP devs making cool stuff, TypeScript thoughts, and more.
    Show Notes 00:36 Welcome
    01:05 Buffalo and Canada
    History of Target in Canada Lees meer

    06:23 Who is Caleb Porzio?
    @CalebPorzio on Twitter

    09:26 What is Livewire?
    Livewire

    Alpine.js

    HotWired

    12:58 Are these MVC frameworks?
    18:11 What is the process behind the scenes?
    20:36 How does Hotwire handle rendering?
    25:38 What is Alpine.js?
    33:19 Why are PHP devs making interesting things?
    Laravel

    Tailwind

    40:32 What is a nextTick in JavaScript?
    Microtask Guide

    46:20 TypeScript thoughts
    48:05 Server side rendering?
    Morph

    49:25 Supper Club questions
    Ergodox Keyboards

    Glove 80 Keyboards

    Natty Theme

    MonoLisa

    59:40 ××× SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Ugmonk Analog

    Shameless Plugs Make VS Code Awesome

    Alpine.js

    Livewire

    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

32. We React to State of JS 2022

    25 januari 2023 · 1 uur 11 min

    Afspelen
    In this episode of Syntax, Wes and Scott look through the results of the State of JS survey for 2022.
    Show Notes State of JS 2022 Lees meer

    00:26 Welcome

    01:24 Thoughts on the survey in general

    04:24 Country of origin

    05:53 Salaries

    08:14 Higher education

    08:58 JavaScript features

    15:41 Browser APIs

    21:15 Library Usage

    26:11 Interest in frontend frameworks

    28:40 Framework usage

    31:41 Rendering frameworks

    34:57 Build tools usage over time

    39:37 Monorepo tools

    Moon

    46:41 Backend frameworks

    Civet

    47:42 JavaScript run times

    51:01 TypeScript JavaScript balance

    52:17 JavaScript flavors

    57:03 Resources

    Fireship Dev

    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

33. Container Queries Explained

    23 januari 2023 · 26 min

    Afspelen
    In this Hasty Treat, Scott and Wes explain what container queries are, use cases for them, new units of measurement, and possible issues with container queries.
    Show Notes 00:28 Welcome
    01:46 What are Container Queries?
    Tweet about Container Queries Lees meer

    03:28 Use cases for Container Queries
    Home Assistant

    Can I Use?

    06:11 The syntax of container queries
    13:42 New units
    22:27 Old iOS versions may cause issues
    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

34. Supper Club × Simen Svale Skogsrud and Espen Hovlandsdal from Sanity

    20 januari 2023 · 55 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Simen & Espen from Sanity about what Sanity is, who uses Sanity, what is a content lake, how Sanity works with React or TypeScript, what GROQ is, how portable text works, and of course, the supper club questions.
    Show Notes 00:36 Welcome Lees meer

    01:37 Who are you and what is Sanity?

    04:04 What kinds of services use Sanity?

    06:18 What is a content lake?

    07:26 Enabling code access to Sanity Studio

    13:12 Implenting Sanity into a React app

    14:49 What is GROQ?

    21:04 Is GraphQL still the best way to query data?

    25:32 Workflows in Sanity

    27:48 What is portable text?

    35:19 How does Sanity work with TypeScript?

    38:51 Ecommerce options with Sanity

    41:29 Supper club questions

    50:33 SIIIIICK ××× PIIIICKS ×××

    Syntax 533 - Zod Schema

    Elden Ring

    Risk of Rain

    Sharp

    Syntax 526 - Supper Club with on TRPC

    ××× SIIIIICK ××× PIIIICKS ××× Espen bread

    Medium Tall

    Shameless Plugs Sanity Syntax code

    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

35. Potluck × JS Modules × HTML Tags × Recession × Budgeting

    18 januari 2023 · 1 uur 5 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about HTML tags, budgeting, recession proofing your business, software dev vs software engineer, taking payments, and more.
    Show Notes 00:11:11 Welcome
    01:29:11 When should you use article and section in HTML?
    08:03:08 Does your business suffer from the economic recession?
    15:47:18 How do you manage your money or budget?
    PlainTextAccounting Lees meer

    YNAB

    Copilot

    20:51:11 What should I consider using? There’s a lot of options. CommonJS, AMD, UMD, es modules?
    26:30:09 What’s the difference between a software developer and software engineer?
    30:36:11 How do you handle payment for your course platforms?
    Braintree

    Gumroad

    Paddle

    Stripe

    38:33:23 Why is this false? “I’m a string” instanceof String
    40:38:22 Do you all use Mac spaces for organizing windows?
    Arc

    45:55:21 Do you have any tips that would help my front end team avoid rendering a DOM with invalid element nesting?
    48:48:14 Would you do an episode commenting on the CSS Nesting survey released this week?
    Help Choose CSS Nesting Syntax

    53:57:01 How do you guys go about prioritizing your work?
    Height.app

    Things

    58:50:19 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Bundle of Eucalyptus

    Wes: Recycling bin brackets
    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

36. Buy It or Build It? A Service is Not a Solution

    16 januari 2023 · 44 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about the differences between building it yourself vs paying for a service to do it for you, such as cron jobs, checkout, hosting, images, video, and more.
    Show Notes 00:24 Welcome
    03:19 Buying vs building topic
    07:09 Strategy
    09:50 Escapability
    14:56 Services You Could Use
    Sentry Lees meer

    Postmark

    16:34 Efficiency of using a service
    18:08 Cron jobs
    20:43 Checkout
    Recurly

    Lemon Squeezy

    Stripe

    Braintree

    24:29 Hosting
    26:00 Screenshots and open graph images
    Cloudinary

    Vercel OG

    Puppeteer

    29:25 Search
    Algolia

    Elastic

    MongoDB

    33:32 Auth
    PasswordJS

    36:55 Images
    39:46 Video Hosting
    Vimeo

    Mux

    Amazon Kinesis

    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

37. Katherine Mello on Liberal Arts → Coding, Bootcamps, and Sustainability

    13 januari 2023 · 56 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Katherine Mello about her journey into coding from liberal arts to bootcamp education, data visualization, and coding for a sustainable focused company.
    Show Notes 00:34 Welcome
    01:10 Guest introduction
    Rolling With Kat Lees meer

    03:05 Bag milk?
    04:34 What is Tangible Materials?
    Tangible Materials

    07:27 How did you end up at Tangible?
    Full Stack Academy

    10:05 Are bootcamps worth it?
    14:46 How important were in person classes to you?
    All We Can Save

    Braiding Sweetgrass

    20:46 What do you enjoy about data visualization?
    D3

    Data visualization society

    Three.js

    Observable

    Color Wheel

    27:21 Working at WeWork
    WeWork: Or the Making and Breaking of a $47 Billion Unicorn • Official Trailer

    34:14 What is your tech stack at Tangible?
    38:26 What backend would Wes use for a project?
    Svelte Kit

    Supabase

    Super Bass

    42:10 Is there environmental web hosting?
    43:47 Supper Club Questions
    Uplift Desks

    50:22 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Climavores

    Shameless Plugs Drinking from the Garden Hose

    Hiring at Tangible Materials

    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

38. 2023 Goals × Learning and Doing

    11 januari 2023 · 1 uur 5 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk through their goals for 2023 including coding, tooling, courses and platforms, social media, and fitness.
    Show Notes 00:17 Welcome
    02:38 What’s a cantina?
    06:33 Scott’s coding goals
    Animated grid layouts Lees meer

    Tauri

    14:39 Wes’ code goals
    Uses

    Stripe

    Stripe Elements

    Shoelace

    23:17 Tooling
    Vite Plugin List Directory Contents

    26:39 Scott’s courses and platform
    LevelUp.video

    29:36 Wes’ courses
    Wes Bos Tutorials

    31:11 Scott’s fitness goals
    35:55 Wes’ fitness goals
    39:44 Apple Watch for fitness
    41:54 Syntax podcast goals
    50:13 Scott’s social media goals
    Scott on TikTok

    LevelUp Newsletter

    52:35 Wes’ social media goals
    Wes on TikTok

    58:02 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: The Menu

    Wes: JB Weld Clearweld, big version

    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

39. TypeScript Fundamentals × Satisfies and as const

    9 januari 2023 · 23 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about Satisfies and as const.
    Show Notes 00:25 Welcome
    02:04 Xmas recap
    Peloton Lees meer

    04:09 Satisfies and as const
    06:16 What is const?
    10:30 Helping with currency
    12:44 Bos monster server update
    14:13 Satisfies
    export const currencies = { USD: 'US Dollars', CAD: 'Canadian Dollar', EUR: 'Euro', } as const; export type Currency = typeof currencies; export type CurrencyCode = keyof Currency; 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

40. Supper Club × Sarah Drasner on Engineering Management

    6 januari 2023 · 55 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Sarah Drasner about her new book, Engineering Management for the Rest of Us, what it’s like moving from management to coding and back, the book writing process, and her Fortnite VS Code theme.
    Show Notes 00:36 Welcome
    01:59 Who is Sarah Drasner?
    @Sarah_Edo on Twitter Lees meer

    @Sarah_Edo on Mastodon

    @Sdras on CodePen

    @SDras on GitHub

    SarahDrasnerDesign.com

    Google

    Engineering Management for the Rest of Us

    Amazon: Engineering Management for the Rest of Us

    Netlify

    05:25 How did you figure out what to do in management?
    07:20 How do you get out of engineer’s way?
    The Engineer Manager pendulum

    09:39 Do you spend time on making the person happy in the job?
    15:51 Should managers code?
    19:16 Was it difficult to step out of coding?
    21:07 Why do people leave jobs?
    24:04 Dealing with conflict and reorgs
    28:36 What makes a good retro?
    31:25 What was your process for writing a book?
    SVG Animations: From Common UX Implementations to Complex Responsive Animation

    Scrivener

    Egghead

    Mayfly Design

    Sarah Drasner’s articles on CSS Tricks

    Sarah Drasner’s articles on Smashing Magazine

    43:44 Supper Club questions
    Sarah Drasner’s VS Code snippets and themes

    Creating a VS Code theme

    Wes Bos Cobalt 2 VS Code theme

    Partytown beta

    53:10 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Paper Koi Lantern: a DIY Kit

    Shameless Plugs Engineering Management for the Rest of Us

    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

41. Our Predictions for 2023

    4 januari 2023 · 1 uur 9 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about their predictions in web development for 2023.
    Show Notes 00:07 Welcome
    01:25 SSR JS sites more the norm
    03:32 React doing forms
    05:39 TypeScript Inferred becomes hot
    08:11 Deno gets hotter
    12:51 JS Runtimes Mature
    HTMX Lees meer

    15:00 We will see a new TS Type Checker written in Rust
    19:20 New JS APIs
    23:37 Writing towards Winter CG Spec Popular. “Worker Ready” script
    STC

    27:05 A new JS framework
    SolidJS

    Qwik

    29:44 Page Transitions API
    32:40 Scott was right / Scotts gonna be right
    34:06 Rust becomes more Popular
    36:00 React Beta Docs launch after 5 year dev cycle
    37:45 CSS Container Queries in Production
    41:07 Svelte and Sveltekit Glow Up
    43:38 CSS Subgrid
    49:19 WASM
    51:51 AI
    Open AI

    53:16 Houdini
    54:30 People souring on React, Eslint
    57:47 Machine learning
    01:08 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scott: Cron

    Wes: Wyze Headphones

    Shameless Plugs Scott: LevelUp SvelteKit Tutorial

    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

42. TypeScript Fundamentals × Type Narrowing, Guards, and Predicates

    2 januari 2023 · 23 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk through some TypeScript Fundamentals around type narrowing, type guards, and type predicates.
    Show Notes 00:24 Welcome
    01:40 Rocking predicates
    02:54 What is a type in TypeScript?
    04:11 Type Narrowing
    08:18 Type Guard
    16:19 Type Predicates
    Shameless Plugs Scott: LevelUp Tutorials Lees meer

    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

43. Supper Club × Polypane with Kilian Valkhof

    30 december 2022 · 58 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Kilian Valkhof about his work on Polypane, a browser for developers. How is Polypane built? Why does he have a focus on accessibility in Polypane?
    Show Notes 00:39 Welcome
    01:48 Who is Kilian Valkhof?
    kilianvalkhof.com Lees meer

    @kilianvalkhof on Twitter

    04:50 What is Polypane?
    Polypane

    @Polypane on Twitter

    FromScratch

    09:31 How is Polypane built?
    14:18 What about the Dev tools tab?
    20:15 Outline tab
    23:23 Color picker
    27:33 Canvas rules and guides
    32:16 Accessibility background and tools
    40:28 How do you parse the CSS?
    42:51 What else do you want people to know about Polypane?
    44:42 Supper Club questions
    53:59 SIIIIICK ××× PIIIICKS ×××
    Shameless Plugs Fix Contrast

    Superposition

    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

44. Were We Wrong? 2022 Predictions Revisited

    28 december 2022 · 1 uur

    Afspelen
    In this episode of Syntax, Wes and Scott revisit their 2022 predictions and see which ones they got right, and which they got wrong.
    Sentry - Sponsor If 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 - 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.
    Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax
    Show Notes 00:09 Welcome
    Syntax 420: 2022 Predictions Lees meer

    01:44 Svelte popularity
    Svelte

    Svelte Kit

    04:09 Next.js data layer
    05:06 Web components UI
    Open UI

    06:19 Rust popularity
    Rust

    10:07 Serverless and Cloud functions
    10:42 Tailwind popularity
    16:20 Sponsor: Sentry
    17:59 Next gen dev tools
    19:46 CSS Container queries
    21:45 GraphQL
    26:26 Deno
    29:44 TypeScript
    34:28 Sponsor: Sanity
    35:07 Server comeback
    36:21 Checkouts and payment processers
    Lemon Squeezy

    43:05 Sponsor: Auth0
    44:18 Temporal API
    46:44 Remote dev thin client popularity
    49:49 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Scot…

45. 554: Desktop apps in JS × Electron and Tauri

    26 december 2022 · 27 min

    Afspelen
    In this Hasty Treat, Scott and Wes talk about the current state of building desktop apps with Electron or Tauri.
    Sentry - Sponsor If 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.
    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.
    Show Notes 00:33 Welcome
    01:18 Sponsor: Sentry
    02:47 Sponsor: Prismic
    04:01 Our experience with building desktop apps
    Level Up Tutorials: Level 1 Electron Lees meer

    Hair.WesBos.com

    10:04 Frameworks for building apps
    10:56 Tauri vs Electron
    Tauri

    Electron

    23:38 Tooling
    vite-plugin-electron

    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

46. 553: Supper Club × Switching into Coding and climbing the Pommade ladder with Kenneth Lyerly

    23 december 2022 · 47 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Kenneth Lyerly about his career path into coding, and how he manages to hold two jobs.
    Show Notes 00:38 Welcome
    Ken.dev Lees meer

    Ken on Github

    01:59 How do you have two jobs?
    09:46 When did you start a second job?
    16:02 Any tips for someone wanting to switch into coding?
    24:03 Do you have advice for people trying to market themselves?
    31:38 What is working these days for marketing efforts?
    34:47 Where can devs learn about marketing?
    35:50 Barbershop culture
    39:47 Supper club questions
    Snazzy Labs custom Touch ID button

    Tech Meme Ride Home podcast

    44:10 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Traeger Grills

    Shameless Plugs Suavecito

    ResortPass

    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

47. 552: Potluck × Twitter Thoughts × Business Models × Senior Developer

    21 december 2022 · 1 uur 7 min

    Afspelen
    In this potluck episode of Syntax, Wes and Scott answer your questions about how to give feedback on the podcast, deciding on a business model for courses, what to do about Twitter, and more.
    Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.
    Sentry - Sponsor If 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.
    Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax
    Show Notes 00:10 Welcome
    01:51 Podcast feedback
    04:46 Can you talk about how you made the decision to re-write LevelUp?
    Strangler Fig Lees meer

    13:54 How did you get a score for your website?
    Google Pagespeed

    19:30 Where will we move to when Twitter implodes?
    Twitter Blue

    26:29 Sponsor: Linode
    27:06 How did you arrive at your business model?…

48. “Serverless” Databases

    19 december 2022 · 28 min

    Afspelen
    In this episode of Syntax, Wes and Scott talk about your options for database when you’re working with serverless.
    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.
    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:25 Welcome
    00:51 Sponsor: LogRocket
    01:44 Sponsor: Prismic
    03:17 Why Serverless and related databases?
    07:45 Deploying on Deno
    Deno Lees meer

    08:44 Using a database with serverless functions
    Syntax 542 - Serverless Limitations

    11:53 Using purpose built databases
    Planetscale

    Supabase

    Cloudflare D1

    Cloudflare Key Value Store

    AWS DynamoDB

    AWS Auroa

    FaunaDB

    Neon

    Railway

    MongoDB Serverless

    Redis

    Cassandra

    15:01 The results of the test
    17:35 Solutions
    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

49. Supper Club × React Video Creator with Jonny Burger

    16 december 2022 · 57 min

    Afspelen
    In this supper club episode of Syntax, Wes and Scott talk with Jonny Burger about why and how he built Remotion, his app that lets you create MP4 videos using React.
    Gatsby - Sponsor Today’s episode was sponsored by Gatsby, the fastest frontend for the headless web. Gatsby is the framework of choice for content-rich sites backed by a headless CMS as its GraphQL data layer makes it straightforward to source website content from anywhere. Gatsby’s opinionated, React-based framework makes the hardest parts of building a performant website simpler. Visit Gatsby.dev/Syntax to get your first Gatsby site up in minutes and experience the speed. ⚡️
    Tuple - Sponsor This week’s sponsor is Tuple, an app built specifically for remote pair programming. The app is written in C++ and tuned for high-resolution screen sharing and low-latency remote control. Because developers deserve better than Zoom or Meet for pairing.
    Show Notes 00:36 Welcome
    01:24 Who is Jonny Burger?
    Jonny.io Lees meer

    Jonny on GitHub

    Jonny on Twitter

    03:51 Why did you create Remotion?
    Remotion.dev

    07:36 What types of videos are people making?
    10:53 What is the tech stack?
    Puppeteer

    Lottie

    18:31 What is Idempotence?
    19:50 What is lottie?
    22:56 Motion blur trail
    Motion blur trail demo

    25:17 Sponsor: Gatsby
    26:12 Chrome rendering
    29:58 When would you choose JPG or PNG?
    31:43 Are you using ffmpeg in the browser?
    ffmpeg

    36:00 Sponsor: Tuple
    37:43 What player do you use for playback?
    39:54 How did you take this idea to a product?
    44:05 Supper Club questions
    LG C9 TV

    iTerm

    50:12 SIIIIICK ××× PIIIICKS ×××
    ××× SIIIIICK ××× PIIIICKS ××× Yoga with Adriene

    Cosmic Kids Yoga

    Shameless Plugs Toopo.art

    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

50. JavaScript in 2022

    14 december 2022 · 1 uur 10 min

    Afspelen
    In this episode of Syntax, Wes and Scott look at the the Web Almanac’s report on the role of JavaScript on the web in 2022.
    Auth0 - Sponsor Auth0 is the easiest way for developers to add authentication and secure their applications. They provides features like user management, multi-factor authentication, and you can even enable users to login with device biometrics with something like their fingerprint. Not to mention, Auth0 has SDKs for your favorite frameworks like React, Next.js, and Node/Express. Make sure to sign up for a free account and give Auth0 a try with the link below. https://a0.to/syntax
    Sentry - Sponsor If 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.
    Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax
    Show Notes 00:11 Welcome
    01:17 College football update
    04:07 Web almanac for 2022
    JavaScript in the 2022 Web Almanac Lees meer

    06:25 Unused JavaScript
    07:47 JavaScript requests per page
    09:38 Bundlers
    14:01 Pages using Babel
    16:01 How JavaScript is requested
    19:22 Sponsor: Sentry
    20:56 Loading render blocking tags
    22:48 Dynamic import, web workers, source maps
    24:33 Libraries and frameworks
    Owl Carousel

    Lazy Sizes

    29:30 Websites using web components
    31:35 Websites with JavaScript security issues
    32:43 Sponsor: Auth0
    33:58 Jamstack
    37:09 JavaScript used by Jamstack sites
    38:03 Jamstack hosting
    39:46 Popular Static site generators
    44:49 Progressive web apps and service workers
    50:29 jQuery inside WordPress themes
    WeCrashed

    51:13 Project Fugu
    Project Fugu

    52:51 Web push notifications
    5…