Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Wes' New Personal Website

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 Hasty Treat, Scott and Wes talk about Wes’ new website - its first update since 2014!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11">If you want to know what’s happening with your errors, track them with <a href="https://sentry.io/">Sentry</a>. 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 <a href= "https://sentry.io/">Sentry.io</a> and using the coupon code “tastytreat”.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Show_Notes_12" name="Show_Notes_12"></a>Show Notes</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> 05:04 - The stack</p> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> Gatsby</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> Styled components</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> React</li> <li class="has-line-data" data-line-start="19" data-line-end="21"> MDX</li> </ul> <p class="has-line-data" data-line-start="21" data-line-end="22"> 07:04 - The content</p> <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> Blog posts</li> <li class="has-line-data" data-line-start="24" data-line-end="26"> Twitter Hot Tips</li> </ul> <p class="has-line-data" data-line-start="26" data-line-end="27"> 09:54 - Styling</p> <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> Styled components</li> <li class="has-line-data" data-line-start="29" data-line-end="31"> Less</li> </ul> <p class="has-line-data" data-line-start="31" data-line-end="32"> 16:54 - MDX</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 17:45 - Serverless functions</p> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="Links_35" name="Links_35"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://wesbos.com/">wesbos.com</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://bos.af/">bos.af</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://wordpress.org/">WordPress</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="http://advancedcustomfields.com/">ACF</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.gatsbyjs.org/">Gatsby</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://reactjs.org/">React</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://mdxjs.com/">MDX</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://wesbos.com/new-wesbos-website/">My New Website! Here are the deets</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://nextjs.org/">Next</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.typography.com/fonts/operator/styles">Operator Mono</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://www.monolisa.dev/">Mono Lisa</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://pptr.dev/">Puppeteer</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href= "https://www.gatsbyjs.org/packages/gatsby-image/">gatsby-image</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://lengstorf.com/">Jason Lengstorf</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href= "https://www.gatsbyjs.org/packages/gatsby-plugin-prettier-build/">gatsby-plugin-prettier-build</a></li> <li class="has-line-data" data-line-start="52" data-line-end="54"> <a href="https://cloudinary.com/">Cloudinary</a></li> </ul> <h2 class="code-line" data-line-start="54" data-line-end="55"> <a id="Tweet_us_your_tasty_treats_54" name= "Tweet_us_your_tasty_treats_54"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about Wes’ new website - its first update since 2014!
 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 05:04 - The stack
  Gatsby
 Styled components
 React
 MDX
  07:04 - The content
  Blog posts
 Twitter Hot Tips
  09:54 - Styling
  Styled components
 Less
  16:54 - MDX
 17:45 - Serverless functions
 Links  wesbos.com

 bos.af

 WordPress

 ACF

 Netlify

 Gatsby

 React

 MDX

 My New Website! Here are the deets

 Next

 Operator Mono

 Mono Lisa

 Puppeteer

 gatsby-image

 Jason Lengstorf

 gatsby-plugin-prettier-build

 Cloudinary

  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

Hasty Treat - Wes' New Personal Website

Poslechněte si podcast