Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - VSCode Love Part 3

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">It’s another VSCode episode! In this Hasty Treat, Scott and Wes talk all the things they love about VSCode — things to learn, how to get around more quickly, using keyboard commands, being more efficient, using snippets and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="11" data-line-end="12">If you want to know what’s happening with your errors, track them with <a href="https://sentry.io/">Sentry</a>. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting <a href= "https://sentry.io/">Sentry</a> and using the coupon code “tastytreat”.</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"> 2:14 - Things to learn</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> Jump by word, line</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> Select by word</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> Command Palette (cmd + shift + p)</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> Move and copy lines - option up down or with shift</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> Multi cursor</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Find and replace in files</li> <li class="has-line-data" data-line-start="23" data-line-end="25"> Use the Insiders build if you like updates every day</li> </ul> <p class="has-line-data" data-line-start="25" data-line-end="26"> 11:03 - Keyboard commands</p> <ul> <li class="has-line-data" data-line-start="27" data-line-end="28"> Cmd + b to hide sidebar</li> <li class="has-line-data" data-line-start="28" data-line-end="30"> Cmd + shift + x</li> </ul> <p class="has-line-data" data-line-start="30" data-line-end="31"> 13:55 - Snippets</p> <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://snippet-generator.app/">Snippet Generator</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> Get to know defaults as well as tabs</li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href= "https://marketplace.visualstudio.com/items?itemName=roerohan.mongo-snippets-for-node-js"> Mongo Snippets for Node-js</a></li> </ul> <h2 class="code-line" data-line-start="36" data-line-end="37"> <a id="Links_36" name="Links_36"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://marketplace.visualstudio.com/">VSCode Marketplace</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://code.visualstudio.com/insiders/">VSCode Insiders Build</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href= "https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets"> React Snippets</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href= "https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets"> JavaScript (ES6) Code Snippets</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href= "https://marketplace.visualstudio.com/items?itemName=abusaidm.html-snippets"> HTML Snippets</a></li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href= "https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets"> ES7 React/Redux/GraphQL/React-Native snippets</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href= "https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets"> Vue VSCode Snippets</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="https://atom.io/packages/snippets">Atom Snippets</a></li> <li class="has-line-data" data-line-start="45" data-line-end="47"> <a href="https://textexpander.com/">Text Expander</a></li> </ul> <h2 class="code-line" data-line-start="47" data-line-end="48"> <a id="Tweet_us_your_tasty_treats_47" name= "Tweet_us_your_tasty_treats_47"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

It’s another VSCode episode! In this Hasty Treat, Scott and Wes talk all the things they love about VSCode — things to learn, how to get around more quickly, using keyboard commands, being more efficient, using snippets and more!
 Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry and using the coupon code “tastytreat”.
 Show Notes 2:14 - Things to learn
  Jump by word, line
 Select by word
 Command Palette (cmd + shift + p)
 Move and copy lines - option up down or with shift
 Multi cursor
 Find and replace in files
 Use the Insiders build if you like updates every day
  11:03 - Keyboard commands
  Cmd + b to hide sidebar
 Cmd + shift + x
  13:55 - Snippets
  Snippet Generator

 Get to know defaults as well as tabs
  Mongo Snippets for Node-js

  Links  VSCode Marketplace

 VSCode Insiders Build

  React Snippets

  JavaScript (ES6) Code Snippets

  HTML Snippets

  ES7 React/Redux/GraphQL/React-Native snippets

  Vue VSCode Snippets

 Atom Snippets

 Text Expander

  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 Love Part 3

Poslechněte si podcast