Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - VSCode Treats Part 2

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 Hasty Treat, Scott and Wes talk about more of their favorite VSCode tasty treats - extensions, features, keyboard shortcuts and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Netlify__Sponsor_9" name="Netlify__Sponsor_9"></a>Netlify - Sponsor</h2> <p class="has-line-data" data-line-start="11" data-line-end="12"> Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up <a href="https://netlify.com/syntax">Netlify</a> for more info.</p> <h2 class="code-line" data-line-start="13" data-line-end="14"> <a id="Show_Notes_13" name="Show_Notes_13"></a>Show Notes</h2> <p class="has-line-data" data-line-start="15" data-line-end="16"> 3:45 - Extensions</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame"> Git Blame</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://marketplace.visualstudio.com/items?itemName=apollographql.vscode-apollo"> Apollo GraphQL</a></li> <li class="has-line-data" data-line-start="19" data-line-end="21"> <a href= "https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"> VS Code Spell Checker</a></li> </ul> <p class="has-line-data" data-line-start="21" data-line-end="22"> 9:36 - Features</p> <ul> <li class="has-line-data" data-line-start="23" data-line-end="24"> Indent lines in explorer - Workbench > Tree Indent & Guides</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> Breadcrumbs</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> Commit all & visual git commands</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> Change branch in lower left</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> Rename Symbol</li> </ul> <h2 class="code-line" data-line-start="29" data-line-end="30"> <a id="Links_29" name="Links_29"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href= "https://syntax.fm/show/161/hasty-treat-vscode-extensions-and-themes"> Syntax 161: Hasty Treat - VSCode Extensions & Themes</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://www.alfredapp.com/">Alfred</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href= "https://www.npmjs.com/package/playlist-js">Playlist.js</a></li> </ul> <h2 class="code-line" data-line-start="34" data-line-end="35"> <a id="Tweet_us_your_tasty_treats_34" name= "Tweet_us_your_tasty_treats_34"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about more of their favorite VSCode tasty treats - extensions, features, keyboard shortcuts and more!
 Netlify - Sponsor Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up Netlify for more info.
 Show Notes 3:45 - Extensions
  Git Blame

  Apollo GraphQL

  VS Code Spell Checker

  9:36 - Features
  Indent lines in explorer - Workbench > Tree Indent & Guides
 Breadcrumbs
 Commit all & visual git commands
 Change branch in lower left
 Rename Symbol
  Links  Syntax 161: Hasty Treat - VSCode Extensions & Themes

 Alfred

 Playlist.js

  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

Hasty Treat - VSCode Treats Part 2

Poslechněte si podcast