Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - What is "State"? × Web Sockets × Remote Working × Firefox × Machines Taking Our Jobs × 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 Syntax potluck! In this episode, Scott and Wes answer your questions about remote work, AI agendas, motivation, fitness, the future of coding, and much more!</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="11" data-line-end="12">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</a> and using the coupon code “tastytreat”.</p> <h2 class="code-line" data-line-start="13" data-line-end="14"> <a id="FreshBooks__Sponsor_13" name= "FreshBooks__Sponsor_13"></a>FreshBooks - Sponsor</h2> <p class="has-line-data" data-line-start="15" data-line-end="16"> 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="17" data-line-end="18"> <a id="Show_Notes_17" name="Show_Notes_17"></a>Show Notes</h2> <p class="has-line-data" data-line-start="19" data-line-end="20"> 2:03 - Q: I hear you both talk about “state” a lot in your podcasts. And while I understand a little about it, I never understand it in the context you both use it. Can you enlighten us?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 6:52 - Q: I have an idea for a project that is suited for web sockets, push text/images/documents to a bunch of users in real time. I just learned about Firebase’s real-time database, and it looks like it would be pretty easy to implement my idea. What are your thoughts, pros/cons, of these two technologies?</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 10:42 - Q: How’s your fitness going?</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 12:15 - Q: Let’s say both of you gents were junior developers that had basic knowledge and skills in HTML, CSS and JavaScript but you had all the experience and knowledge of how to best master those skills and where the industry was heading. What would be the outline and focus of your road-map knowing what you do now?</p> <p class="has-line-data" data-line-start="27" data-line-end="28"> 17:22 - Q: Is it worth it to find a remote dev job at an early stage of your career? Considering the stuff I learn from my seniors and other devs on the team, I wonder if I will lose the opportunity to learn stuff from my team members?</p> <p class="has-line-data" data-line-start="29" data-line-end="30"> 19:49 - Q: How do I keep myself motivated in coding?</p> <p class="has-line-data" data-line-start="31" data-line-end="32"> 22:47 - Q: What’s y’all’s opinion on using some obscure (at least in my opinion) features of a language, such as Javascript bitwise operators, in a production app that dozens of other engineers maintain, and will continue to maintain long after you leave the company? It seems hard to read and immediately understand, which possibly makes it harder to debug/refactor in the future. Is it the responsibility of future devs to learn if they don’t know, or should you find a different way to code the solution in the first place?</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 26:00 - Q: Wes, I keep hearing you talk about working from your Dropbox. Do you sync up everything? Even things like your node module folders?</p> <p class="has-line-data" data-line-start="35" data-line-end="36"> 29:26 - Q: Have you talked about Firefox Developer Edition? It looks like it should be very useful, but I can’t quite make the transition.</p> <p class="has-line-data" data-line-start="37" data-line-end="38"> 32:58 - Q: Hey guys, what your opinion of CSS naming convention methodologies such as BEM?</p> <p class="has-line-data" data-line-start="39" data-line-end="40"> 35:04 - Q: I would like to refer to the question from ep 140 about fronted development possibly dying. I don’t feel satisfied with the answer, so maybe I could state the question differently: With the machine learning being developed rapidly in recent years, will the web change, causing reduction of front-end jobs? Maybe we will just be training smart algorithms and developing them instead? What do you think?</p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 40:32 - Q: How do you deal with anxiety and fear during interviews that might hinder your ability to give the best impression of yourself or solve coding challenges?</p> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="Links_43" name="Links_43"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://feathersjs.com/">FeathersJS</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href= "https://syntax.fm/show/020/fitness-nutrition-and-losing-weight">Syntax 020: Fitness, Nutrition, and Losing Weight</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://syntax.fm/show/084/fitness-for-developers">Syntax 084: Fitness for Developers</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href= "https://syntax.fm/show/164/a-story-about-kanye-west-and-learning-to-code"> Syntax 164: A Story About Kanye West and Learning to Code</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href= "https://syntax.fm/show/140/potluck-media-queries-npm-vulnerabilities-fullstack-js-vs-jamstack-web-vr-ar-switching-jobs-more"> Syntax 140: Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://firebase.google.com/">FireBase</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://slack.com/">Slack</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.dropbox.com/">Dropbox</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href= "https://www.backblaze.com/cloud-backup-b.html">Backblaze</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.mozilla.org/en-US/firefox/developer/">FireFox developer edition</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://brave.com/">Brave</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.wix.com/">Wix</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.squarespace.com/">Squarespace</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href= "https://www.freecodecamp.org/news/how-you-can-train-an-ai-to-convert-your-design-mockups-into-html-and-css-cc7afd82fed4/"> How you can train an AI to convert your design mockups into HTML and CSS</a></li> <li class="has-line-data" data-line-start="58" data-line-end="60"> <a href= "https://medium.com/@Jessicawlm/how-ai-and-machine-learning-are-transforming-front-end-development-db74523fd46b"> How AI And Machine Learning Are Transforming Front-End Development?</a></li> </ul> <h2 class="code-line" data-line-start="60" data-line-end="61"> <a id="_SIIIIICK__PIIIICKS__60" name= "_SIIIIICK__PIIIICKS__60"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="61" data-line-end="62"> Scott: <a href="https://www.wyze.com/wyze-sense/">Wyze Sense</a></li> <li class="has-line-data" data-line-start="62" data-line-end="64"> Wes: <a href= "https://www.youtube.com/playlist?list=ELpoA-uHf0-f_86wCagoDcsg">Arthur on CBC kids</a></li> </ul> <h2 class="code-line" data-line-start="64" data-line-end="65"> <a id="Shameless_Plugs_64" name="Shameless_Plugs_64"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="65" data-line-end="66"> Wes: <a href="https://cssgrid.io/">CSS Grid Course</a></li> <li class="has-line-data" data-line-start="66" data-line-end="68"> Scott: <a href="https://www.leveluptutorials.com/pro">Gatsby Ecommerce Course, and Dev Tools & Debugging Course</a></li> </ul> <h2 class="code-line" data-line-start="68" data-line-end="69"> <a id="Tweet_us_your_tasty_treats_68" name= "Tweet_us_your_tasty_treats_68"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="75" data-line-end="76"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

