Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - RIP Firefox? × Safari × Changing Careers × Regression Testing × Google Analytics Alternatives × Malicious Github Users? × Mac vs Windows × 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 the recent Mozilla layoffs, Safari, finding time to learn coding, Google Analytics alternatives, malicious Github users, and 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="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="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"> 01:15 - What are your guy’s thoughts on Mozzila’s layoffs and how it will affect developers?</p> <p class="has-line-data" data-line-start="19" data-line-end="20"> 08:42 - Right now I am a math teacher. I am married with 2 kids (3 and 1) so finding time to code is difficult. My current situation includes waking up at 4:30 am everyday just to get in some time before the kids wake up. Do either of you have any tips about finding a balance between raising kids, getting stuff done around the house, having a full time job and trying to teach yourself web development to transition into a different career?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 13:23 - If you had to use a drag-n-drop framework using React, which one would you choose?</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 15:49 - E2E vs Visual Regression Testing? At which web-app development cycle to implement each? Best tools open source vs purchase?</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 20:36 - I teach a Highschool course in web development. For a group of students who have a solid knowledge of HTML/CSS and a decent understanding of JavaScript, would Svelte be a good framework for entering into component-based development for the first time?</p> <p class="has-line-data" data-line-start="27" data-line-end="28"> 22:33 - What’s a good Google Analytics alternative in 2020? I have a site on Netlify that the $9/mo seems a bit steep for, for what the site is, and flipping the domain through Cloudflare just for the analytics seems crazy; but is it worth it? Alternatives would be awesome, as I’d love to get off the Google overlords.</p> <p class="has-line-data" data-line-start="29" data-line-end="30"> 29:22 - I have noticed about a dozen to 100 unique clones of my git repos after each push. It doesn’t matter if the repo is initialized, picture added or the readme updated. The repos are still cloned. The traffic section shows the views to my repo at 1 sometimes 2. Is this normal? Is this how interested employers keep tabs on you? Are there a lot of malicious git users? What is happening?</p> <p class="has-line-data" data-line-start="31" data-line-end="32"> 32:30 - With Apple switching to their own processors is it silly for anyone to buy a Mac for development before that releases? Do you guys have experience with Windows, and which would you still prefer today if you needed to buy?</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 40:28 - Have you ever been approached by or heard of <a href= "http://gitads.io/">GitAds.io</a>? They’re trying to pay developers to put ads onto popular open source libraries on Github, and they approached me recently, and I wasn’t sure what to think about them. What do you think?</p> <p class="has-line-data" data-line-start="35" data-line-end="36"> 45:16 - I just listened to your TLD game. It made me wonder your opinions on personal site domain names? Should it always try to be yourname.dev? What about .me or other domains?</p> <p class="has-line-data" data-line-start="37" data-line-end="38"> 47:53 - What’s the best way to introduce new technology or processes to a team?</p> <h2 class="code-line" data-line-start="39" data-line-end="40"> <a id="Links_39" name="Links_39"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://www.rust-lang.org/">Rust</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="https://www.mozilla.org/en-US/firefox/">Firefox</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://developer.mozilla.org/">MDN</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://twitter.com/jensimmons">Jen Simmons</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://www.apple.com/safari/">Safari</a></li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://react-dnd.github.io/react-dnd/about">React DnD</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://github.com/atlassian/react-beautiful-dnd">React Beautiful DnD</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://www.react-spring.io/">React Spring</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.framer.com/motion/">Framer Motion</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://www.cypress.io/">Cypress</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://percy.io/">Percy.io</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://svelte.dev/">Svelte</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://heap.io/">Heap</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://usefathom.com/ref/2XTH1G">Fathom</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.gitads.io/">GitAds.io</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://get.tech/">.TECH</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href= "https://syntax.fm/show/179/hasty-treat-the-tld-game">Syntax 179: Hasty Treat - The TLD Game</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://javascript30.com/">Javascript30</a></li> <li class="has-line-data" data-line-start="58" data-line-end="60"> <a href= "https://syntax.fm/show/205/hasty-treat-the-new-macbook-pro-for-web-development"> Syntax 206: Hasty Treat - The New MacBook Pro for Web 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="http://tbswitcher.rugarciap.com/">Turbo Boost Switcher for Mac OS X</a></li> <li class="has-line-data" data-line-start="62" data-line-end="64"> Wes: <a href="https://amzn.to/34sAtIB">Roller Blade Wheels for your chair</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"> Scott: <a href="https://www.leveluptutorials.com/pro">React 3D</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="66" data-line-end="68"> Wes: <a href="https://mastergatsby.com/">Master Gatsby</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 potluck! In this episode, Scott and Wes answer your questions about the recent Mozilla layoffs, Safari, finding time to learn coding, Google Analytics alternatives, malicious Github users, and 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.io 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 01:15 - What are your guy’s thoughts on Mozzila’s layoffs and how it will affect developers?
 08:42 - Right now I am a math teacher. I am married with 2 kids (3 and 1) so finding time to code is difficult. My current situation includes waking up at 4:30 am everyday just to get in some time before the kids wake up. Do either of you have any tips about finding a balance between raising kids, getting stuff done around the house, having a full time job and trying to teach yourself web development to transition into a different career?
 13:23 - If you had to use a drag-n-drop framework using React, which one would you choose?
 15:49 - E2E vs Visual Regression Testing? At which web-app development cycle to implement each? Best tools open source vs purchase?
 20:36 - I teach a Highschool course in web development. For a group of students who have a solid knowledge of HTML/CSS and a decent understanding of JavaScript, would Svelte be a good framework for entering into component-based development for the first time?
 22:33 - What’s a good Google Analytics alternative in 2020? I have a site on Netlify that the $9/mo seems a bit steep for, for what the site is, and flipping the domain through Cloudflare just for the analytics seems crazy; but is it worth it? Alternatives would be awesome, as I’d love to get off the Google overlords.
 29:22 - I have noticed about a dozen to 100 unique clones of my git repos after each push. It doesn’t matter if the repo is initialized, picture added or the readme updated. The repos are still cloned. The traffic section shows the views to my repo at 1 sometimes 2. Is this normal? Is this how interested employers keep tabs on you? Are there a lot of malicious git users? What is happening?
 32:30 - With Apple switching to their own processors is it silly for anyone to buy a Mac for development before that releases? Do you guys have experience with Windows, and which would you still prefer today if you needed to buy?
 40:28 - Have you ever been approached by or heard of GitAds.io? They’re trying to pay developers to put ads onto popular open source libraries on Github, and they approached me recently, and I wasn’t sure what to think about them. What do you think?
 45:16 - I just listened to your TLD game. It made me wonder your opinions on personal site domain names? Should it always try to be yourname.dev? What about.me or other domains?
 47:53 - What’s the best way to introduce new technology or processes to a team?
 Links  Rust

 Firefox

 MDN

 Jen Simmons

 Safari

 React DnD

 React Beautiful DnD

 React Spring

 Framer Motion

 Cypress

 Percy.io

 Svelte

 Heap

 Fathom

 GitAds.io

 .TECH

 Syntax 179: Hasty Treat - The TLD Game

 Javascript30

  Syntax 206: Hasty Treat - The New MacBook Pro for Web Development

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Turbo Boost Switcher for Mac OS X

 Wes: Roller Blade Wheels for your chair

  Shameless Plugs  Scott: React 3D - Sign up for the year and save 25%!
 Wes: Master Gatsby

  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 - RIP Firefox? × Safari × Changing Careers × Regression Testing × Google Analytics Alternatives × Malicious Github Users? × Mac vs Windows × More!

Poslechněte si podcast