Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Show 200!

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 celebrate 200 episodes of Syntax with a live Q&A!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "LogRocket__Sponsor_9" name="LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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="12" data-line-end="13"> <a id="Sanity__Sponsor_12" name="Sanity__Sponsor_12"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> <a href="http://sanity.io/">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="17" data-line-end="18"> 2:27 - With 2020 around the corner, what are your wild predictions for the the future of web design and development?</p> <p class="has-line-data" data-line-start="19" data-line-end="20"> 8:44 - Are site builders going to replace us as web developers?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 13:30 - What does the future look like for Syntax?</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 19:01 - What emerging tech advancements most excite you for the next 5-10 years?</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 23:27 - What is the future of web hosting? What should hosting companies do differently?</p> <p class="has-line-data" data-line-start="27" data-line-end="28"> 27:40 - Why do you set your base font size to 10px?</p> <p class="has-line-data" data-line-start="29" data-line-end="30"> 32:40 - If you could go back in time, what would you say to yourself?</p> <p class="has-line-data" data-line-start="31" data-line-end="32"> 36:29 - How do you make an iFrame go 100% high?</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 39:10 - What’s one thing you see developers stress out about for no reason?</p> <p class="has-line-data" data-line-start="35" data-line-end="36"> 44:46 - Do you feel overwhelmed with creating new content when there’s so much already out there?</p> <p class="has-line-data" data-line-start="37" data-line-end="38"> 48:42 - How do you stay sane with your naming conventions?</p> <p class="has-line-data" data-line-start="39" data-line-end="40"> 51:15 - If Gatsby is best for static websites and Next is best for apps, how does Create React App compare?</p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 54:30 - How much is too much or too little magic in a framework or library?</p> <p class="has-line-data" data-line-start="43" data-line-end="44"> 58:11 - Does Kait ever get tired of you buying a bunch of stuff?</p> <p class="has-line-data" data-line-start="45" data-line-end="46"> 61:45 - What is your office setup?</p> <p class="has-line-data" data-line-start="47" data-line-end="48"> 64:01 - How long until we can use Suspense for data loading with libraries other than Relay?</p> <h2 class="code-line" data-line-start="49" data-line-end="50"> <a id="Links_49" name="Links_49"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://pigeonholelive.com/">Pigeonhole</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.keystonejs.com/">Keystone</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="http://vulcanjs.org/">VulcanJS</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://nextjs.org/">NextJS</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.gatsbyjs.org/">Gatsby</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.meteor.com/">Meteor</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.wix.com/">Wix</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.squarespace.com/">Squarespace</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://www.modulz.app/">Modulz</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.figma.com/">Figma</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://www.sketch.com/">Sketch</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://www.framer.com/">Framer</a></li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href="https://dnsimple.com/">dnsimple</a></li> <li class="has-line-data" data-line-start="64" data-line-end="65"> <a href="https://www.digitalocean.com/">Digital Ocean</a></li> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://aws.amazon.com/">AWS</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href="https://www.heroku.com/">Heroku</a></li> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href= "https://syntax.fm/show/016/tasty-treats-rems-vs-ems-remote-work-making-money-getting-good-at-design-more"> Syntax016: Rems vs Ems</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://www.sethgodin.com/">Seth Godin</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://notion.so/">Notion</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href="https://laravel.com/">Laravel</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href="http://blazejs.org/">Blaze</a></li> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://relay.dev/">Relay</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://swr.now.sh/">SWR</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href= "https://reactjs.org/docs/concurrent-mode-suspense.html">Suspense</a></li> <li class="has-line-data" data-line-start="75" data-line-end="77"> <a href= "https://www.youtube.com/channel/UC2rzsm1Qi6N1X-wuOg_p0Ng">Project Farm YouTube Channel</a></li> </ul> <h2 class="code-line" data-line-start="77" data-line-end="78"> <a id="_SIIIIICK__PIIIICKS__77" name= "_SIIIIICK__PIIIICKS__77"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="78" data-line-end="79"> Scott: <a href= "https://www.bbc.co.uk/programmes/p07nkd84/episodes/downloads">The Missing Crypto Queen</a></li> <li class="has-line-data" data-line-start="79" data-line-end="81"> Wes: <a href="https://amzn.to/33Fjv6O">Bosch Wiper Blades</a></li> </ul> <h2 class="code-line" data-line-start="81" data-line-end="82"> <a id="Shameless_Plugs_81" name="Shameless_Plugs_81"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="82" data-line-end="83"> Scott: <a href="https://www.leveluptutorials.com/pro">React and Typescript</a></li> <li class="has-line-data" data-line-start="83" data-line-end="84"> Wes: <a href="https://beginnerjavascript.com/">Beginner Javascript</a></li> <li class="has-line-data" data-line-start="84" data-line-end="88"> Black Friday Sale - Get 50% off! <ul> <li class="has-line-data" data-line-start="85" data-line-end="86"> <a href="https://www.leveluptutorials.com/pro">Scott’s Courses</a></li> <li class="has-line-data" data-line-start="86" data-line-end="88"> <a href="https://wesbos.com/courses">Wes’ Courses</a></li> </ul> </li> </ul> <h2 class="code-line" data-line-start="88" data-line-end="89"> <a id="Tweet_us_your_tasty_treats_88" name= "Tweet_us_your_tasty_treats_88"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="89" data-line-end="90"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="90" data-line-end="91"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="91" data-line-end="92"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="92" data-line-end="93"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="93" data-line-end="94"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="94" data-line-end="95"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="95" data-line-end="96"> 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 celebrate 200 episodes of Syntax with a live Q&A!
 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.
 Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 Show Notes 2:27 - With 2020 around the corner, what are your wild predictions for the the future of web design and development?
 8:44 - Are site builders going to replace us as web developers?
 13:30 - What does the future look like for Syntax?
 19:01 - What emerging tech advancements most excite you for the next 5-10 years?
 23:27 - What is the future of web hosting? What should hosting companies do differently?
 27:40 - Why do you set your base font size to 10px?
 32:40 - If you could go back in time, what would you say to yourself?
 36:29 - How do you make an iFrame go 100% high?
 39:10 - What’s one thing you see developers stress out about for no reason?
 44:46 - Do you feel overwhelmed with creating new content when there’s so much already out there?
 48:42 - How do you stay sane with your naming conventions?
 51:15 - If Gatsby is best for static websites and Next is best for apps, how does Create React App compare?
 54:30 - How much is too much or too little magic in a framework or library?
 58:11 - Does Kait ever get tired of you buying a bunch of stuff?
 61:45 - What is your office setup?
 64:01 - How long until we can use Suspense for data loading with libraries other than Relay?
 Links  Pigeonhole

 Keystone

 VulcanJS

 NextJS

 Gatsby

 Meteor

 Wix

 Squarespace

 Modulz

 Figma

 Sketch

 Framer

 Netlify

 dnsimple

 Digital Ocean

 AWS

 Heroku

  Syntax016: Rems vs Ems

 Seth Godin

 Notion

 Laravel

 Blaze

 Relay

 SWR

 Suspense

 Project Farm YouTube Channel

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: The Missing Crypto Queen

 Wes: Bosch Wiper Blades

  Shameless Plugs  Scott: React and Typescript

 Wes: Beginner Javascript

 Black Friday Sale - Get 50% off!  Scott’s Courses

 Wes’ Courses

  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

Show 200!

Poslechněte si podcast