Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Snack Pack — CSS Frameworks, React HOC, Render Props, Coding Designers, Early Career Advice and a sound board!

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.

<h2 id="dev-lifts-sponsor">Dev Lifts - Sponsor</h2> <p><a href="https://devlifts.io/" target="_blank" rel= "noopener">Dev Lifts</a> - Thad and JC are on a mission to make web developers healthy. Get a Personal Training and Nutrition Plan — use the code SYNTAX for $75 off. They have also just announced their <a href="https://devlifts.io/slack.html" target="_blank" rel="noopener">slack-only memberships</a> for $5/month</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>01:10</p> <ul> <li> <p>you should try out the new <a href= "https://codepen.io/drehimself/full/BYBwBp/" target="_blank" rel= "noopener">Syntax Soundboard</a> by Andre Madarang</p> </li> <li> <p><a href= "https://docs.google.com/forms/d/e/1FAIpQLSfQlAo1wXHiJMySdU-h8QMtfoz92aMS9eycEHXB6eRCLh8KHA/viewform" target="_blank" rel="noopener">Have a Question?! Submit it here!</a></p> </li> </ul> <p>03:00</p> <ul> <li>Skateboarding on a TRAMPOLINE?!</li> </ul> <p>04:30</p> <ul> <li><strong>Q:</strong> What are your favourite features coming to HTML 5.2</li> <li><a href= "https://webdesign.tutsplus.com/tutorials/native-popups-and-modals-with-the-html5-dialog-element--cms-23876" target="_blank" rel="noopener">Dialog Box</a></li> <li>Multiple Main Tags</li> <li>Thanks Jordan!</li> </ul> <p>10:00</p> <ul> <li><strong>Q:</strong> How do you retain all the info you learn like a sponge?</li> <li>Thanks Ozan</li> </ul> <p>13:30</p> <ul> <li>What are your favourite CSS Libraries / Frameworks?</li> <li>Thanks Blake!</li> </ul> <p>21:00</p> <ul> <li>What were some of the struggles you had early on in your career? How did you overcome them?</li> <li>Learning how to read error logs and messages</li> <li>Dealing with Impatience</li> <li>Coding is very frustrating</li> </ul> <p>26:50</p> <ul> <li>What are High Order Components and Render Props?</li> <li><a href="https://reactjs.org/docs/higher-order-components.html" target="_blank" rel="noopener">High Order Components</a></li> <li><a href="https://reactjs.org/docs/render-props.html" target= "_blank" rel="noopener">React Render Props</a></li> <li><a href="https://www.youtube.com/watch?v=BcVAq3YFiuc" target= "_blank" rel="noopener">Video: Michael Jackson - Never Write Another HoC</a></li> <li><a href="https://github.com/paypal/downshift" target="_blank" rel="noopener">React Downshift</a></li> <li><a href="https://reactjs.org/docs/reconciliation.html" target= "_blank" rel="noopener">React Reconciliation</a></li> </ul> <p>34:45</p> <ul> <li><strong>Q:</strong> When should you just drop the towel on code?</li> <li>When should you throw in the towel on code?</li> <li>Scrapping a codebase and moving from PHP to JS</li> <li>Let's talk about if it's worth it</li> </ul> <p>41:00</p> <ul> <li><strong>Q:</strong> What is the best way for a JS beginner to get their hands dirty?</li> <li>Don't work on apps, work on pieces!</li> </ul> <p>47:50</p> <ul> <li>How do you recommend a designer falling in love with frontend dev sharpen their skills while being (happily) committed to a full time design position?</li> <li>Should designers code?</li> </ul> <h2 id="siiiiiiick-picks">SIIIIIIICK PICKS</h2> <ul> <li>Scott: <a href="http://amzn.to/2DOE9V9" target="_blank" rel="noopener">It’s Not How Good You Are, It’s How Good You Want to Be</a></li> <li>Scott: <a href="http://amzn.to/2GybLbh" target="_blank" rel="noopener">Whatever You Think, Think the Opposite</a></li> <li>Wes: <a href="https://www.tonyrobbins.com/podcasts/" target="_blank" rel="noopener">Tony Robins Podcast</a></li> <li>Wes: <a href="https://www.kevinrose.com/" target="_blank" rel="noopener">The Kevin Rose Show</a></li> </ul> <h2 id="shameless-plugs">Shameless Plugs</h2> <ul> <li>Scott: <a href="https://www.leveluptutorials.com/pro" target="_blank" rel="noopener">New React Native Course!</a></li> <li>Wes: <a href="https://cssgrid.io/" target="_blank" rel= "noopener">CSS Grid Course</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>

Dev Lifts - Sponsor Dev Lifts - Thad and JC are on a mission to make web developers healthy. Get a Personal Training and Nutrition Plan — use the code SYNTAX for $75 off. They have also just announced their slack-only memberships for $5/month
 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 01:10
  you should try out the new Syntax Soundboard by Andre Madarang

 Have a Question?! Submit it here!

 03:00
 Skateboarding on a TRAMPOLINE?!
 04:30
 Q: What are your favourite features coming to HTML 5.2
 Dialog Box
 Multiple Main Tags
 Thanks Jordan!
 10:00
 Q: How do you retain all the info you learn like a sponge?
 Thanks Ozan
 13:30
 What are your favourite CSS Libraries / Frameworks?
 Thanks Blake!
 21:00
 What were some of the struggles you had early on in your career? How did you overcome them?
 Learning how to read error logs and messages
 Dealing with Impatience
 Coding is very frustrating
 26:50
 What are High Order Components and Render Props?
 High Order Components
 React Render Props
 Video: Michael Jackson - Never Write Another HoC
 React Downshift
 React Reconciliation
 34:45
 Q: When should you just drop the towel on code?
 When should you throw in the towel on code?
 Scrapping a codebase and moving from PHP to JS
 Let's talk about if it's worth it
 41:00
 Q: What is the best way for a JS beginner to get their hands dirty?
 Don't work on apps, work on pieces!
 47:50
 How do you recommend a designer falling in love with frontend dev sharpen their skills while being (happily) committed to a full time design position?
 Should designers code?
 SIIIIIIICK PICKS Scott: It’s Not How Good You Are, It’s How Good You Want to Be

 Scott: Whatever You Think, Think the Opposite

 Wes: Tony Robins Podcast

 Wes: The Kevin Rose Show

 Shameless Plugs Scott: New React Native Course!

 Wes: CSS Grid 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

Aplikace Youradio Talk

Snack Pack — CSS Frameworks, React HOC, Render Props, Coding Designers, Early Career Advice and a sound board!

Poslechněte si podcast