Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - Gatsby vs Next × Is Google Home spying on you? × Flat File CMS × CSS Frameworks × Hosting Client Sites × More!

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">It’s another potluck! In this episode, Scott and Wes answer your questions about Gatsby vs Next, Google Home and privacy, flat file CMS, working with designers, CSS frameworks and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Netlify__Sponsor_9" name="Netlify__Sponsor_9"></a>Netlify - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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 <a href= "https://netlify.com/syntax">netlify.com/syntax</a> for more info.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="Freshbooks__Sponsor_12" name= "Freshbooks__Sponsor_12"></a>Freshbooks - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> and put SYNTAX in the “How did you hear about us?” section.</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"> 6:15 - Q: Curious if you would ever consider running your course platform on Gatsby instead of NextJs? If not, what dynamic content would prevent you from doing so?</p> <p class="has-line-data" data-line-start="19" data-line-end="20"> 10:48 - Q: What’s the difference between a software developer and a software engineer, in your opinion?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 13:11 - Q: How do you deal with designers who design without any thought about how dev will implement it?</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 15:46 - Q: I saw that Wes has an example in one of his slides where the Array prototype is written onto the Nodelist prototype. Is this safe enough for production as it overrides all regular NodeList behavior?</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 19:18 - Q: In a potluck episode you mentioned that you do not host your clients’ website. If you don’t host you clients’ website how do you usually go about handling clients that are less tech savvy? Or do you avoid those types of clients?</p> <p class="has-line-data" data-line-start="27" data-line-end="28"> 21:30 - Q: I know you guys (especially Wes) have been pretty insistent recently on not hosting clients’ sites yourself, but what do you guys think about continuously hosting client sites with a service like Netlify? It’s highly unlikely to go down and scales all for you, so it might be a bit of reoccurring income if you bill them yearly for the minimal Netlify fees.</p> <p class="has-line-data" data-line-start="29" data-line-end="30"> 24:44 - Q: I was listening to your episode on “The Smart Home” and I’m very interested in buying a Google Home Mini myself. However, I cannot stop thinking about the privacy implications of an always listening device around the house. What are your thoughts on this topic and on privacy related to online services in general?</p> <p class="has-line-data" data-line-start="31" data-line-end="32"> 29:08 - Q: What are your thoughts about using a CMS that uses flat files vs one that uses a traditional MySQL or Postgres database for a company blog that won’t have insane traffic? We’re currently evaluating Grav CMS and Craft CMS.</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 32:17 - Q: Have you used data attributes as custom elements in CSS and JS?</p> <p class="has-line-data" data-line-start="35" data-line-end="36"> 37:32 - Q: Why do so many people jump on styled-components/CSS in JS? Are these all people who have never used Sass/SCSS?! It seems like such a PITA to get Sass working with either of these. It feels like coding tables vs HTML 5. To me it seems like a step backwards.</p> <p class="has-line-data" data-line-start="37" data-line-end="38"> 44:26 - Q: When do you, if ever, reach for a component library, like Material or Bootstrap? Currently working a corporate job where it’s almost expected to use one of these for all internal applications. I usually prefer to make my own, but I’m wondering if I’m just making my life more difficult than it needs to be? Any advice?</p> <p class="has-line-data" data-line-start="39" data-line-end="40"> 48:30 - Q: Could you guys chat about Git clients and which ones you guys use and why? Or are you guys hardcore terminal geeks?</p> <h2 class="code-line" data-line-start="41" data-line-end="42"> <a id="Links_41" name="Links_41"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://www.gatsbyjs.org/">Gatsby</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://nextjs.org/">Next.js</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href= "https://gist.github.com/paulirish/12fb951a8b893a454b32">Bling.js</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://syntax.fm/show/118/the-smart-home">Syntax 118: The Smart Home</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://getgrav.org/">Grav CMS</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://craftcms.com/">Craft CMS</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://prismic.io/">prismic</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://www.sanity.io/">Sanity</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.contentful.com/">Contentful</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="http://www.tinycms.eu/">Tiny CMS</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://forestry.io/">Forestry</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="http://www.airedalechemical.com/">Airdale Chemical</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://material.io/">Material</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://getbootstrap.com/">Bootstrap</a></li> <li class="has-line-data" data-line-start="56" data-line-end="58"> <a href="https://code.visualstudio.com/">VS Code</a></li> </ul> <h2 class="code-line" data-line-start="58" data-line-end="59"> <a id="_SIIIIICK__PIIIICKS__58" name= "_SIIIIICK__PIIIICKS__58"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="59" data-line-end="60"> Scott: <a href= "https://www.runloop.com/heavyset-gym-workout-log-for-iphone">HeavySet - Gym Workout Log</a></li> <li class="has-line-data" data-line-start="60" data-line-end="62"> Wes: <a href="https://www.cbc.ca/baroness/m_site/">Baroness Von Sketch</a></li> </ul> <h2 class="code-line" data-line-start="62" data-line-end="63"> <a id="Shameless_Plugs_62" name="Shameless_Plugs_62"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="63" data-line-end="64"> Scott: <a href= "https://www.leveluptutorials.com/pro">FullStack React with NextJS</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="64" data-line-end="66"> Wes: <a href="https://www.beginnerjavascript.com/">Beginner Javascript Course</a></li> </ul> <h2 class="code-line" data-line-start="66" data-line-end="67"> <a id="Tweet_us_your_tasty_treats_66" name= "Tweet_us_your_tasty_treats_66"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

