Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

A Podcast on Running a Podcast

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.

<p class="has-line-data" data-line-start="7" data-line-end="8">In this episode of Syntax, Scott and Wes talk about running a podcast — recording, sponsoring, where to start, and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Freshbooks__Sponsor_9" name="Freshbooks__Sponsor_9"></a>Freshbooks - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> and put SYNTAX in the “How did you hear about us?” section.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="LogRocket__Sponsor_12" name= "LogRocket__Sponsor_12"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> 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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Cloudinary__Sponsor_15" name= "Cloudinary__Sponsor_15"></a>Cloudinary - Sponsor</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://cloudinary.com/?utm_source=Syntax.fm&utm_medium=Podcast&utm_content=Cloudinary_Syntax_podcast"> Cloudinary</a> is the best way to manage images and videos in the cloud. Edit and transform for any use case, from performance to personalization, using Cloudinary’s APIs, SDKs, widgets, and integrations.</p> <h2 class="code-line" data-line-start="18" data-line-end="19"> <a id="Show_Notes_18" name="Show_Notes_18"></a>Show Notes</h2> <p class="has-line-data" data-line-start="19" data-line-end="20"> 01:45 - Recording Setup</p> <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> Zoom to chat</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> Record on Zoom</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Quicktime</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> Logic</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://riverside.fm/">Riverside</a></li> <li class="has-line-data" data-line-start="25" data-line-end="28"> Wes: <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://www.amazon.com/PR-40-Dynamic-Studio-Recording-Microphone/dp/B000SOYOTQ"> Heil PR-40</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://www.amazon.com/dbx-286s-Microphone-Channel-Processor/dp/B004LWH79A/r"> dbx 286s</a></li> </ul> </li> <li class="has-line-data" data-line-start="28" data-line-end="33"> Scott: <ul> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href= "https://www.amazon.com/Electro-Voice-RE20-Broadcast-Microphone-Variable-D/dp/B00KCN83V8"> Electro-Voice RE20</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href= "https://www.amazon.com/Cloud-Microphones-CL-1-Cloudlifter-1-channel/dp/B004MQSV04/"> Cloudlifter</a></li> <li class="has-line-data" data-line-start="31" data-line-end="33"> <a href= "https://www.amazon.com/dbx-286s-Microphone-Channel-Processor/dp/B004LWH79A/r"> dbx 286s</a></li> </ul> </li> </ul> <p class="has-line-data" data-line-start="33" data-line-end="34"> 09:13 - Notes</p> <ul> <li class="has-line-data" data-line-start="34" data-line-end="35"> Shows begin as a Notion doc</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> Big outlines with a point-based outline to where to go</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> Sometimes points are detailed, other times are just one-word reminders as to what to hit</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> Sponsors pulled from a Notion relational table</li> <li class="has-line-data" data-line-start="38" data-line-end="40"> Shows are created in a kanban board but moved to a calendar view</li> </ul> <p class="has-line-data" data-line-start="40" data-line-end="41"> 12:37 - How do you find stuff to talk about?!</p> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Technical skills</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> Hasty</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> Tasty</li> <li class="has-line-data" data-line-start="44" data-line-end="45"> Potluck</li> <li class="has-line-data" data-line-start="45" data-line-end="46"> Game shows</li> <li class="has-line-data" data-line-start="46" data-line-end="49"> Collabs <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://syntax.fm/show/374/shoptalk-x-syntax">ShopTalk Collab</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href= "https://syntax.fm/show/392/changelog-frontend-feud">Changelog Collab</a></li> </ul> </li> <li class="has-line-data" data-line-start="49" data-line-end="52"> Soft skills <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> Productivity</li> <li class="has-line-data" data-line-start="51" data-line-end="52"> Apps</li> </ul> </li> <li class="has-line-data" data-line-start="52" data-line-end="53"> We Cooked It: Explainer Episode</li> <li class="has-line-data" data-line-start="53" data-line-end="55"> Add ideas to the list anytime it pops into your head</li> </ul> <p class="has-line-data" data-line-start="55" data-line-end="56"> 21:02 - Editing</p> <ul> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://podcastroyale.net/">Podcast Royale</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> We record a clap for syncing</li> <li class="has-line-data" data-line-start="58" data-line-end="60"> Upload to Dropbox for our editors</li> </ul> <p class="has-line-data" data-line-start="60" data-line-end="61"> 22:07 - Hosting</p> <ul> <li class="has-line-data" data-line-start="61" data-line-end="64"> Libsyn <ul> <li class="has-line-data" data-line-start="62" data-line-end="64"> Archaic feeling, but covers everything</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="64" data-line-end="65"> 22:36 - The website</p> <ul> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://nextjs.org/">Next.js</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> Open source</li> <li class="has-line-data" data-line-start="67" data-line-end="69"> PRs are submitted adding the latest episodes</li> </ul> <p class="has-line-data" data-line-start="69" data-line-end="70"> 24:10 - Transcripts</p> <ul> <li class="has-line-data" data-line-start="70" data-line-end="72"> Generated</li> </ul> <p class="has-line-data" data-line-start="72" data-line-end="73"> 24:40 - Would you still start one?</p> <ul> <li class="has-line-data" data-line-start="73" data-line-end="75"> Podcast vs YouTube vs Twitch</li> </ul> <p class="has-line-data" data-line-start="75" data-line-end="76"> 29:20 - Getting popular / Marketing</p> <ul> <li class="has-line-data" data-line-start="76" data-line-end="77"> How do you do it?</li> <li class="has-line-data" data-line-start="77" data-line-end="78"> Consistency is key</li> <li class="has-line-data" data-line-start="78" data-line-end="80"> Need external audience</li> </ul> <p class="has-line-data" data-line-start="80" data-line-end="81"> 35:34 - Sponsors</p> <ul> <li class="has-line-data" data-line-start="81" data-line-end="82"> Five to six hours per week in prep</li> <li class="has-line-data" data-line-start="82" data-line-end="83"> Most of our sponsors are products we already used</li> <li class="has-line-data" data-line-start="83" data-line-end="85"> We sell and manage all our sponsors ourselves</li> </ul> <p class="has-line-data" data-line-start="85" data-line-end="86"> 42:17 - What about <a href= "https://www.patreon.com/">Patreon</a>?</p> <ul> <li class="has-line-data" data-line-start="86" data-line-end="88"> Ad-free version?</li> </ul> <p class="has-line-data" data-line-start="88" data-line-end="89"> 46:04 - Live shows</p> <ul> <li class="has-line-data" data-line-start="89" data-line-end="90"> Confs</li> <li class="has-line-data" data-line-start="90" data-line-end="92"> Livestream</li> </ul> <h2 class="code-line" data-line-start="92" data-line-end="93"> <a id="Links_92" name="Links_92"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="93" data-line-end="94"> <a href="https://deliciousbrains.com/">Delicious Brains</a></li> <li class="has-line-data" data-line-start="94" data-line-end="95"> <a href="https://syntax.fm/show/004/javascript-tooling">Syntax Ep 004: JavaScript Tooling</a></li> <li class="has-line-data" data-line-start="95" data-line-end="97"> <a href= "https://www.amazon.com/LuLaRich-Season-1/dp/B09CFXPNSX">LulaRich</a></li> </ul> <h2 class="code-line" data-line-start="97" data-line-end="98"> <a id="_SIIIIICK__PIIIICKS__97" name= "_SIIIIICK__PIIIICKS__97"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="98" data-line-end="99"> Scott: <a href= "https://www.netflix.com/title/81026438">Untold: Crime & Penalties</a></li> <li class="has-line-data" data-line-start="99" data-line-end="101"> Wes: <a href= "https://www.amazon.com/Roadrunner-Film-About-Anthony-Bourdain/dp/B09BB55XXX">Roadrunner: A Film About Anthony Bourdain</a></li> </ul> <h2 class="code-line" data-line-start="101" data-line-end="102"> <a id="Shameless_Plugs_101" name= "Shameless_Plugs_101"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="102" data-line-end= "103">Scott: <a href= "https://www.leveluptutorials.com/pro">All Courses</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="103" data-line-end= "105">Wes: <a href="https://wesbos.com/courses/">All Courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="105" data-line-end="106"> <a id="Tweet_us_your_tasty_treats_105" name= "Tweet_us_your_tasty_treats_105"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="106" data-line-end= "107"><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="107" data-line-end= "108"><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="108" data-line-end= "109"><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="109" data-line-end= "110"><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="110" data-line-end= "111"><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="111" data-line-end= "112"><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="112" data-line-end= "113">Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk about running a podcast — recording, sponsoring, where to start, and more!
 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.
 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.
 Cloudinary - Sponsor  Cloudinary is the best way to manage images and videos in the cloud. Edit and transform for any use case, from performance to personalization, using Cloudinary’s APIs, SDKs, widgets, and integrations.
 Show Notes 01:45 - Recording Setup
  Zoom to chat
 Record on Zoom
 Quicktime
 Logic
 Riverside

 Wes:  Heil PR-40

  dbx 286s

 Scott:  Electro-Voice RE20

  Cloudlifter

  dbx 286s

  09:13 - Notes
  Shows begin as a Notion doc
 Big outlines with a point-based outline to where to go
 Sometimes points are detailed, other times are just one-word reminders as to what to hit
 Sponsors pulled from a Notion relational table
 Shows are created in a kanban board but moved to a calendar view
  12:37 - How do you find stuff to talk about?!
  Technical skills
 Hasty
 Tasty
 Potluck
 Game shows
 Collabs  ShopTalk Collab

 Changelog Collab

 Soft skills  Productivity
 Apps

 We Cooked It: Explainer Episode
 Add ideas to the list anytime it pops into your head
  21:02 - Editing
  Podcast Royale

 We record a clap for syncing
 Upload to Dropbox for our editors
  22:07 - Hosting
  Libsyn  Archaic feeling, but covers everything

  22:36 - The website
  Next.js

 Open source
 PRs are submitted adding the latest episodes
  24:10 - Transcripts
  Generated
  24:40 - Would you still start one?
  Podcast vs YouTube vs Twitch
  29:20 - Getting popular / Marketing
  How do you do it?
 Consistency is key
 Need external audience
  35:34 - Sponsors
  Five to six hours per week in prep
 Most of our sponsors are products we already used
 We sell and manage all our sponsors ourselves
  42:17 - What about Patreon?
  Ad-free version?
  46:04 - Live shows
  Confs
 Livestream
  Links  Delicious Brains

 Syntax Ep 004: JavaScript Tooling

 LulaRich

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Untold: Crime & Penalties

 Wes: Roadrunner: A Film About Anthony Bourdain

  Shameless Plugs Scott: All Courses - Sign up for the year and save 25%!
 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

Aplikace Youradio Talk

A Podcast on Running a Podcast

Poslechněte si podcast