Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - Selling Themes × Which Browser Should Devs Use? × Where Do You Keep 2FA Codes? × Remix vs Svelte Kit × Getting Unstuck from Tutorial Hell

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>In this episode of Syntax, Wes and Scott answer your questions about selling themes, which browser to use, where to keep your 2FA codes, Remxi vs Svelte Kit, and more!</p> <h2 id="sentry---sponsor" class="code-line" dir="auto" data-line= "9">Sentry - Sponsor</h2> <p class="code-line" dir="auto" data-line="11">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 title="https://sentry.io" href="https://sentry.io/" data-href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 id="sanity---sponsor" class="code-line" dir="auto" data-line= "13">Sanity - Sponsor</h2> <p class="code-line" dir="auto" data-line="15">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 <a title="https://www.sanity.io/create" href= "https://www.sanity.io/create" data-href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a title= "https://www.sanity.io/syntax" href="https://www.sanity.io/syntax" data-href="https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 id="freshbooks---sponsor" class="code-line" dir="auto" data-line="17">Freshbooks - Sponsor</h2> <p class="code-line" dir="auto" data-line="19">Get a 30 day free trial of Freshbooks at <a title= "https://freshbooks.com/syntax" href= "https://freshbooks.com/syntax" data-href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a>.</p> <h2 id="show-notes" class="code-line" dir="auto" data-line="21"> Show Notes</h2> <ul class="code-line" dir="auto" data-line="23"> <li class="code-line" dir="auto" data-line="23"><strong><a title= "#t=00:11" href="#t=00:11" data-href= "#t=00:11">00:11</a></strong> Welcome</li> <li class="code-line" dir="auto" data-line="24"><strong><a title= "#t=02:10" href="#t=02:10" data-href= "#t=02:10">02:10</a></strong> Can you explain import.meta?</li> <li class="code-line" dir="auto" data-line="25"><strong><a title= "#t=07:20" href="#t=07:20" data-href= "#t=07:20">07:20</a></strong> What are your thoughts on publishing and selling HTML & CSS/SASS templates/themes?</li> <li class="code-line" dir="auto" data-line="26"><strong><a title= "#t=12:00" href="#t=12:00" data-href= "#t=12:00">12:00</a></strong> When is it best to use a semantic menu vs a nav?</li> <li class="code-line" dir="auto" data-line="27"><strong><a title= "#t=16:14" href="#t=16:14" data-href= "#t=16:14">16:14</a></strong> Sponsor: Sentry.io</li> <li class="code-line" dir="auto" data-line="28"><strong><a title= "#t=17:36" href="#t=17:36" data-href= "#t=17:36">17:36</a></strong> As a newbie in web dev., which browser do you recommend, Chrome or Firefox Dev. Edition?</li> <li class="code-line" dir="auto" data-line="29"><strong><a title= "#t=20:25" href="#t=20:25" data-href= "#t=20:25">20:25</a></strong> Are TypeScript types are like creating models in Mongoose?</li> <li class="code-line" dir="auto" data-line="30"><strong><a title= "#t=26:16" href="#t=26:16" data-href= "#t=26:16">26:16</a></strong> If you use 2FA, where do you store your recovery codes?</li> <li class="code-line" dir="auto" data-line="31"><a title= "https://1password.com" href="https://1password.com/" data-href= "https://1password.com">1Password</a></li> <li class="code-line" dir="auto" data-line="32"><strong><a title= "#t=29:32" href="#t=29:32" data-href= "#t=29:32">29:32</a></strong> Do you know a programming language which similar syntax to js and without the need of a runtime-framework?</li> <li class="code-line" dir="auto" data-line="33"><a title= "https://syntax.fm/show/429/pros-cons-of-javascript-servers-serverless-and-cloudflare-workers" href= "https://syntax.fm/show/429/pros-cons-of-javascript-servers-serverless-and-cloudflare-workers" data-href= "https://syntax.fm/show/429/pros-cons-of-javascript-servers-serverless-and-cloudflare-workers"> Syntax 429 - Cloudflare Workers</a></li> <li class="code-line" dir="auto" data-line="34"><strong><a title= "#t=32:54" href="#t=32:54" data-href= "#t=32:54">32:54</a></strong> I am not feeling the hype for Remix. I would rather put my energy into SvelteKit.</li> <li class="code-line" dir="auto" data-line="35"><a title= "https://remix.run" href="https://remix.run/" data-href= "https://remix.run">Remix</a></li> <li class="code-line" dir="auto" data-line="36"><a title= "https://kit.svelte.dev" href="https://kit.svelte.dev/" data-href= "https://kit.svelte.dev">Svelte Kit</a></li> <li class="code-line" dir="auto" data-line="37"><strong><a title= "#t=36:41" href="#t=36:41" data-href= "#t=36:41">36:41</a></strong> Sponsor: Sanity</li> <li class="code-line" dir="auto" data-line="38"><strong><a title= "#t=38:09" href="#t=38:09" data-href= "#t=38:09">38:09</a></strong> Do you guys have any advice on getting unstuck from tutorial hell and at what point do you think someone is ready to apply for junior web dev jobs?</li> <li class="code-line" dir="auto" data-line="39"><strong><a title= "#t=41:36" href="#t=41:36" data-href= "#t=41:36">41:36</a></strong> Do you feel frameworks like Next.js, Remix, etc. abstract too much the complexity that it takes to build full-stack web apps?</li> <li class="code-line" dir="auto" data-line="40"><strong><a title= "#t=44:19" href="#t=44:19" data-href= "#t=44:19">44:19</a></strong> How do you keep up on new technologies?</li> <li class="code-line" dir="auto" data-line="41"><a title= "https://twitter.com/swyx" href="https://twitter.com/swyx" data-href="https://twitter.com/swyx">Swyx</a></li> <li class="code-line" dir="auto" data-line="42"><a title= "https://leveluptutorials.com/newsletter" href= "https://leveluptutorials.com/newsletter" data-href= "https://leveluptutorials.com/newsletter">Scott’s Newsletter</a></li> <li class="code-line" dir="auto" data-line="43"><a title= "https://twitter.com/intenttoship" href= "https://twitter.com/intenttoship" data-href= "https://twitter.com/intenttoship">Intent to Ship</a></li> <li class="code-line" dir="auto" data-line="44"><strong><a title= "#t=54:04" href="#t=54:04" data-href= "#t=54:04">54:04</a></strong> Sponsor: Freshbooks</li> <li class="code-line" dir="auto" data-line="45"><strong><a title= "#t=55:06" href="#t=55:06" data-href= "#t=55:06">55:06</a></strong> Sick Picks!</li> </ul> <h2 id= "%C3%97%C3%97%C3%97-siiiiick-%C3%97%C3%97%C3%97-piiiicks-%C3%97%C3%97%C3%97" class="code-line" dir="auto" data-line="47">××× SIIIIICK ××× PIIIICKS ×××</h2> <ul class="code-line" dir="auto" data-line="49"> <li class="code-line" dir="auto" data-line="49"> Scott: <a title="https://www.imdb.com/title/tt15293256/" href= "https://www.imdb.com/title/tt15293256/" data-href= "https://www.imdb.com/title/tt15293256/">The River Runner (2021) - IMDb</a></li> <li class="code-line" dir="auto" data-line="50">Wes: <a title= "https://amzn.to/3KUeuNL" href="https://amzn.to/3KUeuNL" data-href= "https://amzn.to/3KUeuNL">Mike’s Hot Honey</a></li> </ul> <h2 id="shameless-plugs" class="code-line" dir="auto" data-line= "52">Shameless Plugs</h2> <ul class="code-line" dir="auto" data-line="54"> <li class="code-line" dir="auto" data-line="54"> Scott: <a title= "https://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg" href= "https://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg" data-href= "https://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg">LevelUp YouTube channel</a></li> <li class="code-line" dir="auto" data-line="55">Wes: <a title= "https://www.tiktok.com/@wesbos" href= "https://www.tiktok.com/@wesbos" data-href= "https://www.tiktok.com/@wesbos">Wes Bos on TikTok</a></li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" dir="auto" data-line="57">Tweet us your tasty treats</h2> <ul class="code-line" dir="auto" data-line="59"> <li class="code-line" dir="auto" data-line="59"><a title= "https://www.instagram.com/stolinski/" href= "https://www.instagram.com/stolinski/" data-href= "https://www.instagram.com/stolinski/">Scott's Instagram</a></li> <li class="code-line" dir="auto" data-line="60"><a title= "https://www.instagram.com/LevelUpTutorials/" href= "https://www.instagram.com/LevelUpTutorials/" data-href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="code-line" dir="auto" data-line="61"><a title= "https://www.instagram.com/wesbos/" href= "https://www.instagram.com/wesbos/" data-href= "https://www.instagram.com/wesbos/">Wes' Instagram</a></li> <li class="code-line" dir="auto" data-line="62"><a title= "https://twitter.com/wesbos" href="https://twitter.com/wesbos" data-href="https://twitter.com/wesbos">Wes' Twitter</a></li> <li class="code-line" dir="auto" data-line="63"><a title= "https://www.facebook.com/wesbos.developer" href= "https://www.facebook.com/wesbos.developer" data-href= "https://www.facebook.com/wesbos.developer">Wes' Facebook</a></li> <li class="code-line" dir="auto" data-line="64"><a title= "https://twitter.com/stolinski" href= "https://twitter.com/stolinski" data-href= "https://twitter.com/stolinski">Scott's Twitter</a></li> <li class="code-line" dir="auto" data-line="65">Make sure to include <a title="https://twitter.com/SyntaxFM" href= "https://twitter.com/SyntaxFM" data-href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott answer your questions about selling themes, which browser to use, where to keep your 2FA codes, Remxi vs Svelte Kit, and more!
 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.
 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.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax.
 Show Notes 