It’s another potluck! In this episode, Scott and Wes answer your questions about Gatsby vs Next, Google Home and privacy, flat file CMS, working with designers, CSS frameworks and more!
 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.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
 Show Notes 6:15 - Q: Curious if you would ever consider running your course platform on Gatsby instead of NextJs? If not, what dynamic content would prevent you from doing so?
 10:48 - Q: What’s the difference between a software developer and a software engineer, in your opinion?
 13:11 - Q: How do you deal with designers who design without any thought about how dev will implement it?
 15:46 - Q: I saw that Wes has an example in one of his slides where the Array prototype is written onto the Nodelist prototype. Is this safe enough for production as it overrides all regular NodeList behavior?
 19:18 - Q: In a potluck episode you mentioned that you do not host your clients’ website. If you don’t host you clients’ website how do you usually go about handling clients that are less tech savvy? Or do you avoid those types of clients?
 21:30 - Q: I know you guys (especially Wes) have been pretty insistent recently on not hosting clients’ sites yourself, but what do you guys think about continuously hosting client sites with a service like Netlify? It’s highly unlikely to go down and scales all for you, so it might be a bit of reoccurring income if you bill them yearly for the minimal Netlify fees.
 24:44 - Q: I was listening to your episode on “The Smart Home” and I’m very interested in buying a Google Home Mini myself. However, I cannot stop thinking about the privacy implications of an always listening device around the house. What are your thoughts on this topic and on privacy related to online services in general?
 29:08 - Q: What are your thoughts about using a CMS that uses flat files vs one that uses a traditional MySQL or Postgres database for a company blog that won’t have insane traffic? We’re currently evaluating Grav CMS and Craft CMS.
 32:17 - Q: Have you used data attributes as custom elements in CSS and JS?
 37:32 - Q: Why do so many people jump on styled-components/CSS in JS? Are these all people who have never used Sass/SCSS?! It seems like such a PITA to get Sass working with either of these. It feels like coding tables vs HTML 5. To me it seems like a step backwards.
 44:26 - Q: When do you, if ever, reach for a component library, like Material or Bootstrap? Currently working a corporate job where it’s almost expected to use one of these for all internal applications. I usually prefer to make my own, but I’m wondering if I’m just making my life more difficult than it needs to be? Any advice?
 48:30 - Q: Could you guys chat about Git clients and which ones you guys use and why? Or are you guys hardcore terminal geeks?
 Links  Gatsby

 Next.js

 Bling.js

 Syntax 118: The Smart Home

 Grav CMS

 Craft CMS

 prismic

 Sanity

 Contentful

 Tiny CMS

 Forestry

 Airdale Chemical

 Material

 Bootstrap

 VS Code

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: HeavySet - Gym Workout Log

 Wes: Baroness Von Sketch

  Shameless Plugs  Scott: FullStack React with NextJS - Sign up for the year and save 25%!
 Wes: Beginner Javascript 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

Potluck - Gatsby vs Next × Is Google Home spying on you? × Flat File CMS × CSS Frameworks × Hosting Client Sites × More!

Poslechněte si podcast