Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Warp Terminal × Next Gen Terminals

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.

In this episode of Syntax, Wes and Scott talk about why they’re digging Warp as their terminal app of choice, what the terminal is, and some of their wishlist items for Warp. <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2" name="Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:09">00:09</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=02:11">02:11</a> Disclaimers</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=04:17">04:17</a> What is the terminal?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=06:54">06:54</a> What we’ve used for terminal</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://app.warp.dev/referral/2664Z2">Get Warp</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://hyper.is/">Hyper Terminal</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://iterm2.com/">iTerm</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://alacritty.org/">Alacritty</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=11:14">11:14</a> Terminal terminology</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://commandlinepoweruser.com/">CommandLinePowerUser.com</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://learn.microsoft.com/en-us/windows/wsl/install">WSL</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://ohmyposh.dev/">OhMyPosh</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://ohmyz.sh/">OhMyZsh</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://starship.rs/">Starship</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://github.com/redox-os/ion">Ion</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=17:35">17:35</a> The basic features of Warp</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=20:45">20:45</a> Autocomplete issues</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.npmjs.com/package/fig">Fig</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=25:06">25:06</a> Sticky header</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=26:13">26:13</a> Blocks</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=29:17">29:17</a> The prompt</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=30:38">30:38</a> Sharing blocks and live sessions</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=32:29">32:29</a> AI Command Search</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://twitter.com/warpdotdev/status/1612509826738966528">AI Command search</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=35:51">35:51</a> Remote SSH</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=37:53">37:53</a> Window management</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href= "https://docs.warp.dev/features/sessions/launch-configurations">Launch configurations</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=38:42">38:42</a> Workflows</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=40:19">40:19</a> The command palette</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=42:36">42:36</a> How does Warp make money?</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="#t=43:54">43:54</a> Warp requires an account</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=46:09">46:09</a> Annoyances and wishlists</li> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href="#t=58:29">58:29</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="38" data-line-end="39"> <a id="_SIIIIICK__PIIIICKS__38" name= "_SIIIIICK__PIIIICKS__38"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> Scott: <a href="https://amzn.to/3XDPek0">50 Pokemon Cards for $5</a></li> <li class="has-line-data" data-line-start="41" data-line-end="43"> Wes: <a href="https://amzn.to/3YwqaN0">iPad Sorter Station</a></li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="Shameless_Plugs_43" name="Shameless_Plugs_43"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="45" data-line-end="46"> Scott: <a href="https://levelup.video">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="46" data-line-end="48"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="48" data-line-end="49"> <a id="Tweet_us_your_tasty_treats_48" name= "Tweet_us_your_tasty_treats_48"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott talk about why they’re digging Warp as their terminal app of choice, what the terminal is, and some of their wishlist items for Warp.
 Show Notes  00:09 Welcome
 02:11 Disclaimers
 04:17 What is the terminal?
 06:54 What we’ve used for terminal
 Get Warp

 Hyper Terminal

 iTerm

 Alacritty

 11:14 Terminal terminology
 CommandLinePowerUser.com

 WSL

 OhMyPosh

 OhMyZsh

 Starship

 Ion

 17:35 The basic features of Warp
 20:45 Autocomplete issues
 Fig

 25:06 Sticky header
 26:13 Blocks
 29:17 The prompt
 30:38 Sharing blocks and live sessions
 32:29 AI Command Search
 AI Command search

 35:51 Remote SSH
 37:53 Window management
 Launch configurations

 38:42 Workflows
 40:19 The command palette
 42:36 How does Warp make money?
 43:54 Warp requires an account
 46:09 Annoyances and wishlists
 58:29 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: 50 Pokemon Cards for $5

 Wes: iPad Sorter Station

  Shameless Plugs  Scott: LevelUp Tutorials

 Wes: Wes Bos Tutorials

  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

Warp Terminal × Next Gen Terminals

Poslechněte si podcast