Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

ShopTalk x Syntax

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 do a collaboration with Chis Coyier and Dave Rupert from ShopTalk Show! They talk about favorite tech stacks, podcasting, learning new tech, dealing with FOMO, and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Prismic__Sponsor_9" name="Prismic__Sponsor_9"></a>Prismic - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at <a href= "https://prismic.io/syntax">prismic.io/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Sentry__Sponsor_12" name="Sentry__Sponsor_12"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io/">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</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"> 07:23 - What’s your favorite stack right now?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 28:52 - What are your thoughts on WordPress? Do you still use it?</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 33:59 - What do you want for listeners of Syntax?</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 38:21 - How do you deal with FOMO / the pressure to learn new tech?</p> <h2 class="code-line" data-line-start="27" data-line-end="28"> <a id="Links_27" name="Links_27"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://shoptalkshow.com/469/">https://shoptalkshow.com/469/</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://chriscoyier.net/">Chris Coyier</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://daverupert.com/">Dave Rupert</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://syntax.fm/show/362/css-container-queries-layers-scoping-and-more-with-miriam-suzanne"> Syntax 372: CSS Container Queries, Layers, Scoping and More with Miriam Suzanne</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://svelte.dev/">https://svelte.dev/</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://kit.svelte.dev/">https://kit.svelte.dev/</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://mercurius.dev/">https://mercurius.dev/</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://www.prisma.io/">https://www.prisma.io/</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://keystonejs.com/">https://keystonejs.com/</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://graphql.org/">https://graphql.org/</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://redwoodjs.com/">https://redwoodjs.com/</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://nuxtjs.org/">https://nuxtjs.org/</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://astro.build/">https://astro.build/</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://vercel.com/">https://vercel.com/</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://wordpress.org/">https://wordpress.org/</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://dayoneapp.com/">https://dayoneapp.com/</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://automattic.com/">https://automattic.com/</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://mongoosejs.com/">https://mongoosejs.com/</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href= "https://www.blink182.com/">https://www.blink182.com/</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href= "https://newsroom.spotify.com/2021-02-22/a-new-era-for-podcast-advertising/"> https://newsroom.spotify.com/2021-02-22/a-new-era-for-podcast-advertising/</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.youtube.com/user/chasereeves">Chase Reeves YouTube Channel</a></li> <li class="has-line-data" data-line-start="49" data-line-end="51"> <a href="https://xdebug.org/">https://xdebug.org/</a></li> </ul> <h2 class="code-line" data-line-start="51" data-line-end="52"> <a id="_SIIIIICK__PIIIICKS__51" name= "_SIIIIICK__PIIIICKS__51"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="52" data-line-end="55"> Dave: <ul> <li class="has-line-data" data-line-start="53" data-line-end="54"> 1: <a href= "https://www.netflix.com/title/80090673">Haikyu!!</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> 2: <a href= "https://www.nintendo.com/games/detail/game-builder-garage-switch/">Nintendo Garage</a></li> </ul> </li> <li class="has-line-data" data-line-start="55" data-line-end="56"> Chris: <a href="https://myray.app/">Ray App</a></li> <li class="has-line-data" data-line-start="56" data-line-end="60"> Wes: <ul> <li class="has-line-data" data-line-start="57" data-line-end="58"> 1: <a href= "https://www.youtube.com/channel/UCTx85W5xtrr0gu4hmqw7VbQ">Connor Ward YouTube Channel</a></li> <li class="has-line-data" data-line-start="58" data-line-end="60"> 2: <a href= "https://www.youtube.com/channel/UCGmz1qSJjvBPluouoOj1Qkg">Ryan Knorr YouTube Channel</a></li> </ul> </li> </ul> <h2 class="code-line" data-line-start="60" data-line-end="61"> <a id="Shameless_Plugs_60" name="Shameless_Plugs_60"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="61" data-line-end="62"> 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="62" data-line-end="64"> 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="64" data-line-end="65"> <a id="Tweet_us_your_tasty_treats_64" name= "Tweet_us_your_tasty_treats_64"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> 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 do a collaboration with Chis Coyier and Dave Rupert from ShopTalk Show! They talk about favorite tech stacks, podcasting, learning new tech, dealing with FOMO, and more!
 Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 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 07:23 - What’s your favorite stack right now?
 28:52 - What are your thoughts on WordPress? Do you still use it?
 33:59 - What do you want for listeners of Syntax?
 38:21 - How do you deal with FOMO / the pressure to learn new tech?
 Links  https://shoptalkshow.com/469/

 Chris Coyier

 Dave Rupert

  Syntax 372: CSS Container Queries, Layers, Scoping and More with Miriam Suzanne

 https://svelte.dev/

 https://kit.svelte.dev/

 https://mercurius.dev/

 https://www.prisma.io/

 https://keystonejs.com/

 https://graphql.org/

 https://redwoodjs.com/

 https://nuxtjs.org/

 https://astro.build/

 https://vercel.com/

 https://wordpress.org/

 https://dayoneapp.com/

 https://automattic.com/

 https://mongoosejs.com/

 https://www.blink182.com/

  https://newsroom.spotify.com/2021-02-22/a-new-era-for-podcast-advertising/

 Chase Reeves YouTube Channel

 https://xdebug.org/

  ××× SIIIIICK ××× PIIIICKS ×××  Dave:  1: Haikyu!!

 2: Nintendo Garage

 Chris: Ray App

 Wes:  1: Connor Ward YouTube Channel

 2: Ryan Knorr YouTube Channel

  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

ShopTalk x Syntax

Poslechněte si podcast