Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Gitpod, iPad Coding, Web3, WTF NFT

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, Scott and Wes talk with Geoff and Pauline from Gitpod about developing on Gitpod, Web3, and The NFT Bay.</p> <h2 id="freshbooks---sponsor" class="code-line" data-line="9"> Freshbooks - Sponsor</h2> <p class="code-line" data-line="11">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> and put SYNTAX in the "How did you hear about us?" section.</p> <h2 id="logrocket---sponsor" class="code-line" data-line="13"> Logrocket - Sponsor</h2> <p class="code-line" data-line="15">LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a title= "https://logrocket.com/syntax" href="https://logrocket.com/syntax" data-href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 id="linode---sponsor" class="code-line" data-line="17">Linode - Sponsor</h2> <p class="code-line" data-line="19">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 title= "https://linode.com/syntax" href="https://linode.com/syntax" data-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 title="https://linode.com/syntax" href= "https://linode.com/syntax" data-href= "https://linode.com/syntax">linode.com/syntax</a> and click on the “Create Free Account” button to get started.</p> <h2 id="show-notes" class="code-line" data-line="21">Show Notes</h2> <ul class="code-line" data-line="23"> <li class="code-line" data-line="23"><strong><a title="#t=01:20" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=01:20" data-href="#t=01:20">01:20</a></strong> Guest introduction</li> <li class="code-line" data-line="24"><strong><a title="#t=02:46" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=02:46" data-href="#t=02:46">02:46</a></strong> Coding in the browser anywhere</li> <li class="code-line" data-line="25"><a title= "https://www.gitpod.io" href="https://www.gitpod.io/" data-href= "https://www.gitpod.io">Gitpod</a></li> <li class="code-line" data-line="26"><a title= "https://www.jetbrains.com" href="https://www.jetbrains.com/" data-href="https://www.jetbrains.com">JetBrain</a></li> <li class="code-line" data-line="27"><strong><a title="#t=04:58" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=04:58" data-href="#t=04:58">04:58</a></strong> How does GitPod work in the browser?</li> <li class="code-line" data-line="28"><a title="https://noyaml.com" href="https://noyaml.com/" data-href= "https://noyaml.com">NoYaml</a></li> <li class="code-line" data-line="29"><a title= "https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2" href= "https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2" data-href= "https://marketplace.visualstudio.com/items?itemName=wesbos.theme-cobalt2"> Cobalt2</a></li> <li class="code-line" data-line="30"><a title= "https://www.gitpod.io/docs/vscode-extensions" href= "https://www.gitpod.io/docs/vscode-extensions" data-href= "https://www.gitpod.io/docs/vscode-extensions">Finding VS Code Extensions for Gitpod</a></li> <li class="code-line" data-line="31"><strong><a title="#t=09:27" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=09:27" data-href="#t=09:27">09:27</a></strong> How does GitPod actually work?</li> <li class="code-line" data-line="32"><strong><a title="#t=10:57" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=10:57" data-href="#t=10:57">10:57</a></strong> What is Kubernetees?</li> <li class="code-line" data-line="33"><strong><a title="#t=13:11" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=13:11" data-href="#t=13:11">13:11</a></strong> Is there a full VS Code environment?</li> <li class="code-line" data-line="34"><strong><a title="#t=18:21" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=18:21" data-href="#t=18:21">18:21</a></strong> Sponsor: Linode</li> <li class="code-line" data-line="35"><strong><a title="#t=19:01" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=19:01" data-href="#t=19:01">19:01</a></strong> Who are the heavy users of Gitpod?</li> <li class="code-line" data-line="36"><strong><a title="#t=24:32" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=24:32" data-href="#t=24:32">24:32</a></strong> Teams on Gitpod</li> <li class="code-line" data-line="37"><a title= "https://github.com/gitpod-io/roadmap#:~:text=The%20roadmap%20serves%20as%20a%20broad%20overview%20of,make%20software%20engineering%20more%20collaborative%2C%20joyful%2C%20and%20secure." href= "https://github.com/gitpod-io/roadmap#:~:text=The%20roadmap%20serves%20as%20a%20broad%20overview%20of,make%20software%20engineering%20more%20collaborative%2C%20joyful%2C%20and%20secure." data-href= "https://github.com/gitpod-io/roadmap#:~:text=The%20roadmap%20serves%20as%20a%20broad%20overview%20of,make%20software%20engineering%20more%20collaborative%2C%20joyful%2C%20and%20secure."> Gitpod Roadmap</a></li> <li class="code-line" data-line="38"><a title= "https://www.centered.app" href="https://www.centered.app/" data-href="https://www.centered.app">Centered.app</a></li> <li class="code-line" data-line="39"><strong><a title="#t=30:11" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=30:11" data-href="#t=30:11">30:11</a></strong> Do the developers of Gitpod use Gitpod to build Gitpod?</li> <li class="code-line" data-line="40"><a title= "https://gitpod.crew.work/jobs" href= "https://gitpod.crew.work/jobs" data-href= "https://gitpod.crew.work/jobs">Gitpod Careers</a></li> <li class="code-line" data-line="41"><strong><a title="#t=32:51" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=32:51" data-href="#t=32:51">32:51</a></strong> What language is Gitpod written in?</li> <li class="code-line" data-line="42"><strong><a title="#t=33:15" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=33:15" data-href="#t=33:15">33:15</a></strong> Sponsor: Logrocket</li> <li class="code-line" data-line="43"><strong><a title="#t=34:10" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=34:10" data-href="#t=34:10">34:10</a></strong> Living in a van coding</li> <li class="code-line" data-line="44"><strong><a title="#t=38:16" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=38:16" data-href="#t=38:16">38:16</a></strong> How do you stay productive on the go?</li> <li class="code-line" data-line="45"><strong><a title="#t=40:18" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=40:18" data-href="#t=40:18">40:18</a></strong> What was The NFT Bay?</li> <li class="code-line" data-line="46"><a title= "https://thenftbay.org" href="https://thenftbay.org/" data-href= "https://thenftbay.org">The NFT Bay</a></li> <li class="code-line" data-line="47"><strong><a title="#t=44:54" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=44:54" data-href="#t=44:54">44:54</a></strong> Is there any good in Web3 ideas?</li> <li class="code-line" data-line="48"><a title= "https://www.vanityfair.com/hollywood/2021/09/amazon-lularoe-documentary-lularich" href= "https://www.vanityfair.com/hollywood/2021/09/amazon-lularoe-documentary-lularich" data-href= "https://www.vanityfair.com/hollywood/2021/09/amazon-lularoe-documentary-lularich"> Lularoe Documentary</a></li> <li class="code-line" data-line="49"><strong><a title="#t=49:42" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=49:42" data-href="#t=49:42">49:42</a></strong> Sponsor: Freshbooks</li> <li class="code-line" data-line="50"><strong><a title="#t=50:13" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=50:13" data-href="#t=50:13">50:13</a></strong> Selling NFTs is difficult</li> <li class="code-line" data-line="51"><strong><a title="#t=51:34" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=51:34" data-href="#t=51:34">51:34</a></strong> Sick Picks!</li> <li class="code-line" data-line="52"><strong><a title="#t=58:40" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/416%20-%20GitPod%2C%20iPad%20Coding%20Web3%20WTF%20NFT.md#t=58:40" data-href="#t=58:40">58:40</a></strong> Shameless Plugs</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" data-line="54">××× SIIIIICK ××× PIIIICKS ×××</h2> <ul class="code-line" data-line="56"> <li class="code-line" data-line="56">Scott: <a title= "https://www.tortoisemedia.com/listen/sweet-bobby/" href= "https://www.tortoisemedia.com/listen/sweet-bobby/" data-href= "https://www.tortoisemedia.com/listen/sweet-bobby/">Sweet Bobby Podcast</a></li> <li class="code-line" data-line="57">Wes: <a title= "https://amzn.to/31blFhY" href="https://amzn.to/31blFhY" data-href= "https://amzn.to/31blFhY">Woosh Cloths</a></li> <li class="code-line" data-line="58">Pauline <a title= "https://www.uniqlo.com/" href="https://www.uniqlo.com/" data-href= "https://www.uniqlo.com/">Uniqlo</a></li> <li class="code-line" data-line="59">Geoff <a title= "https://helinox.com/collections/hiking-chairs" href= "https://helinox.com/collections/hiking-chairs" data-href= "https://helinox.com/collections/hiking-chairs">Helinox Chair</a></li> </ul> <h2 id="shameless-plugs" class="code-line" data-line="61">Shameless Plugs</h2> <ul class="code-line" data-line="63"> <li class="code-line" data-line="63">Scott: <a title= "https://www.leveluptutorials.com/pro" href= "https://www.leveluptutorials.com/pro" data-href= "https://www.leveluptutorials.com/pro">Astro Course</a> - Sign up for the year and save 50%!</li> <li class="code-line" data-line="64">Wes: <a title= "https://wesbos.com/courses/" href="https://wesbos.com/courses/" data-href="https://wesbos.com/courses/">All Courses</a> - Black Friday sale!</li> <li class="code-line" data-line="65"><a title= "https://www.gitpod.io/blog/psychology-of-devx" href= "https://www.gitpod.io/blog/psychology-of-devx" data-href= "https://www.gitpod.io/blog/psychology-of-devx">Psychology of Devx</a></li> <li class="code-line" data-line="66"><a title= "https://www.gitpod.io/community" href= "https://www.gitpod.io/community" data-href= "https://www.gitpod.io/community">Gitpod Community</a></li> <li class="code-line" data-line="67"><a title= "https://www.gitpod.io/blog/workshops-as-code" href= "https://www.gitpod.io/blog/workshops-as-code" data-href= "https://www.gitpod.io/blog/workshops-as-code">Workshops as Code</a></li> <li class="code-line" data-line="68"><a title= "https://ghuntley.com" href="https://ghuntley.com/" data-href= "https://ghuntley.com">Ghuntley.com</a></li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" data-line= "70">Tweet us your tasty treats</h2> <ul class="code-line" data-line="72"> <li class="code-line" data-line="72"><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" data-line="73"><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" data-line="74"><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" data-line="75"><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" data-line="76"><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" data-line="77"><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" data-line="78">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, Scott and Wes talk with Geoff and Pauline from Gitpod about developing on Gitpod, Web3, and The NFT Bay.
 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.
 Logrocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It's an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 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.
 Show Notes 
