Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck — Video Hosting × Fake Names? × Portfolio Projects × Monorepos × APIs × TLDs × Recording Tips × 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">In this episode of Syntax, Scott and Wes talk about how to keep your skill up to date when you have a job and a family, when you should start looking for your first job, monorepos, video hosting, TLDs, APIs, fake names, and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sanity__Sponsor_9" name="Sanity__Sponsor_9"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> <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="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="Vonage__Sponsor_15" name="Vonage__Sponsor_15"></a>Vonage - Sponsor</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> Vonage is a Cloud Communications platform that allows developers to integrate voice, video and messaging into their applications using their communication APIs. Whether you’re wanting to build video calls into your app, create a Facebook bot, or build applications on top of programmable phone numbers, you’ll have all the tools you need. Use promo code SYNTAX10 for €10 of free credit when signing up at <a href= "https://vonage.dev/syntax">vonage.dev/syntax</a>.</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"> 02:10 - How do you handle token refresh when multiple API calls are made at the same time? Let’s says you get a 401 and do acquire a new token, but that will only be used by the first API call, while the other parallel APIs would still use the old one and error out. This has caused me to sort of artificially limit the total requests to be made to 1. How do you deal with it?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 06:40 - What service do you guys use for video storage and optimization? I am currently building out a side project that will require some video hosting so I figured I would ask the experts.</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 15:22 - I’m trying to teach myself web development and I’m having problems making up the logic for my personal projects. I would have to watch YouTube tutorials or look at other people’s code in order to implement simple features to my website and I’ve been feeling pretty stupid for not spending the time to think of it. I feel like I’m missing out on knowing how to problem solve for myself whenever I copy other people’s code and try to understand them afterwards.</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 19:27 - I just landed my first web development job after following The Odin Project and building personal projects for about a year. It tripled my income so I am incredibly excited! I have been using a PHP framework which was developed by one of my coworkers and has no documentation. In order to understand the code, I either have to read a bunch of source code or ask one of the other developers questions. While I am doing well, I can’t help but feel as if I am working way too slow and asking way too many questions. I assume this is imposter syndrome and lots of people deal with it, but how would you suggest dealing with this type of anxiety?</p> <p class="has-line-data" data-line-start="27" data-line-end="28"> 25:11 - Monorepos, yes or no?</p> <p class="has-line-data" data-line-start="29" data-line-end="30"> 29:43 - As a brand new self-taught web developer, how would you know if you’re ready to apply for junior positions?</p> <p class="has-line-data" data-line-start="31" data-line-end="32"> 32:03 - Will there ever be a .eat domain or are the pre-order sites just ripping you off? Would like to know who decides what TLDs are possible or not.</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 35:26 - I’m currently employed as a fullstack developer but want to build a portfolio for future job hunting. Would you say it’s ok to reference a project or two from an employer? My problem is that the only projects I have outside are mostly just smaller tools built for myself for fun.</p> <p class="has-line-data" data-line-start="35" data-line-end="36"> 39:29 - Should developers always use their real first and last name when presenting themselves as a professional online (e.g. Twitter, LinkedIn, Github, personal site). Or is it acceptable to use a fake last name for example? My wife is quite conscious about privacy online, so would prefer I retain some anonymity. But also, my last name is a bit generic, and not very Googleable. I thought having a more snappy and interesting name would help me stand out, and be easier to find with a quick Google. You guys both have awesome names that are very unique and are hard to forget.</p> <p class="has-line-data" data-line-start="37" data-line-end="38"> 43:59 - How do you find time to work and keep up with updates and libraries etc. having a wife & kids?</p> <p class="has-line-data" data-line-start="39" data-line-end="40"> 46:06 - I am a beginner in making course content. I am trying to create a programming tutorial, but every time I try to record some tutorials I have to compromise on audio quality. Lots of background noises get captured on audio. Can you both share some tips to make soundproofing room? What tricks do you both use?</p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 53:33 - As someone who recently learned/is learning how to build websites using express/node/react, with a little know how with Python and Django too, how do you start building a portfolio that isn’t just a bunch of practice/show-pieces? How do I get a client?</p> <p class="has-line-data" data-line-start="43" data-line-end="44"> 59:53 - Should I be using multiple web apps on a single site or try to make them all one? If I have a site that displays blog posts about parks for example, then a page with all the parks listed out that link to a page about each single park’s details, should I be making the entire thing in one app? Or make a blog app and publish it, then make a different app for the other content and publish it using a subdomain?</p> <h2 class="code-line" data-line-start="45" data-line-end="46"> <a id="Links_45" name="Links_45"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href= "https://syntax.fm/show/266/video-for-the-web-2020-and-beyond">Syntax 266: Video for the Web 2020 and Beyond</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://cloudinary.com/">Cloudinary</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://mux.com/">Mux</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://vimeo.com/">Vimeo</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.lesmills.com/us/">LesMills</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://bitmovin.com/">Bitmovin</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.brightcove.com/en/">Brightcove</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://wistia.com/">Wista</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.cloudflare.com/">Cloudflare</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://aws.amazon.com/medialive/">AWS MediaLive</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.keystonejs.com/">Keystone.js</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.gatsbyjs.com/">Gatsby</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href= "https://syntax.fm/show/331/hasty-treat-hireable-skills-for-2021">Syntax 331: Hasty Treat - Hireable Skills for 2021</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.icann.org/">ICANN</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href= "https://www.amazon.com/dbx-286s-Microphone-Channel-Processor/dp/B004LWH79A/"> dbx 286s</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href= "https://www.amazon.com/Electro-Voice-RE20-Broadcast-Microphone-Variable-D/dp/B00KCN83V8/"> Electro-Voice RE20</a></li> <li class="has-line-data" data-line-start="62" data-line-end="64"> <a href= "https://remarkable.com/store/remarkable-2">reMarkable</a></li> </ul> <h2 class="code-line" data-line-start="64" data-line-end="65"> <a id="_SIIIIICK__PIIIICKS__64" name= "_SIIIIICK__PIIIICKS__64"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="65" data-line-end="66"> Scott: <a href="https://amzn.to/3qq5AvF">CamLink 4k</a></li> <li class="has-line-data" data-line-start="66" data-line-end="68"> Wes: <a href="https://amzn.to/38jAGiq">TS80p Mini Soldering Iron</a></li> </ul> <h2 class="code-line" data-line-start="68" data-line-end="69"> <a id="Shameless_Plugs_68" name="Shameless_Plugs_68"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="69" data-line-end="70"> Scott: <a href="https://www.leveluptutorials.com/pro">Node Fundamentals Authentication</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="70" data-line-end="72"> Wes: <a href="https://advancedreact.com/">Fullstack Advanced React & GraphQL</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="72" data-line-end="73"> <a id="Tweet_us_your_tasty_treats_72" name= "Tweet_us_your_tasty_treats_72"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> 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 talk about how to keep your skill up to date when you have a job and a family, when you should start looking for your first job, monorepos, video hosting, TLDs, APIs, fake names, and more!
 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.
 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.
 Vonage - Sponsor Vonage is a Cloud Communications platform that allows developers to integrate voice, video and messaging into their applications using their communication APIs. Whether you’re wanting to build video calls into your app, create a Facebook bot, or build applications on top of programmable phone numbers, you’ll have all the tools you need. Use promo code SYNTAX10 for €10 of free credit when signing up at vonage.dev/syntax.
 Show Notes 02:10 - How do you handle token refresh when multiple API calls are made at the same time? Let’s says you get a 401 and do acquire a new token, but that will only be used by the first API call, while the other parallel APIs would still use the old one and error out. This has caused me to sort of artificially limit the total requests to be made to 1. How do you deal with it?
 06:40 - What service do you guys use for video storage and optimization? I am currently building out a side project that will require some video hosting so I figured I would ask the experts.
 15:22 - I’m trying to teach myself web development and I’m having problems making up the logic for my personal projects. I would have to watch YouTube tutorials or look at other people’s code in order to implement simple features to my website and I’ve been feeling pretty stupid for not spending the time to think of it. I feel like I’m missing out on knowing how to problem solve for myself whenever I copy other people’s code and try to understand them afterwards.
 19:27 - I just landed my first web development job after following The Odin Project and building personal projects for about a year. It tripled my income so I am incredibly excited! I have been using a PHP framework which was developed by one of my coworkers and has no documentation. In order to understand the code, I either have to read a bunch of source code or ask one of the other developers questions. While I am doing well, I can’t help but feel as if I am working way too slow and asking way too many questions. I assume this is imposter syndrome and lots of people deal with it, but how would you suggest dealing with this type of anxiety?
 25:11 - Monorepos, yes or no?
 29:43 - As a brand new self-taught web developer, how would you know if you’re ready to apply for junior positions?
 32:03 - Will there ever be a.eat domain or are the pre-order sites just ripping you off? Would like to know who decides what TLDs are possible or not.
 35:26 - I’m currently employed as a fullstack developer but want to build a portfolio for future job hunting. Would you say it’s ok to reference a project or two from an employer? My problem is that the only projects I have outside are mostly just smaller tools built for myself for fun.
 39:29 - Should developers always use their real first and last name when presenting themselves as a professional online (e.g. Twitter, LinkedIn, Github, personal site). Or is it acceptable to use a fake last name for example? My wife is quite conscious about privacy online, so would prefer I retain some anonymity. But also, my last name is a bit generic, and not very Googleable. I thought having a more snappy and interesting name would help me stand out, and be easier to find with a quick Google. You guys both have awesome names that are very unique and are hard to forget.
 43:59 - How do you find time to work and keep up with updates and libraries etc. having a wife & kids?
 46:06 - I am a beginner in making course content. I am trying to create a programming tutorial, but every time I try to record some tutorials I have to compromise on audio quality. Lots of background noises get captured on audio. Can you both share some tips to make soundproofing room? What tricks do you both use?
 53:33 - As someone who recently learned/is learning how to build websites using express/node/react, with a little know how with Python and Django too, how do you start building a portfolio that isn’t just a bunch of practice/show-pieces? How do I get a client?
 59:53 - Should I be using multiple web apps on a single site or try to make them all one? If I have a site that displays blog posts about parks for example, then a page with all the parks listed out that link to a page about each single park’s details, should I be making the entire thing in one app? Or make a blog app and publish it, then make a different app for the other content and publish it using a subdomain?
 Links  Syntax 266: Video for the Web 2020 and Beyond

 Cloudinary

 Mux

 Vimeo

 LesMills

 Bitmovin

 Brightcove

 Wista

 Cloudflare

 AWS MediaLive

 Keystone.js

 Gatsby

 Syntax 331: Hasty Treat - Hireable Skills for 2021

 ICANN

  dbx 286s

  Electro-Voice RE20

 reMarkable

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: CamLink 4k

 Wes: TS80p Mini Soldering Iron

  Shameless Plugs  Scott: Node Fundamentals Authentication - Sign up for the year and save 25%!
 Wes: Fullstack Advanced React & GraphQL - 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

Potluck — Video Hosting × Fake Names? × Portfolio Projects × Monorepos × APIs × TLDs × Recording Tips × More!

Poslechněte si podcast