TopPodcast.com
Menu
  • Home
  • Top Charts
  • Top Networks
  • Top Apps
  • Top Independents
  • Top Podfluencers
  • Top Picks
    • Top Business Podcasts
    • Top True Crime Podcasts
    • Top Finance Podcasts
    • Top Comedy Podcasts
    • Top Music Podcasts
    • Top Womens Podcasts
    • Top Kids Podcasts
    • Top Sports Podcasts
    • Top News Podcasts
    • Top Tech Podcasts
    • Top Crypto Podcasts
    • Top Entrepreneurial Podcasts
    • Top Fantasy Sports Podcasts
    • Top Political Podcasts
    • Top Science Podcasts
    • Top Self Help Podcasts
    • Top Sports Betting Podcasts
    • Top Stocks Podcasts
  • Podcast News
  • About Us
  • Podcast Advertising
  • Contact
Not in our directory?
Add Show Here
Podcast Equipment
Center

toppodcastlogoOur TOPPODCAST Picks

  • Comedy
  • Crypto
  • Sports
  • News
  • Politics
  • True Crime
  • Business
  • Finance

Follow Us

toppodcastlogoStay Connected

    View Top 200 Chart
    Back to Rankings Page
    News

    Syntax – Tasty Web Development Treats

    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.

    Advertise
    • Apple Podcasts
    • Google Play
    • Spotify
    Latest Episodes:
    Potluck - Multi Tenant Apps, JS Sprinkles, Kids Coding, Server Error Handling Apr 13, 2022
    Show notes

    In this episode of Syntax, Wes and Scott answer your questions about multi tenant apps, JS sprinkles, kids coding, server error handling, 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.

    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.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

    Show Notes
    • 00:26 Welcome
    • 01:01 Buying a new car
    • Hyundai Ioniq 5
    • 08:20 What would you recommend old-school jQuery folks, external agency vendors, and modern devs that want to work together?
    • 11:59 Are React dumb/presentational components only possible at the leaf components of an application?
    • 15:35 How old should a kid be to learn programming?
    • Scratch
    • Minecraft
    • 20:28 Sponsor: Sentry
    • 21:34 Without pointing me to a paid error program like sentry, how do you guys manage this rabbit hole?
    • 27:05 How do you judge how much server you need?
    • MongoDB Atlas
    • Google Pagespeed
    • 31:57 For websites that aren’t applications how would you best organize your JavaScript?
    • 35:17 How do you diagnose slowdowns and bad user experience?
    • 41:31 Sponsor: Sanity
    • 43:13 Do you default export your React components when using TypeScript?
    • 47:42 Besides web sockets or polling at a predefined interval and refreshing the page to fetch new data, can you think of any Next-specific solutions or recommend any packages that could help make this relatively simple?
    • Supabase
    • Firebase
    • Meteor
    • 52:13 We should look into ‘tunneling’.
    • 56:42 How do I build a multi-tenant app?
    • Caddy Server
    • nginx
    • Approximated.app
    • Vercel offers this via a middleware
    • Cloudflare SSL for SaaS
    • 00:56 Sponsor: Freshbooks
    • 01:34 SIIIIICK ××× PIIIICKS
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Vivid
    • Wes: Right angle Lightning cables
    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
    How To Be Consistent Apr 11, 2022
    Show notes

    In this Hasty Treat, Scott and Wes talk about their tips and tricks for being consistent if you’re trying to create.

    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.

    MagicBell - Sponsor

    MagicBell is the The notification inbox for your product. Add a MagicBell to your product for announcements, billing, workflow, and other notifications. The free plan supports up to 100 Monthly Active Users - use the coupon code SYNTAXFM for 10% off the first 12 months.

    Show Notes
    • 00:44 String cheese theory
    • 01:49 Sponsor: Sentry
    • 03:41 Sponsor: MagicBell
    • 05:26 Being consistent is the key to success
    • 07:12 Commit to it
    • 09:13 Plan and schedule
    • 13:42 Being accountable to someone
    • 18:11 Break things down into smaller tasks
    • 20:25 Measure goals
    • 22:14 Revise the plan
    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
    Making Content × What is our Process? Youtube, Blog Posts, Courses, Conference Talks, and Podcasts Apr 06, 2022
    Show notes

    In this episode of Syntax, Wes and Scott talk through their process for making content on the internet for their YouTube channels, blog posts, courses, conference talks, and podcasts.

    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.

    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:09 Welcome
    • 03:02 Creating YouTube videos
    • Scott’s YouTube channel
    • 09:42 Conference talks
    • Notion
    • Stackblitz
    • Reactathon
    • Raycast
    • 17:05 Sponsor: Linode
    • 17:32 Tech for making slides
    • 19:37 Courses - how to decide what to do?
    • 26:44 How Wes breaks down a course topic
    • 30:00 Arranging a course layout
    • 33:19 Sponsor: LogRocket
    • 34:17 Writing blog posts
    • 41:58 Sponsor: Sanity
    • 43:32 How we organize the podcast
    • 51:10 SIIIIICK ××× PIIIICKS
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: ZENOVA Under Desk Treadmill Walking Pad
    • Wes: Trader Joe’s Hot Sauce with Yuzu
    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
    Types in JS? Apr 04, 2022
    Show notes

    In this Hasty Treat, Scott and Wes talk about a proposal for type syntax in JavaScript.

    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.

    Show Notes
    • 00:25 Welcome
    • 01:13 Sponsor: Sentry
    • 02:03 Sponsor: Sentry
    • 02:44 The proposal announced
    • A proposal for type syntax in JavaScript
    • Proposal types as comments
    • 03:24 What are types?
    • 08:33 Types as comments
    • 10:51 Why not JS Doc?
    • 13:39 What it looks like
    • 19:02 Possible downsides
    • 21:37 Why not define a type system for JS in TC39 instead?
    • Why not define a type system for JS in TC39 instead?
    • 22:41 The Proposal vs Typescript
    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
    Syntax Highlight Mar 30, 2022
    Show notes

    In this episode of Syntax, Wes and Scott review your websites that you submitted including bald.design, Anh Hoang Nguyen, bradleyshellnut.com, and more.

    Prismic - Sponsor

    NEEDS AUDIO RECORDING FIRST

    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.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

    Show Notes
    • Uses.tech
    • 00:10 Welcome
    • 03:35 How to submit your site for highlight
    • 04:11 bald.design https://www.bald.design
    • 10:38 Anh Hoang Nguyen https://www.hoanganh.dev
    • 15:08 kennytye.com https://www.kennytye.com
    • 22:42 Sponsor: Freshbooks
    • 24:10 rubenoliveira.tech http://rubenoliveira.tech
    • 28:47 abgn.me https://abgn.me
    • 32:02 Sponsor: LogRocket
    • 33:19 bradleyshellnut.com https://bradleyshellnut.com
    • 41:11 hunterjennings.dev https://www.hunterjennings.dev
    • 46:19:16 Sponsor: Prismic
    • 47:42:19 matthewfarlymn.com https://matthewfarlymn.com
    • 55:00:01 SIIIIICK ××× PIIIICKS
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Bad Vegan
    • Wes:
    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
    What’s Up With Vitest? Mar 28, 2022
    Show notes

    In this Hasty Treat, Scott and Wes talk about Vitest, how testing is handled, how code coverage works, and whether they think they’ll use it.

    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.

    MagicBell - Sponsor

    MagicBell is the The notification inbox for your product. Add a MagicBell to your product for announcements, billing, workflow, and other notifications. The free plan supports up to 100 Monthly Active Users - use the coupon code SYNTAXFM for 10% off the first 12 months.

    Show Notes
    • 00:21 Welcome
    • 02:47 Sponsor: Sentry
    • 03:48 Sponsor: MagicBell
    • 04:55 What’s is Vitest?
    • 09:06 How is testing handled?
    • 10:59 HappyDOM
    • 14:13 Code coverage baked in
    • 16:25 Files acting as folders
    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
    Our Stacks Explained Mar 23, 2022
    Show notes

    In this episode of Syntax, Wes and Scott talk through the tech stack they use to manage their course websites.

    Kontent by Kentico - Sponsor

    Kontent by Kentico is a headless CMS that provides live editing experience to non-technical users and hands you the technical tools to build websites, mobile apps, voice assistants, or anything else where you need content. Use REST API or GraphQL and get your content via the global Fastly CDN. Designed to unify all your content and operations, in compliance with ISO27001 and SOC2Type2 certifications.Spin up a new project today and discover Kontent.

    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.

    .TECH Domains - Sponsor

    Dot Tech domains has launched a new game with wicked prizes. It’s a windows 98 inspired game where you need to find and solve puzzles in each of the drives. This is unreal and you need to see it to believe it - good luck and start the game March 25th at go.tech/syntaxbtc.

    Show Notes
    • 00:10 Welcome
    • 02:50 CSS Redesign of LevelUpTuts
    • 03:56 Overview of our platforms
    • 06:06 The API
    • ExpressJS
    • MongoDB
    • GraphQL
    • Fastify
    • Mercurius
    • Mongoose
    • 15:13 Sponsor: Kontent by Kentico
    • 17:07 Customer dashboard
    • Svelte Kit
    • 21:21 Viewing experience
    • React
    • GitHub
    • VideoJS
    • Mux
    • Vimeo
    • 30:53 Hosting
    • 35:51 Sponsor: LogRocket
    • 36:45 Admin tooling
    • Flexbox
    • Postmark
    • Drip
    • Pancake Charts
    • 47:37 Authentication
    • PassportJS
    • 50:30 Transactional Email
    • Nodemailer
    • Pug
    • Inky
    • mjml
    • 52:36 Checkout
    • Stripe
    • Stripe Checkouts
    • Stripe Elements
    • Braintree
    • Paypal
    • 55:58 Hosting
    • Digital Ocean
    • Digital Ocean Platform
    • Render
    • Cloudflare
    • 57:48 Sponsor: .TECH
    • 59:39 Other parts
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Toniebox Audio Player Starter Set
    • Wes: Vissles v84 Keyboard
    Shameless Plugs
    • Scott: LevelUp Tutorials - Svelte 3D Course
    • 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
    SSL Certs, Approvals and Cloudflare Mar 21, 2022
    Show notes

    In this Hasty Treat, Scott and Wes talk about getting SSL certificates set up between your hosting, Cloudflare, and other web apps you may use.

    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:21 Welcome
    • 01:13 Sponsor: LogRocket
    • 02:06 Sponsor: Prismic
    • 03:23 Wes’ story of SSL
    • Render
    • 05:43 How LetsEncrypt works
    • LetsEncrypt
    • 08:32 What is Cloudflare?
    • Cloudflare
    • 10:33 The problem Wes ran into
    • 12:27 Support is tricky
    • 13:54 What is Cloudapp?
    • Cloudapp
    • Vercel
    • 15:34 Two SSL Certs are needed
    • 16:41 First solution
    • 17:36 Second solution
    • 22:36 What about A Records?
    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
    Potluck - Handling Auth × Are Web Dev Real Developers? × Handling Git Conflicts × Converting PNG to Box-Shadow × Bad Docs vs No Docs × Making Shopify Headless Mar 16, 2022
    Show notes

    In this potluck episode of Syntax, Wes and Scott answer your questions about handling auth, are web dev real developers, handling Git conflicts, converting PNG to Box-Shadow, bad docs vs no docs, making Shopify headless, 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.

    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.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

    Show Notes
    • 00:10 Welcome
    • 01:32 Fool’s winter
    • 03:25 How do you handle authentication in an app?
    • 09:42 Responding to people who don’t think developers are real developers?
    • 12:21 How do you handle git conflicts in package-lock.json and/or yarn.lock files?
    • 14:42 I built a small project which converts .png images to CSS box-shadow values.
    • Img to Box Shadow
    • 16:37 January 19th, 2038 at 03:14:08 is the end of epoch
    • Office Space
    • 20:31 Sponsor: Sentry
    • 22:44 Should I begin to add PropTypes to my packages and projects?
    • 25:59 What’s worse: bad documentation or no documentation?
    • 27:37 How do you find the motivation or discipline to follow through in side projects?
    • 29:48 I need to take an existing Shopify site and make it headless - what should I use?
    • 37:55 Sponsor: Sanity
    • 39:18 You have a ?token= query param and some token value for it. Could you explain a bit more on what is that for?
    • 44:05 Have you thought about selling Syntax.fm shirts?
    • 46:05 Can I migrate my Express routes to Next.js’ API and get the same httpOnly cookies workflow?
    • 52:03 Sponsor: Freshbooks
    • 52:52 Sick Picks
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Okeeffe’s Lip Balm
    • Wes: Okeef’s Working Hands
    Level Up Course Drop - https://youtu.be/LATf_lVYoMQ?t=829 Shameless Plugs
    • Scott: Level Up Course Drop
    • Wes: Wes Bos Course player update
    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
    Hasty Treat WTF × SSR vs JamStack vs Serverless? Mar 14, 2022
    Show notes

    In this Hasty Treat, Scott and Wes talk about the differences between SSR, JamStack, and Serverless.

    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.

    Retool - Sponsor

    Retool is the fast way to build internal tools. Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, you ship more apps and move your business forward—all in less time.

    Visit Retool.com/syntax for more information.

    Show Notes
    • 00:21 Welcome
    • 01:20 Sponsor: LogRocket
    • 02:26 Sponsor: Retool
    • 03:49 What exactly is server side rendering vs. tech like Jamstack and serverless?
    • Cloudinary
    • Mux
    • 12:15 Why use one or the other?
    • Svelte Kit
    • Syntax.fm
    • 16:55 Where does Serverless fit into this?
    • 19:12 What’s the ideal scenario?
    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
    Previous 1 59 60 61 62 63 105 Next

    Related Podcasts

    Inside Strategic Coach: Connecting Entrepreneurs With What Really Matters

    1

    Inside Strategic Coach: Connecting Entrepreneurs With What Really Matters Business
    WSJ Your Money Briefing

    2

    WSJ Your Money Briefing Business
    FORTUNE Unfiltered with Aaron Task

    3

    FORTUNE Unfiltered with Aaron Task Business
    FORTUNE OnStage Presents: The Most Powerful Women

    4

    FORTUNE OnStage Presents: The Most Powerful Women Business
    Slate Money

    5

    Slate Money Business
    In The Dark – The New Yorker

    6

    In The Dark – The New Yorker Business News
    footer-logo

    Contact Us

    Toll Free: 844-670-7747

    Links

    • Home
    • Top Charts
    • Networks
    • Apps
    • Independents Podcasts
    • Podcast Advertising
    • Podcast News
    • Contact Us
    • About Us
    • Analytics & Insights

    Stay Connected

      Privacy, Terms of Use & Our Code of Ethics Protecting Content Creators Copyrights