Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Recording Screencasts - Hardware, Software, Dos and Don'ts

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>In this episode, Scott and Wes everything about their recording — from gear to software to tips and tricks for creating a good screencast.</p> <h2 id="netlify-sponsor">Netlify — Sponsor</h2> <p><a href="https://netlify.com/syntax" target="_blank" rel= "noopener">Netlify</a> 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 <a href="https://netlify.com/syntax" target= "_blank" rel="noopener">netlify.com/syntax</a> for more info.</p> <p>They are also hiring! <a href="https://netlify.com/careers" target="_blank" rel="noopener">netlify.com/careers</a></p> <h2 id="freshbooks-sponsor">Freshbooks - Sponsor</h2> <p>If you are a small business or freelancer check out <a href="https://freshbooks.com/syntax" target="_blank" rel="noopener">Freshbooks.com Cloud Accounting</a>and get 30 days free. Make sure to enter SYNTAX into the "How did you hear about us" section.</p> <h2 id="show-notes">Show Notes</h2> <p>2:00</p> <ul> <li><strong>Scott's Hardware:</strong></li> <li><a href="http://amzn.to/2FGHSF0" target="_blank" rel= "noopener">EV RE20</a></li> <li><a href="http://amzn.to/2pbz4kh" target="_blank" rel= "noopener">DBX 286s Preamp</a></li> <li><a href="http://amzn.to/2GqpykA" target="_blank" rel= "noopener">K&M 23850 Microphone Desk Arm</a></li> <li><a href="http://amzn.to/2Hy0xTY" target="_blank" rel= "noopener">Shure KSM32</a></li> <li><a href="http://amzn.to/2paEbB5" target="_blank" rel= "noopener">Blue Snowball</a></li> <li><a href="http://amzn.to/2pbo9XW" target="_blank" rel= "noopener">Bluebird</a></li> <li><a href="http://amzn.to/2pi2o8b" target="_blank" rel= "noopener">Scarlet 2i2</a></li> </ul> <p>4:00</p> <ul> <li> <p>We talk about Different types of microphones</p> </li> <li> <p><strong>Wes' Hardware:</strong></p> </li> <li><a href= "http://www.amazon.com/gp/product/B000SOYOTQ/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B000SOYOTQ&linkCode=as2&tag=webo080-20&linkId=YH6ZR6GSGBI2JOJF" target="_blank" rel="noopener">Heil PR40</a></li> <li><a href= "http://www.amazon.com/gp/product/B000SZVZ74/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B000SZVZ74&linkCode=as2&tag=webo080-20&linkId=HJ6K3KRLOL5XJJSC" target="_blank" rel="noopener">Heil PL2T Boom Arm</a></li> <li><a href= "http://www.amazon.com/gp/product/B0006H92QK/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=B0006H92QK&linkCode=as2&tag=webo080-20&linkId=PHY64E6Y43GHI55T" target="_blank" rel="noopener">Audio Technica AT2020</a></li> <li><a href="http://amzn.to/2pb4xD3" target="_blank" rel= "noopener">Heil Flush Desk Mount</a></li> <li><a href="http://amzn.to/2pi2o8b" target="_blank" rel= "noopener">Scarlet 2i2</a></li> <li><a href="http://amzn.to/2pbz4kh" target="_blank" rel= "noopener">DBX 286s Preamp</a></li> <li><a href="http://amzn.to/2paGSmb" target="_blank" rel= "noopener">EQ351 Equalizer</a></li> <li><a href= "https://www.bswusa.com/Pop-Filters-BSW-RE27POP-P1419.aspx" target= "_blank" rel="noopener">BSW Pop filter for Heil PR40</a></li> <li><a href="http://amzn.to/2HygCsJ" target="_blank" rel= "noopener">Heil Shock Mount</a></li> </ul> <p>14:30</p> <ul> <li>What are the essentials for hardware?</li> <li>Put a t-shirt under your keyboard</li> </ul> <p>16:00</p> <ul> <li>Once you get to record, what do we use?</li> <li><a href="http://mizage.com/divvy/" target="_blank" rel= "noopener">Divvy</a></li> <li><a href="https://shinywhitebox.com/ishowu-instant" target= "_blank" rel="noopener">IShowU Instant</a></li> <li><a href="https://www.telestream.net/screenflow/overview.htm" target="_blank" rel="noopener">Screenflow</a></li> <li><a href= "https://itunes.apple.com/ca/app/uberlayer/id510139938?mt=12" target="_blank" rel="noopener">Uberlayer</a></li> <li><a href="https://rogueamoeba.com/loopback/" target="_blank" rel="noopener">Loopback</a></li> </ul> <p>32:00</p> <ul> <li>Making Mistakes</li> <li>Leaving in goof ups and debugging</li> </ul> <p>40:00</p> <ul> <li>Bad screen recordings</li> <li>What is boring? What is annoying?</li> <li>Recording pet peves</li> <li>Tips for sizing your editor</li> <li>Gross sounds</li> <li>Too many files</li> </ul> <p>50:00</p> <ul> <li>What makes a good recording?</li> <li>Good contrast on colour scheme</li> <li>Keeping the code open</li> <li>Short recordings</li> </ul> <h2 id="siiiiickkkkkkkkk-pixxxxx">SIIIIICKkkkkkkkk PIXXXXX</h2> <ul> <li>Wes: <a href="http://amzn.to/2FIRdMs" target="_blank" rel= "noopener">CD Player Magnet Phone Holder</a></li> <li>Scott: <a href="http://amzn.to/2FTzENi" target="_blank" rel="noopener">OxyLED Motion Sensor Lights</a></li> </ul> <h2 id="tweet-us-your-tasty-treats-">Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/" target="_blank" rel="noopener">Scott's Instagram</a></li> <li><a href="https://www.instagram.com/LevelUpTutorials/" target= "_blank" rel="noopener">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/" target="_blank" rel="noopener">Wes' Instagram</a></li> <li><a href="https://twitter.com/wesbos" target="_blank" rel= "noopener">Wes' Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer" target= "_blank" rel="noopener">Wes' Facebook</a></li> <li><a href="https://twitter.com/stolinski" target="_blank" rel= "noopener">Scott's Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM" target="_blank" rel= "noopener">@SyntaxFM</a> in your tweets</li> </ul>