00:11 Welcome

02:10 Can you explain import.meta?

07:20 What are your thoughts on publishing and selling HTML & CSS/SASS templates/themes?

12:00 When is it best to use a semantic menu vs a nav?

16:14 Sponsor: Sentry.io

17:36 As a newbie in web dev., which browser do you recommend, Chrome or Firefox Dev. Edition?

20:25 Are TypeScript types are like creating models in Mongoose?

26:16 If you use 2FA, where do you store your recovery codes?
 1Password

29:32 Do you know a programming language which similar syntax to js and without the need of a runtime-framework?
 Syntax 429 - Cloudflare Workers

32:54 I am not feeling the hype for Remix. I would rather put my energy into SvelteKit.
 Remix
 Svelte Kit

36:41 Sponsor: Sanity

38:09 Do you guys have any advice on getting unstuck from tutorial hell and at what point do you think someone is ready to apply for junior web dev jobs?

41:36 Do you feel frameworks like Next.js, Remix, etc. abstract too much the complexity that it takes to build full-stack web apps?

44:19 How do you keep up on new technologies?
 Swyx
 Scott’s Newsletter
 Intent to Ship

54:04 Sponsor: Freshbooks

55:06 Sick Picks!
 ××× SIIIIICK ××× PIIIICKS ×××  Scott: The River Runner (2021) - IMDb

 Wes: Mike’s Hot Honey

 Shameless Plugs  Scott: LevelUp YouTube channel

 Wes: Wes Bos on TikTok

 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 - Selling Themes × Which Browser Should Devs Use? × Where Do You Keep 2FA Codes? × Remix vs Svelte Kit × Getting Unstuck from Tutorial Hell

Poslechněte si podcast