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:
    2019 YEAR END Definitely Not a Clip Show Dec 25, 2019
    Show notes

    In this episode of Syntax, Scott and Wes do a 2019 year in review — the most popular Syntax episodes, what they learned, some personal updates, plans for next year, and more!

    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.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

    Show Notes

    1:40 - Plans for 2020

    • Syntax Live March 2019
    • Plans for 2020
    • Twitter has done really well for @syntaxfm
    • Community feels great

    9:20 - Top 10 Syntax episodes of 2019

    • Syntax162: The Fundamentals - JS
    • Syntax120: Gatsby vs Next
    • Syntax158: The Fundamentals - HTML + CSS
    • Syntax126: Bootcamps vs School vs Self-Learning
    • Syntax138: What’s New in Web Development
    • Syntax130: The VueJS Show (Scott teaches Wes)
    • Syntax146: CSS the Cool Parts
    • Syntax174: How to Build an API
    • Syntax154: SVGs with Sara Soueidan
    • Syntax106: A Look Forward to 2019

    25:17 - Personal stuff

    • Scott

      • Brooklyn Tolinksi
      • 2019 was really tough for me
      • Level Up courses for 12 months
      • Huge changes to my production values and office
      • Huge changes to LUT codebase (React hooks, Typescript, Next.js, Mongoose)
    • Wes

      • New Baby in June / 3 months Paternity Leave
      • Bought a cottage
      • Hardest course to make was Beginner JS — it was a slog, hard to stay motivated at times, with 80 hours of recording alone
      • Course Platform re-write (Next.js)

    39:17 - Stuff we learned

    • Scott

      • Better speaker
      • Lots of TypeScript
      • Better debugging
      • Hooks
      • Svelte
      • General improvement in JS writing and programming skills
    • Wes

      • Really good at Vanilla.js DOM API
      • React Hooks
      • Suspense
      • Audio Visualization
      • Shape Detection API - Faces, Barcodes, Text
      • Headless CMS: Prismic, Sanity, WordPress GraphQL, Keystone.js, Hasura
      • Very good understanding of the nitty gritty of JS (closures, objects, this, new keyword, classes, etc.)
    Links
    • Reactathon
    • freeCodeCamp Podcast
    • CSS Houdini
    • Syntax109: Hasty Treat - CSS Grid Level 2 aka Subgrid
    • Syntax092: React Hooks
    • Dev Mugs
    • TypeScript
    • Svelte
    • Prismic
    • Sanity
    • WPGraphQL
    • Keystone.js
    • Hasura
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: The Dream Podcast
    • Wes: Synology DiskStation DS918+
    Shameless Plugs
    • Scott: React & TypeScript For Everyone - Sign up for the year and save 25%!
    • Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off!
    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 - How We Launch Courses Dec 23, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about launching courses — a behind-the-scenes look at their platforms, processes, best practices, and what it takes to get a course published.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    2:13 - Scott’s process

    8:48 - Wes’ process

    20:57 - Additional tips

    Links
    • Beginner Javascript
    • Level Up Tutorials
    • Figma
    • Tim Smith
    • YouTube
    • Vimeo
    • HandBrake
    • Screenflow
    • Backblaze B2
    • VS 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

    State Machines, CSS and Animations with David K Piano Dec 18, 2019
    Show notes

    In this episode of Syntax, Scott and Wes talk with David K Piano about state machines, CSS, animations and more!

    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.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    2:30 - Who is David K Piano?

    4:00 - Did you have a background in animation prior to web development?

    5:45 - How did you build the CSS Responsive House on Codepen?

    8:36 - What are state machines?

    14:47 - How does it relate to programming?

    17:20 - How do you go about changing states?

    20:20 - Is this similar to how RxJS works?

    21:40 - How would state machine work in CSS?

    29:07 - Perspective in CSS

    34:47 - How do you like Twitch vs YouTube?

    35:48 - How do you add XState to a current project?

    41:42 - Visualizing sate machines

    46:15 - Do you have a day job as well?

    Links
    • @davidkpiano
    • David’s Codepen
    • CSS Responsive House
    • InVision
    • Framer
    • Figma
    • XState
    • RxJS
    • React
    • Apollo
    • Vue.js
    • Javascript30
    • Tailwind CSS
    • GROQ.dev
    • Keyframe.rs
    • Babel
    • Twitch
    • Keygrame.rs Patreon
    ××× SIIIIICK ××× PIIIICKS ×××
    • David: Lynn Fisher
    • Scott: The Big One
    • Wes: American Factory
    Shameless Plugs
    • David: XState and Keyframe.rs
    • Scott: React and Typescript for Everyone - Sign up for the year and save 25%!
    • Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off!
    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 - The New MacBook Pro for Web Development Dec 16, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about the new 16" MacBook Pro and how it performs as a web development machine.

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    2:24 - Why did the old ones suck?

    4:43 - What did we get and why?

    • Wes

      • 32GB RAM
      • 2.3GHz 8-core i9
      • 1TB SSD
    • Scott

      • 64GB RAM
      • 2.4GHz 8-core i9
      • 8gb AMD Radeon Pro 5500M
      • 2TB SSD

    9:40 - Is it still the best?

    • The MacBook Pro is the workhorse of developers
    • Keyboard is amazing
    • Screen is even bigger
    • Esc key is back
    • Touch ID is very fast
    • Heat is good
    • Speed is very fast. Great for video editing, recording, etc…
    • Trackpad feels great

    15:18 - Still not good:

    • Webcam sucks
    • Ports

    16:09 - Y NAWTS:

    • Why not Windows?
    • Why not Hackintosh?
    • Why not iMac?
    Links
    • 16" MackBook Pro
    • Surface Book
    • Alfred
    • CalDigit TS3 Plus Thunderbolt 3 Dock
    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

    2019 Gift Guide Dec 11, 2019
    Show notes

    In this episode of Syntax, Scott and Wes bring you an entire episode of sick picks — the 2019 gift guide!

    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.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

    Show Notes

    3:48 - Gadgets

    • Apple Watch
    • Sabrent Qi Wireless Charger
    • Sony wh-1000xm3
    • Bose QC35 II
    • Sabrent 8-in-1 hub
    • Satechi Aluminum Multi-Port Adapter
    • Anker 5-in-1 quick charge hub
    • 3 in 1 charge cable
    • Elgato Cam Link

    16:59 - Smart Home Automation

    • Google Nest Home Hub
    • Wyze cams + plugs + bulbs
    • Ecobee thermostat
    • Google Chromecast
    • Google Home
    • Smart Powerstrip

    27:14 - Laptop Stands

    • 12 South
    • Rain Design mStand
    • Roost
    • Nexstand

    29:59 - Phone Cases

    • RhinoShield

    30:52 - Mechanical Keyboards

    • Ctrl Keyboard
    • Keychron K1
    • Code Keyboard

    34:34 - Mice

    • Logitech MX Master Mouse

    35:27 - Tripods

    • Lammcou Flexible Tripod
    • GorillaPod

    37:04 - Cameras

    • Sony a7 III

    38:06 - Experiential

    • Massage
    • Float
    • Knife Skills Class
    • Butcher Class
    • Cooking Class

    40:08 - Food

    • Cold Brew Coffee Maker
    • Prep Naturals Glass Meal Prep Containers
    • Blue Top Creamy Buffalo
    • Heartbeat Hot Sauce Pineapple Habanero
    • Maldon Salt
    • Weck jars
    • Thick sheet pans
    • Precut parchment
    • Instant Read Thermometer
    • Umai Dry Steak Aging
    • Charcuterie bags
    • Mesh produce bags
    • Beeswax wraps
    • Yeti drinkware

    49:24 - Grooming & Wellness

    • Theragun
    • Foam roller
    • Power Blocks
    • Japanese nail clippers
    Links
    • Anker
    • Deal Extreme
    • Prismic YouTube Channel
    Shameless Plugs
    • Scott: Level Up Pro - Sign up for the year and save 25%!
    • Wes: Beginner Javascript Course
    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 - What Are Github Actions? Dec 09, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about Gihub Actions — what they do, why you might be interested in them, best practices and more!

    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

    2:30 - What are Github Actions?

    4:40 - Examples of Github Actions

    6:02 - Will Github Actions replace continuous integration services?

    9:19 - Libraries

    Links
    • Codeship
    • Github Actions
    • nextdiff
    • Figma Action
    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 - Tabs are better? × Coding Music × SEO × Is Angular good? × Biggie Smalls × Soy Sauce × More! Dec 04, 2019
    Show notes

    It’s another potluck! In this episode Scott and Wes talk about tabs vs spaces, coding music, SEO, React vs Angular vs Vue vs Svelte, Rapping, Soy sauce and more!

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Freshbooks - Sponsor

    Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

    Show Notes

    3:18 - Q: I am potentially starting a job as an Angular developer (modern angular). But I am scared that, even though I will continue to stay on the cutting edge in my personal projects, using Angular in my job will make it harder to get a job after that in more modern tech like React. Do you think there is any truth to this?

    5:30 - Q: Yo guys, saw soy sauce stirred up quite the controversy…lol. What are some big developer disagreements you guys have?

    11:40 - Q: In JavaScript, ! == is the same as ! =, but I was told there was a slight technical difference. I cannot find what the difference is. Could you elaborate on this?

    14:17 - Q: What are the rules on using another dev’s repos as a boiler plate? Example: Using Wes’s advanced react starter files to utilize his set up for my own project?

    15:35 - Q: What music do you listen to while you code? As an extension, could we crowd source a dev playlist and host it on Spotify?

    20:26 - Q: How do you go about working with different technologies and stacks (front-end related) when you have to accommodate for the client or other developers’ biases towards specific things. For example, you have to learn a different set of tools because in a new project someone doesn’t like what you use and says X is a better tool for the job.

    23:11 - Q: I know there is no magic SEO silver bullet, but what are some best practices for implementing SEO into your website or web application?

    27:26 - Q: When dealing with responsive sites, how do you go about respecting the request in iOS safari to show desktop sites?

    28:45 - Q: I get confused about your usage of the word ‘app’. You don’t make iPhone or Android apps, but you often through the word around like “I would create a Node App”, or “Some of the apps I made” etc. Is it just website applications, or how exactly should I interpret “Node App” or “Web App” compared to a mobile app?

    31:36 - Q: I wanted to ask your thoughts on transform class properties plugin from Babel? Heard the podcast on react state, I found it mind blowing when setting everything up without constructors.

    36:53 - Q: I am a beginner, I have mostly learned front-end so far (HTML/CSS, JavaScript, React). Should I first get pretty good at these before I start learning some back-end? Or, should I actually start learning back-end now and have a basic knowledge of both front-end and back-end?

    39:00 - Q: If for some reason React died today and you were no longer able to use it, which framework would you pick up and use full time? Would it be Vue or Angular? Or something new like Svelte?

    40:11 - Q: What habits, strategies, or specific tools do you rely on to prevent your hard drives from filling up with useless files?

    • find . -name "node_modules" -type d -prune -exec rm -rf '{}' +

    47:20 - Q: Which JS library is most like the Tesla Cybertruck?

    Links
    • Tailwind CSS
    • Syntax Spotify Playlist
    • Head Bob Spotify Playlist
    • Retired Scenester Metalcore Spotify Playlist
    • DaisyDisk
    • CleanMyMac
    • Backblaze
    • Tesla Cybertruck
    • RxJS
    • SynthWave '84 VS Code Theme
    • RoboCopJS
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Keychron K1 Mechanical Keyboard
    • Wes: Everlane Uniform Crew Neck
    Shameless Plugs
    • Scott: Black Friday Sale on All Courses
    • Wes: Beginner Javascript Course
    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 - New CSS Logical Properties Dec 02, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about new CSS Logical Properties.

    Hasura - Sponsor

    Hasura is an open source real-time GraphQL engine. It connects to your databases & microservices and instantly gives you a production-ready GraphQL API. Check it out at Hasura.io.

    Show Notes

    2:27 - The Box Model

    5:32 - Grid and Flexbox

    10:17 - Widths and Heights

    11:20 - Text Align

    Links
    • New CSS Logical Properties!
    • Elad Shechter
    • Adam Argyle
    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

    Show 200! Nov 27, 2019
    Show notes

    In this episode of Syntax, Scott and Wes celebrate 200 episodes of Syntax with a live Q&A!

    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.

    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.

    Show Notes

    2:27 - With 2020 around the corner, what are your wild predictions for the the future of web design and development?

    8:44 - Are site builders going to replace us as web developers?

    13:30 - What does the future look like for Syntax?

    19:01 - What emerging tech advancements most excite you for the next 5-10 years?

    23:27 - What is the future of web hosting? What should hosting companies do differently?

    27:40 - Why do you set your base font size to 10px?

    32:40 - If you could go back in time, what would you say to yourself?

    36:29 - How do you make an iFrame go 100% high?

    39:10 - What’s one thing you see developers stress out about for no reason?

    44:46 - Do you feel overwhelmed with creating new content when there’s so much already out there?

    48:42 - How do you stay sane with your naming conventions?

    51:15 - If Gatsby is best for static websites and Next is best for apps, how does Create React App compare?

    54:30 - How much is too much or too little magic in a framework or library?

    58:11 - Does Kait ever get tired of you buying a bunch of stuff?

    61:45 - What is your office setup?

    64:01 - How long until we can use Suspense for data loading with libraries other than Relay?

    Links
    • Pigeonhole
    • Keystone
    • VulcanJS
    • NextJS
    • Gatsby
    • Meteor
    • Wix
    • Squarespace
    • Modulz
    • Figma
    • Sketch
    • Framer
    • Netlify
    • dnsimple
    • Digital Ocean
    • AWS
    • Heroku
    • Syntax016: Rems vs Ems
    • Seth Godin
    • Notion
    • Laravel
    • Blaze
    • Relay
    • SWR
    • Suspense
    • Project Farm YouTube Channel
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: The Missing Crypto Queen
    • Wes: Bosch Wiper Blades
    Shameless Plugs
    • Scott: React and Typescript
    • Wes: Beginner Javascript
    • Black Friday Sale - Get 50% off!
      • Scott’s Courses
      • Wes’ Courses
    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 - So you want to make a course... Will people buy it? Nov 25, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about making courses — techniques, best practices, things to avoid, and more!

    Sentry - Sponsor

    If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.

    Show Notes

    3:07 - Validating your ideas

    4:44 - Generating ideas

    6:38 - Figuring out which ideas will stick

    10:00 - Show your expertise

    14:02 - Pay attention to what’s popular

    15:50 - Collect email addresses

    Links
    • Microsoft Excel Stream Highlights
    • Refactoring UI
    • Adam Wathan
    • Steve Schoger
    • Scott’s Svelte 3 course
    • Wes’ Sublime Text articles
    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 83 84 85 86 87 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