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:
    Blogging Aug 07, 2019
    Show notes

    In this episode of Syntax, Scott and Wes talk about blogging — both the specifics of content (how to make great content), as well as the mechanics of where and how to publish blog posts.

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

    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

    7:06 - What are some of the different platforms for publishing a blog?

    23:41 - How to structure a blog post?

    29:10 - How to direct traffic to a blog post?

    38:51 - How do you make technical content in-depth and also succinct?

    Links
    • WordPress
    • Gatsby
    • Squarespace
    • Netlify
    • Tumblr
    • Medium
    • Hacker Noon
    • Freedcamp
    • Devtoo
    • Smashing Magazine
    • Net Magazine
    • Gridsome
    • GraphQL
    • Vuepoint
    • Next
    • Nuxt
    • Everything I wish I knew running a sole proprietorship business
    • @peterc
    • JavaScript Weekly
    • Cooperpress
    • Seth Godin
    • Overreacted - Dan Abramov
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Business Wars
    • Wes: Spectacular Failures
    Shameless Plugs
    • Scott: Level Up Tutorials Pro — Subscribe before price goes up!
    • Wes: All Courses — 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 - VSCode Love Part 3 Aug 05, 2019
    Show notes

    It’s another VSCode episode! In this Hasty Treat, Scott and Wes talk all the things they love about VSCode — things to learn, how to get around more quickly, using keyboard commands, being more efficient, using snippets 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 and using the coupon code “tastytreat”.

    Show Notes

    2:14 - Things to learn

    • Jump by word, line
    • Select by word
    • Command Palette (cmd + shift + p)
    • Move and copy lines - option up down or with shift
    • Multi cursor
    • Find and replace in files
    • Use the Insiders build if you like updates every day

    11:03 - Keyboard commands

    • Cmd + b to hide sidebar
    • Cmd + shift + x

    13:55 - Snippets

    • Snippet Generator
    • Get to know defaults as well as tabs
    • Mongo Snippets for Node-js
    Links
    • VSCode Marketplace
    • VSCode Insiders Build
    • React Snippets
    • JavaScript (ES6) Code Snippets
    • HTML Snippets
    • ES7 React/Redux/GraphQL/React-Native snippets
    • Vue VSCode Snippets
    • Atom Snippets
    • Text Expander
    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 - What is "State"? × Web Sockets × Remote Working × Firefox × Machines Taking Our Jobs × More! Jul 31, 2019
    Show notes

    It’s another Syntax potluck! In this episode, Scott and Wes answer your questions about remote work, AI agendas, motivation, fitness, the future of coding, and much 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 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

    2:03 - Q: I hear you both talk about “state” a lot in your podcasts. And while I understand a little about it, I never understand it in the context you both use it. Can you enlighten us?

    6:52 - Q: I have an idea for a project that is suited for web sockets, push text/images/documents to a bunch of users in real time. I just learned about Firebase’s real-time database, and it looks like it would be pretty easy to implement my idea. What are your thoughts, pros/cons, of these two technologies?

    10:42 - Q: How’s your fitness going?

    12:15 - Q: Let’s say both of you gents were junior developers that had basic knowledge and skills in HTML, CSS and JavaScript but you had all the experience and knowledge of how to best master those skills and where the industry was heading. What would be the outline and focus of your road-map knowing what you do now?

    17:22 - Q: Is it worth it to find a remote dev job at an early stage of your career? Considering the stuff I learn from my seniors and other devs on the team, I wonder if I will lose the opportunity to learn stuff from my team members?

    19:49 - Q: How do I keep myself motivated in coding?

    22:47 - Q: What’s y’all’s opinion on using some obscure (at least in my opinion) features of a language, such as Javascript bitwise operators, in a production app that dozens of other engineers maintain, and will continue to maintain long after you leave the company? It seems hard to read and immediately understand, which possibly makes it harder to debug/refactor in the future. Is it the responsibility of future devs to learn if they don’t know, or should you find a different way to code the solution in the first place?

    26:00 - Q: Wes, I keep hearing you talk about working from your Dropbox. Do you sync up everything? Even things like your node module folders?

    29:26 - Q: Have you talked about Firefox Developer Edition? It looks like it should be very useful, but I can’t quite make the transition.

    32:58 - Q: Hey guys, what your opinion of CSS naming convention methodologies such as BEM?

    35:04 - Q: I would like to refer to the question from ep 140 about fronted development possibly dying. I don’t feel satisfied with the answer, so maybe I could state the question differently: With the machine learning being developed rapidly in recent years, will the web change, causing reduction of front-end jobs? Maybe we will just be training smart algorithms and developing them instead? What do you think?

    40:32 - Q: How do you deal with anxiety and fear during interviews that might hinder your ability to give the best impression of yourself or solve coding challenges?

    Links
    • FeathersJS
    • Syntax 020: Fitness, Nutrition, and Losing Weight
    • Syntax 084: Fitness for Developers
    • Syntax 164: A Story About Kanye West and Learning to Code
    • Syntax 140: Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!
    • FireBase
    • Slack
    • Dropbox
    • Backblaze
    • FireFox developer edition
    • Brave
    • Wix
    • Squarespace
    • How you can train an AI to convert your design mockups into HTML and CSS
    • How AI And Machine Learning Are Transforming Front-End Development?
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Wyze Sense
    • Wes: Arthur on CBC kids
    Shameless Plugs
    • Wes: CSS Grid Course
    • Scott: Gatsby Ecommerce Course, and Dev Tools & Debugging 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 - VSCode Treats Part 2 Jul 29, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about more of their favorite VSCode tasty treats - extensions, features, keyboard shortcuts and more!

    Netlify - Sponsor

    Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up Netlify for more info.

    Show Notes

    3:45 - Extensions

    • Git Blame
    • Apollo GraphQL
    • VS Code Spell Checker

    9:36 - Features

    • Indent lines in explorer - Workbench > Tree Indent & Guides
    • Breadcrumbs
    • Commit all & visual git commands
    • Change branch in lower left
    • Rename Symbol
    Links
    • Syntax 161: Hasty Treat - VSCode Extensions & Themes
    • Alfred
    • Playlist.js
    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

    A Story About Kanye West and Learning to Code Jul 24, 2019
    Show notes

    In this episode of Syntax, Scott and Wes talk with Harry Dry about the crazy story behind his Kanye West dating site, how he taught himself to code, and how to come up with cool side projects!

    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 and using the coupon code “tastytreat”.

    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:30 - How did you get into web dev and come up with the idea for the Kanye West dating website?

    10:29 - Do you have a background in design?

    13:05 - What’s your story?

    15:28 - Do you wear yeezys?

    36:26 - What made you decide to take this story and make a bit site out of it? What was the plan?

    40:45 - How did you learn to code? How did you decide what to learn next?

    45:30 - How do you push through hard problems?

    48:50 - Any final advice to offer?

    Links
    • The Kanye Story
    • TheNetNinja
    • @rogerfederer
    • Refactoring UI
    • @GonzoVice
    • Dang That’s Delicious
    • Puck
    • @joerogan
    • Code Academy
    • ChatKit by Pusher
    • @grantimahara
    • Mythbusters
    • @elonmusk
    • Marketing Examples
    • @goodmarketinghq
    • @harrydry
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: BattleBots
    • Wes: Logitech MX Master 2S Wireless Mouse
    • Harry: Twitter Demetricator
    • Harry: CAMP LIFE: BIG JOHN FURY GIVES TOUR OF VINTAGE CARAVAN
    Shameless Plugs
    • Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
    • Scott: Dev Tools and Debugging and Gatsby and E-commerce
    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 - Web Dev Resource Sick Picks Jul 22, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about all of their favorite web dev resources — a full episode of sick picks!

    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.

    Show Notes

    2:03 - Twitter Accounts

    • Scott: HeyDesigner
    • Wes: Mathias Bynens

    5:00 - Web Dev Resources

    • Scott: Scotch.io
    • Wes: Webgems.io

    7:37 - Design Resources

    • Scott: UI Movement
    • Wes: Creative Market

    11:36 - Desktop Tools

    • Scott: Pock
    • Wes: MongoDB Compass

    14:59 - YouTube

    • Scott:

      • JSConf
      • stance
    • Wes:

      • Andrew Camarata
      • dotconferences
    Links
    • Studio3t
    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

    The Fundamentals — JS Jul 17, 2019
    Show notes

    In this episode of Syntax, Scott and Wes talk about the fundamentals of JavaScript - the set of core skills you should know before branching off into other frameworks, libraries, etc.

    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.

    FreshBooks - Sponsor

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

    Show Notes

    3:07 - Variables + Scoping

    • var/let/const
    • Block scope
    • Function scope
    • Scope lookup

    6:06 - Types

    • Objects
      • Reference vs. copy

    7:15 - Functions

    • Types of functions
      • Anonymous vs. named
      • Expressions
      • Arrow functions
    • Methods

    9:33 - DOM

    • Selecting
    • Updating
    • Creating

    15:07 - Prototypes + this

    • this
    • Objects

    20:16 - Events

    • Listening, callbacks
    • dispatchEvent
    • Bubbling

    22:05 - Arrays

    • Push, pop, manipulate
    • Spread, rest
    • Map, filter, reduce
    • Arrays vs. objects
    • Mutation vs. immutable

    26:25 - Flow control

    • Looping
    • If
    • Promises + Async + Await

    29:47 - Security and accessibility

    • XSS and innerHTML

    32:04 - Things you should know, but not necessarily master

    • Modules
    • Closures
    • Ajax requests

    35:26 - Clean code

    • Clean Code Javascript
    Links
    • Syntax 043: 20 Javascript Array and Object Methods to make you a better developer
    • Syntax 141: Hasty Treat - Async + Await Error Handling Strategies
    • Syntax 072: Accessibility
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: BaseCS
    • Wes: Owlet Baby Monitor
    Shameless Plugs
    • Scott’s new E-Commerce and Gatsby Course
    • Wes’ Courses - 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 - VSCode Extensions & Themes Jul 15, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about everything they love regarding VSCode: themes, fonts, extensions, techniques and more!

    Netlify - Sponsor

    Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up Netlify for more info.

    Show Notes

    3:18 - Theme

    • Cobalt 2
    • SyntWave '84

    4:58 - Fonts

    • Dank Mono
    • Operator Mono

    7:12 - Five things we love

    • Wes:

      • Bracket Pair Colorizer
      • Permute Lines, Unique Lines
      • Breadcrumbs
      • Toggle Quotes
      • Snapshot Tools
    • Scott:

      • Better Comments
      • Import Cost
      • Ctrl+Click Go To Definition
      • Wrap Console Log Simple
      • Git History
    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

    GraphQL and WordPress Jul 10, 2019
    Show notes

    In this episode of Syntax, Scott and Wes talk with Jason Bahl (author of WPGraphQL) about GraphQL, headless WordPress, frameworks in WordPress, React in WordPress, 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.

    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.

    Show Notes

    4:55 - Data in WordPress

    6:26 - WPGraphQL

    10:31 - What were your initial thoughts/first experiences with GraphQL?

    16:58 - Does it use MySQL queries or wpQuery?

    19:36 - How does authentication work?

    24:38 - What does the WP local dev experience look like in 2019?

    26:49 - What about deployment? How do you handle migrating data?

    30:10 - How does WPGraphQL handle mutations?

    32:46 - What are the preferred hosting methods for a headless WordPress setup?

    36:44 - Do you see any push back about giving up much of what WordPress gives you out of the box?

    41:23 - What are techniques for preventing all of WordPress from loading When you’re using it exclusively for the API?

    43:40 - How does WPGraphQL support custom post types, taxonomies and fields, etc?

    Links
    • WPGraphQL
    • Kyle Mathews
    • GraphQL
    • Gatsby
    • WordPress
    • Meteor
    • Apollo GraphQL
    • GraphiQL
    • WPGraphiQL
    • WAMP
    • Flywheel
    • Local by Flywheel
    • PhpStorm
    • Lando
    • Laravel
    • React
    • Netlify
    • Jason Schuller
    • Leeflets
    • Press75
    • Advanced Custom Fields
    • WPGraphQL Tax Query
    • WPGraphQL Meta Query
    • WPGraphQL for Advanced Custom Fields
    • Jason’s Twitter
    • WPGraphQL Twitter
    ××× SIIIIICK ××× PIIIICKS ×××
    • Scott: Figma
    • Wes: CalDigit TS3 Plus Thunderbolt 3 Dock
    • Jason: Local by Flywheel
    Shameless Plugs
    • Scott’s new course - Dev Tools & Debugging
    • Wes - All Courses - Use the coupon code ‘Syntax’ for $10 off!
    • Jason - WPGraphQL
    • Jason - Gatsby
    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 - Front End Security Jul 08, 2019
    Show notes

    In this Hasty Treat, Scott and Wes talk about front end security and what to do in order to avoid hacking.

    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 and using the coupon code “tastytreat”.

    Show Notes

    2:53 - SSL

    • Encrypted transfer of information
    • Digitally binds a cryptographic key to an organization’s details
    • Web-cam, geolocation, etc.

    6:15 - innerHTML

    • React’s dangerouslySetInnerHTML
      • Name intentionally chosen to be frightening
      • Allows you to write HTML to the DOM
      • Data should be sanitized before used in prop
        • Removes unexpected data from string
        • Used to prevent cross site scripting attacks

    10:25 - Don’t trust the client

    • The client can be manipulated to send any info to your server
    • E-commerce example — don’t take the price total from the front end to make the charge, DB call and calculate on the server
    • Validate form inputs via HTML 5 field validation/check data types on the server
      • Don’t allow your users to send an object when it should just be a string
      • Get this for free with GraphQL via types

    13:41 - PCI Compliance

    • Protect card holder data
      • SSL or Secure iFrame
    • Encrypt transmission of card data
    • Restrict access to card holder data
    • Restrict physical access
      • Front of front-end

    16:44 - Tips

    • Don’t put a name on sensitive fields if you are using JS
    • HTTP only cookies
    • Local Storage tokens
    • XSS
    Links
    • React
    • GraphQL
    • Express
    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 87 88 89 90 91 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