In this episode, Scott and Wes everything about their recording — from gear to software to tips and tricks for creating a good screencast.
 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.com/syntax for more info.
 They are also hiring! netlify.com/careers
 Freshbooks - Sponsor If you are a small business or freelancer check out Freshbooks.com Cloud Accountingand get 30 days free. Make sure to enter SYNTAX into the "How did you hear about us" section.
 Show Notes 2:00
 Scott's Hardware:
 EV RE20
 DBX 286s Preamp
 K&M 23850 Microphone Desk Arm
 Shure KSM32
 Blue Snowball
 Bluebird
 Scarlet 2i2
 4:00
  We talk about Different types of microphones

 Wes' Hardware:

 Heil PR40
 Heil PL2T Boom Arm
 Audio Technica AT2020
 Heil Flush Desk Mount
 Scarlet 2i2
 DBX 286s Preamp
 EQ351 Equalizer
 BSW Pop filter for Heil PR40
 Heil Shock Mount
 14:30
 What are the essentials for hardware?
 Put a t-shirt under your keyboard
 16:00
 Once you get to record, what do we use?
 Divvy
 IShowU Instant
 Screenflow
 Uberlayer
 Loopback
 32:00
 Making Mistakes
 Leaving in goof ups and debugging
 40:00
 Bad screen recordings
 What is boring? What is annoying?
 Recording pet peves
 Tips for sizing your editor
 Gross sounds
 Too many files
 50:00
 What makes a good recording?
 Good contrast on colour scheme
 Keeping the code open
 Short recordings
 SIIIIICKkkkkkkkk PIXXXXX Wes: CD Player Magnet Phone Holder

 Scott: OxyLED Motion Sensor Lights

 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

Recording Screencasts - Hardware, Software, Dos and Don'ts

Poslechněte si podcast