It’s another Syntax potluck! In this episode, Scott and Wes answer your questions about remote work, AI agendas, motivation, fitness, the future of coding, and much more!
 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 and using the coupon code “tastytreat”.
 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 2:03 - Q: I hear you both talk about “state” a lot in your podcasts. And while I understand a little about it, I never understand it in the context you both use it. Can you enlighten us?
 6:52 - Q: I have an idea for a project that is suited for web sockets, push text/images/documents to a bunch of users in real time. I just learned about Firebase’s real-time database, and it looks like it would be pretty easy to implement my idea. What are your thoughts, pros/cons, of these two technologies?
 10:42 - Q: How’s your fitness going?
 12:15 - Q: Let’s say both of you gents were junior developers that had basic knowledge and skills in HTML, CSS and JavaScript but you had all the experience and knowledge of how to best master those skills and where the industry was heading. What would be the outline and focus of your road-map knowing what you do now?
 17:22 - Q: Is it worth it to find a remote dev job at an early stage of your career? Considering the stuff I learn from my seniors and other devs on the team, I wonder if I will lose the opportunity to learn stuff from my team members?
 19:49 - Q: How do I keep myself motivated in coding?
 22:47 - Q: What’s y’all’s opinion on using some obscure (at least in my opinion) features of a language, such as Javascript bitwise operators, in a production app that dozens of other engineers maintain, and will continue to maintain long after you leave the company? It seems hard to read and immediately understand, which possibly makes it harder to debug/refactor in the future. Is it the responsibility of future devs to learn if they don’t know, or should you find a different way to code the solution in the first place?
 26:00 - Q: Wes, I keep hearing you talk about working from your Dropbox. Do you sync up everything? Even things like your node module folders?
 29:26 - Q: Have you talked about Firefox Developer Edition? It looks like it should be very useful, but I can’t quite make the transition.
 32:58 - Q: Hey guys, what your opinion of CSS naming convention methodologies such as BEM?
 35:04 - Q: I would like to refer to the question from ep 140 about fronted development possibly dying. I don’t feel satisfied with the answer, so maybe I could state the question differently: With the machine learning being developed rapidly in recent years, will the web change, causing reduction of front-end jobs? Maybe we will just be training smart algorithms and developing them instead? What do you think?
 40:32 - Q: How do you deal with anxiety and fear during interviews that might hinder your ability to give the best impression of yourself or solve coding challenges?
 Links  FeathersJS

 Syntax 020: Fitness, Nutrition, and Losing Weight

 Syntax 084: Fitness for Developers

  Syntax 164: A Story About Kanye West and Learning to Code

  Syntax 140: Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!

 FireBase

 Slack

 Dropbox

 Backblaze

 FireFox developer edition

 Brave

 Wix

 Squarespace

  How you can train an AI to convert your design mockups into HTML and CSS

  How AI And Machine Learning Are Transforming Front-End Development?

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Wyze Sense

 Wes: Arthur on CBC kids

  Shameless Plugs  Wes: CSS Grid Course

 Scott: Gatsby Ecommerce Course, and Dev Tools & Debugging 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

Pro přehrání dalších podcastů se prosím registrujte.

Potluck - What is "State"? × Web Sockets × Remote Working × Firefox × Machines Taking Our Jobs × More!

Poslechněte si podcast