Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

We Review Resumes, Websites, and Online Presence

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 review resumes, websites, and online presences, and discuss pros and cons, what you should focus on, and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Freshbooks__Sponsor_9" name="Freshbooks__Sponsor_9"></a>Freshbooks - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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="12" data-line-end="13"> <a id="Linode__Sponsor_12" name="Linode__Sponsor_12"></a>Linode - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at <a href= "https://linode.com/syntax">linode.com/syntax</a>. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit <a href= "https://linode.com/syntax">linode.com/syntax</a> and click on the “Create Free Account” button to get started.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Sentry__Sponsor_15" name="Sentry__Sponsor_15"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="16" data-line-end="17">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/" target="_blank" rel= "noopener noreferrer">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</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"> 04:32 - Why does an impression matter?</p> <ul> <li class="has-line-data" data-line-start="20" data-line-end="22"> All of this stuff comes together to work in your favour when you are hunting for a job.</li> </ul> <p class="has-line-data" data-line-start="22" data-line-end="23"> 05:14 - What goes into an online presence?</p> <ul> <li class="has-line-data" data-line-start="23" data-line-end="25"> Twitter <ul> <li class="has-line-data" data-line-start="24" data-line-end="25"> Share what you know</li> </ul> </li> <li class="has-line-data" data-line-start="25" data-line-end="30"> Online website <ul> <li class="has-line-data" data-line-start="26" data-line-end="27"> Design</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> Messaging</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> Effort</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> Personal life</li> </ul> </li> <li class="has-line-data" data-line-start="30" data-line-end="31"> Blog</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> Resume</li> <li class="has-line-data" data-line-start="32" data-line-end="34"> It’s not about being popular, it’s about relationships and positioning yourself as an expert. People mix up their hatred for “influencers” with having a rock solid network of people who they can help and who can help them.</li> </ul> <p class="has-line-data" data-line-start="34" data-line-end="35"> 07:25 - A couple stories</p> <ul> <li class="has-line-data" data-line-start="35" data-line-end="40"> <a href="https://twitter.com/HenriHelvetica">@HenriHelvetica</a> <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> You don’t know how many times I’ve tried to convince (esp people of color) to try a lightning talk. This stuff gets you to research, and you might even make discoveries.</li> <li class="has-line-data" data-line-start="37" data-line-end="38">I know it’s a step out of the comfort zone for many, and that’s cool, but don’t be upset at those who go for it, and land some work.</li> <li class="has-line-data" data-line-start="38" data-line-end="40">I do (did) lunch n learns @ Juno, and I started to end them w/ a post bootcamp life — tell them what it’s like, and to be active on twitter (share what you read, what you’re working on, listen to others, follow great devs, etc.). One person DM’d me to tell me she took that in and decided to try. “I never forgot that time you gave a talk at HY and one thing that you emphasized was to make your voice known on Twitter. You said that this has opened many opportunities for you and that’s been happening to me more and more recently. I never set out to build my account but the growth has indeed happened and along with it, opportunities from people I’ve never expected.”</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="40" data-line-end="41"> 09:40 - Ash Connolly</p> <ul> <li class="has-line-data" data-line-start="41" data-line-end="43"> <a href= "https://ashconnolly.com/">https://ashconnolly.com/</a><br /> <a href= "https://www.notion.so/ashconnolly/Ash-Connolly-321c5a65350f477897ed025f4daa1bb0"> https://www.notion.so/ashconnolly/Ash-Connolly-321c5a65350f477897ed025f4daa1bb0</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> Software Engineer</li> <li class="has-line-data" data-line-start="44" data-line-end="45"> Using new tech with high end clients</li> <li class="has-line-data" data-line-start="45" data-line-end="64"> Review <ul> <li class="has-line-data" data-line-start="46" data-line-end="51"> Pros <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> Clean, simple design, but doesn’t feel like it’s missing something</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Animations are a nice touch</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> Easy to see their work (e.g. photo, title, short paragraph, link)</li> <li class="has-line-data" data-line-start="50" data-line-end="51"> Testimonials is good, I might change the word testimonials, but that’s small</li> </ul> </li> <li class="has-line-data" data-line-start="51" data-line-end="54"> Cons <ul> <li class="has-line-data" data-line-start="52" data-line-end="53"> Nitpick - footer emphasis color looks like a link</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> HTML is good, but missing some semantic tags like <main>, <section>, <article>, too reliant on divs</li> </ul> </li> <li class="has-line-data" data-line-start="54" data-line-end="64"> Resume <ul> <li class="has-line-data" data-line-start="55" data-line-end="59"> Pros <ul> <li class="has-line-data" data-line-start="56" data-line-end="57"> Good idea of what Ash has accomplished (e.g. just by reading his summary, I’m left feeling impressed because of his client base and his extras like writing for FreeCodeCamp and Marvel Blog).</li> <li class="has-line-data" data-line-start="57" data-line-end="58"> Work history - good way of describing what he did. “Carried out performance audits and site speed improvements”</li> <li class="has-line-data" data-line-start="58" data-line-end="59"> Links to writings and side projects</li> </ul> </li> <li class="has-line-data" data-line-start="59" data-line-end="64"> Cons <ul> <li class="has-line-data" data-line-start="60" data-line-end="61"> Lists Brad Frost as someone who shared his post. This feels a little weird.</li> <li class="has-line-data" data-line-start="61" data-line-end="62"> Nitpick - CSS & CSS3, HTML & HTML5 on the languages. In 2021, just put HTML & CSS.</li> <li class="has-line-data" data-line-start="62" data-line-end="64"> Work history - WAY way too much. Keep it to one sentence and three or four bullet points for each job. Ain’t nobody gonna read all that.</li> </ul> </li> </ul> </li> </ul> </li> </ul> <p class="has-line-data" data-line-start="64" data-line-end="65"> 20:48 - Matthew Bidwell</p> <ul> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://matty.dev/">https://matty.dev/</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> Backend dev</li> <li class="has-line-data" data-line-start="67" data-line-end="68"> Not focused on dev</li> <li class="has-line-data" data-line-start="68" data-line-end="74"> Review: <ul> <li class="has-line-data" data-line-start="69" data-line-end="70"> Banging domain</li> <li class="has-line-data" data-line-start="70" data-line-end="71"> It’s clear who he is, what he is about</li> <li class="has-line-data" data-line-start="71" data-line-end="72"> Links to Twitter, Github and LinkedIn right away</li> <li class="has-line-data" data-line-start="72" data-line-end="74"> Blog posts showing he knows what he’s talking about</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="74" data-line-end="75"> 24:42 - Leah Lundqvist</p> <ul> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://leah.link/">https://leah.link</a></li> <li class="has-line-data" data-line-start="76" data-line-end="90"> Review: <ul> <li class="has-line-data" data-line-start="77" data-line-end="80"> Pros <ul> <li class="has-line-data" data-line-start="78" data-line-end="79"> Fantastic aesthetics on site</li> <li class="has-line-data" data-line-start="79" data-line-end="80"> Good lead paragraph</li> </ul> </li> <li class="has-line-data" data-line-start="80" data-line-end="86"> Cons <ul> <li class="has-line-data" data-line-start="81" data-line-end="82"> I’m not sure what work she actually does</li> <li class="has-line-data" data-line-start="82" data-line-end="84"> Github pages are great for digging but not curation or showing off <ul> <li class="has-line-data" data-line-start="83" data-line-end="84"> Same with Twitter</li> </ul> </li> <li class="has-line-data" data-line-start="84" data-line-end="85"> For instance, I saw on Twitter that Leah made <a href= "https://app.airport.community/app/rec1CbVg4J5aqScUQ">https://app.airport.community/app/rec1CbVg4J5aqScUQ</a> but there was no mention of it anywhere else. A page full of the most recent / best projects with quick links is essential for anyone.</li> <li class="has-line-data" data-line-start="85" data-line-end="86"> Don’t make them hunt for it</li> </ul> </li> <li class="has-line-data" data-line-start="86" data-line-end="90"> Twitter review: <ul> <li class="has-line-data" data-line-start="87" data-line-end="88"> Unreal</li> <li class="has-line-data" data-line-start="88" data-line-end="90"> Pinned tweet</li> </ul> </li> </ul> </li> </ul> <p class="has-line-data" data-line-start="90" data-line-end="91"> 31:04 - Ismail Ghallou</p> <ul> <li class="has-line-data" data-line-start="91" data-line-end="92"> <a href="https://smakosh.com/">https://smakosh.com/</a></li> <li class="has-line-data" data-line-start="92" data-line-end="93"> Best one yet</li> <li class="has-line-data" data-line-start="93" data-line-end="94"> Clear explanation right off the bat</li> <li class="has-line-data" data-line-start="94" data-line-end="95"> Dribbble - shows me he’s up on the latest</li> <li class="has-line-data" data-line-start="95" data-line-end="96"> Open source</li> <li class="has-line-data" data-line-start="96" data-line-end="97"> Testimonials</li> <li class="has-line-data" data-line-start="97" data-line-end="98"> Talks</li> <li class="has-line-data" data-line-start="98" data-line-end="99"> Blog</li> <li class="has-line-data" data-line-start="99" data-line-end="100"> <a href= "https://twitter.com/smakosh">https://twitter.com/smakosh</a> - Twitter lines up</li> <li class="has-line-data" data-line-start="100" data-line-end= "102">Most recent tweets about tech</li> </ul> <p class="has-line-data" data-line-start="102" data-line-end="103"> 40:18 - Jhey Tompkins</p> <ul> <li class="has-line-data" data-line-start="103" data-line-end= "104"><a href="https://jhey.dev/">https://jhey.dev/</a></li> <li class="has-line-data" data-line-start="104" data-line-end= "105">Whimsey</li> <li class="has-line-data" data-line-start="105" data-line-end= "106">Sound!</li> <li class="has-line-data" data-line-start="106" data-line-end= "108">Good use of CSS and SVG animation</li> </ul> <p class="has-line-data" data-line-start="108" data-line-end="109"> 46:28 - Wes’ website</p> <ul> <li class="has-line-data" data-line-start="109" data-line-end= "110"><a href="https://wesbos.com/">websos.com</a></li> <li class="has-line-data" data-line-start="110" data-line-end= "111">Can’t view source</li> <li class="has-line-data" data-line-start="111" data-line-end= "112">Whimsey</li> <li class="has-line-data" data-line-start="112" data-line-end= "113">The right kind of animation</li> <li class="has-line-data" data-line-start="113" data-line-end= "114">The link to the Syntax podcast has no indication that it’s going to take you offsite.</li> <li class="has-line-data" data-line-start="114" data-line-end= "115">The background image is good, but not as good with a wide browser.</li> <li class="has-line-data" data-line-start="115" data-line-end= "116">Custom scrollbars are nice</li> <li class="has-line-data" data-line-start="116" data-line-end= "118">Overall the site is a delight</li> </ul> <p class="has-line-data" data-line-start="118" data-line-end="119"> 53:25 - Scott’s website</p> <ul> <li class="has-line-data" data-line-start="119" data-line-end= "120"><a href= "https://www.scotttolinski.com/">scotttolinski.com</a></li> <li class="has-line-data" data-line-start="120" data-line-end= "121">Font’s a little big</li> <li class="has-line-data" data-line-start="121" data-line-end= "122">Link to documentary is great</li> <li class="has-line-data" data-line-start="122" data-line-end= "123">Bio should include links</li> <li class="has-line-data" data-line-start="123" data-line-end= "124">Page animations are great</li> <li class="has-line-data" data-line-start="124" data-line-end= "125">Showing personal life / interests is good</li> <li class="has-line-data" data-line-start="125" data-line-end= "127">Super fast</li> </ul> <h2 class="code-line" data-line-start="127" data-line-end="128"> <a id="Links_127" name="Links_127"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="128" data-line-end= "129"><a href= "https://twitter.com/wesbos/status/1350961135269400580">https://twitter.com/wesbos/status/1350961135269400580</a></li> <li class="has-line-data" data-line-start="129" data-line-end= "130"><a href= "https://syntax.fm/show/298/voice-coding-is-really-good-with-josh-comeau"> Syntax 298: Voice Coding is Really Good with Josh Comeau</a></li> <li class="has-line-data" data-line-start="130" data-line-end= "131"><a href="https://www.joshwcomeau.com/">Josh Comeau</a></li> <li class="has-line-data" data-line-start="131" data-line-end= "133"><a href= "https://www.youtube.com/channel/UCsqjHFMB_JYTaEnf_vmTNqg">Doug DeMuro</a></li> </ul> <h2 class="code-line" data-line-start="133" data-line-end="134"> <a id="_SIIIIICK__PIIIICKS__133" name= "_SIIIIICK__PIIIICKS__133"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="134" data-line-end= "135">Scott: <a href="https://amzn.to/2NhnGSU">Swedish Dishcloths</a></li> <li class="has-line-data" data-line-start="135" data-line-end= "137">Wes: <a href="https://amzn.to/3sCaDM8">Paper Wheels Knife Sharpening System</a></li> </ul> <h2 class="code-line" data-line-start="137" data-line-end="138"> <a id="Shameless_Plugs_137" name= "Shameless_Plugs_137"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="138" data-line-end= "139">Scott: <a href= "https://www.leveluptutorials.com/pro">Testing with Cypress</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="139" data-line-end= "141">Wes: <a href="https://wesbos.com/courses/">All Courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="141" data-line-end="142"> <a id="Tweet_us_your_tasty_treats_141" name= "Tweet_us_your_tasty_treats_141"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="142" data-line-end= "143"><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="143" data-line-end= "144"><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="144" data-line-end= "145"><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="145" data-line-end= "146"><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="146" data-line-end= "147"><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="147" data-line-end= "148"><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="148" data-line-end= "149">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 review resumes, websites, and online presences, and discuss pros and cons, what you should focus on, and more!
 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.
 Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.
 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.
 Show Notes 04:32 - Why does an impression matter?
  All of this stuff comes together to work in your favour when you are hunting for a job.
  05:14 - What goes into an online presence?
  Twitter  Share what you know

 Online website  Design
 Messaging
 Effort
 Personal life

 Blog
 Resume
 It’s not about being popular, it’s about relationships and positioning yourself as an expert. People mix up their hatred for “influencers” with having a rock solid network of people who they can help and who can help them.
  07:25 - A couple stories
  @HenriHelvetica  You don’t know how many times I’ve tried to convince (esp people of color) to try a lightning talk. This stuff gets you to research, and you might even make discoveries.
 I know it’s a step out of the comfort zone for many, and that’s cool, but don’t be upset at those who go for it, and land some work.
 I do (did) lunch n learns @ Juno, and I started to end them w/ a post bootcamp life — tell them what it’s like, and to be active on twitter (share what you read, what you’re working on, listen to others, follow great devs, etc.). One person DM’d me to tell me she took that in and decided to try. “I never forgot that time you gave a talk at HY and one thing that you emphasized was to make your voice known on Twitter. You said that this has opened many opportunities for you and that’s been happening to me more and more recently. I never set out to build my account but the growth has indeed happened and along with it, opportunities from people I’ve never expected.”

  09:40 - Ash Connolly
  https://ashconnolly.com/ https://www.notion.so/ashconnolly/Ash-Connolly-321c5a65350f477897ed025f4daa1bb0

 Software Engineer
 Using new tech with high end clients
 Review  Pros  Clean, simple design, but doesn’t feel like it’s missing something
 Animations are a nice touch
 Easy to see their work (e.g. photo, title, short paragraph, link)
 Testimonials is good, I might change the word testimonials, but that’s small

 Cons  Nitpick - footer emphasis color looks like a link
 HTML is good, but missing some semantic tags like,,, too reliant on divs

 Resume  Pros  Good idea of what Ash has accomplished (e.g. just by reading his summary, I’m left feeling impressed because of his client base and his extras like writing for FreeCodeCamp and Marvel Blog).
 Work history - good way of describing what he did. “Carried out performance audits and site speed improvements”
 Links to writings and side projects

 Cons  Lists Brad Frost as someone who shared his post. This feels a little weird.
 Nitpick - CSS & CSS3, HTML & HTML5 on the languages. In 2021, just put HTML & CSS.
 Work history - WAY way too much. Keep it to one sentence and three or four bullet points for each job. Ain’t nobody gonna read all that.

  20:48 - Matthew Bidwell
  https://matty.dev/

 Backend dev
 Not focused on dev
 Review:  Banging domain
 It’s clear who he is, what he is about
 Links to Twitter, Github and LinkedIn right away
 Blog posts showing he knows what he’s talking about

  24:42 - Leah Lundqvist
  https://leah.link

 Review:  Pros  Fantastic aesthetics on site
 Good lead paragraph

 Cons  I’m not sure what work she actually does
 Github pages are great for digging but not curation or showing off  Same with Twitter

 For instance, I saw on Twitter that Leah made https://app.airport.community/app/rec1CbVg4J5aqScUQ but there was no mention of it anywhere else. A page full of the most recent / best projects with quick links is essential for anyone.
 Don’t make them hunt for it

 Twitter review:  Unreal
 Pinned tweet

  31:04 - Ismail Ghallou
  https://smakosh.com/

 Best one yet
 Clear explanation right off the bat
 Dribbble - shows me he’s up on the latest
 Open source
 Testimonials
 Talks
 Blog
 https://twitter.com/smakosh - Twitter lines up
 Most recent tweets about tech
  40:18 - Jhey Tompkins
 https://jhey.dev/
 Whimsey
 Sound!
 Good use of CSS and SVG animation
  46:28 - Wes’ website
 websos.com
 Can’t view source
 Whimsey
 The right kind of animation
 The link to the Syntax podcast has no indication that it’s going to take you offsite.
 The background image is good, but not as good with a wide browser.
 Custom scrollbars are nice
 Overall the site is a delight
  53:25 - Scott’s website
 scotttolinski.com
 Font’s a little big
 Link to documentary is great
 Bio should include links
 Page animations are great
 Showing personal life / interests is good
 Super fast
  Links https://twitter.com/wesbos/status/1350961135269400580
 Syntax 298: Voice Coding is Really Good with Josh Comeau
 Josh Comeau
 Doug DeMuro
  ××× SIIIIICK ××× PIIIICKS ××× Scott: Swedish Dishcloths

 Wes: Paper Wheels Knife Sharpening System

  Shameless Plugs Scott: Testing with Cypress - Sign up for the year and save 25%!
 Wes: All Courses - 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

We Review Resumes, Websites, and Online Presence

Poslechněte si podcast