01:20 Guest introduction

02:46 Coding in the browser anywhere
 Gitpod
 JetBrain

04:58 How does GitPod work in the browser?
 NoYaml
 Cobalt2
 Finding VS Code Extensions for Gitpod

09:27 How does GitPod actually work?

10:57 What is Kubernetees?

13:11 Is there a full VS Code environment?

18:21 Sponsor: Linode

19:01 Who are the heavy users of Gitpod?

24:32 Teams on Gitpod
 Gitpod Roadmap
 Centered.app

30:11 Do the developers of Gitpod use Gitpod to build Gitpod?
 Gitpod Careers

32:51 What language is Gitpod written in?

33:15 Sponsor: Logrocket

34:10 Living in a van coding

38:16 How do you stay productive on the go?

40:18 What was The NFT Bay?
 The NFT Bay

44:54 Is there any good in Web3 ideas?
 Lularoe Documentary

49:42 Sponsor: Freshbooks

50:13 Selling NFTs is difficult

51:34 Sick Picks!

58:40 Shameless Plugs
 ××× SIIIIICK ××× PIIIICKS ××× Scott: Sweet Bobby Podcast

 Wes: Woosh Cloths

 Pauline Uniqlo

 Geoff Helinox Chair

 Shameless Plugs Scott: Astro Course - Sign up for the year and save 50%!
 Wes: All Courses - Black Friday sale!
 Psychology of Devx
 Gitpod Community
 Workshops as Code
 Ghuntley.com
 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

Gitpod, iPad Coding, Web3, WTF NFT

Poslechněte si podcast