Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

760: Pro VSCode Setups

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.

Join Scott and Wes as they dish out the juiciest VSCode secrets for coding like a boss (or a Tolinski)! From speedy navigation to must-have extensions and the sickest themes, get ready to level up your coding game. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=00:47">00:47</a> Brought to you by <a href="https://www.sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:44">01:44</a> A recording bug.</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=03:18">03:18</a> VSCode versions.</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=05:59">05:59</a> Tabs or no tabs.</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=10:32">10:32</a> Navigation tips.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=11:35">11:35</a> Mouse and trackpad input.</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=13:43">13:43</a> Move, select and expand by</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=19:07">19:07</a> Interface tips.</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=19:17">19:17</a> Sidebars.</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=24:23">24:23</a> Sticky headers.</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=26:21">26:21</a> Activity bar.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=30:30">30:30</a> Show or hide?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=31:35">31:35</a> Profiles.</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="#t=32:43">32:43</a> Keyboard Shortcuts.</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=32:49">32:49</a> Renaming.</li> <li class="has-line-data" data-line-start="20" data-line-end="31"> <a href="#t=34:32">34:32</a> Extensions. <ul> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=34:45">34:45</a> <a href= "https://marketplace.visualstudio.com/items?itemName=jkjustjoshing.vscode-text-pastry"> Text pastry</a>.</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=36:43">36:43</a> <a href= "https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments"> Better comments</a>.</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=39:03">39:03</a> <a href= "https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag"> Auto rename tag</a>.</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=40:02">40:02</a> <a href= "https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case"> Change case</a>.</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=40:25">40:25</a> <a href= "https://marketplace.visualstudio.com/items?itemName=earshinov.permute-lines"> Permute lines</a>.</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=41:26">41:26</a> <a href= "https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils"> File utils</a>.</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=43:20">43:20</a> <a href= "https://marketplace.visualstudio.com/items?itemName=richie5um2.vscode-sort-json"> Sort JSON objects</a>.</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=43:50">43:50</a> <a href= "https://marketplace.visualstudio.com/items?itemName=qwtel.sqlite-viewer"> SQLite viewer</a>.</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=44:29">44:29</a> <a href= "https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker"> Spell checker</a>.</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=45:42">45:42</a> <a href= "https://marketplace.visualstudio.com/items?itemName=drcika.apc-extension"> APC</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="#t=49:19">49:19</a> Themes.</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href= "https://marketplace.visualstudio.com/items?itemName=SyntaxFM.syntaxfm"> Syntax Theme</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="#t=53:05">53:05</a> Final tricks.</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href= "https://marketplace.visualstudio.com/items?itemName=WooodHead.vscode-wrap-console-log-simple"> Log Wrapper</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="#t=57:44">57:44</a> What about the AI stuff?</li> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href="#t=01:00:10">01:00:10</a> Sick Picks & Shameless Plugs.</li> </ul> <h3 class="code-line" data-line-start="38" data-line-end="39"> <a id="Sick_Picks_38"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> Scott: <a href="https://amzn.to/3TL1SNY">Flicker Free Ultra Definition Phillips Bulbs</a>.</li> <li class="has-line-data" data-line-start="41" data-line-end="43"> Wes: <a href= "https://www.amazon.ca/IRIS-USA-Inc-CNL-5-Storage/dp/B07DFBSTFR">Clear Shoe Box Organizers</a>.</li> </ul> <h3 class="code-line" data-line-start="43" data-line-end="44"> <a id="Shameless_Plugs_43"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="45" data-line-end="47"> Scott: <a href="https://syntax.fm/snackpack">Syntax Newsletter</a>.</li> </ul> <h3 class="code-line" data-line-start="47" data-line-end="48"> <a id="Hit_us_up_on_Socials_47"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Join Scott and Wes as they dish out the juiciest VSCode secrets for coding like a boss (or a Tolinski)! From speedy navigation to must-have extensions and the sickest themes, get ready to level up your coding game.
 Show Notes  00:00 Welcome to Syntax!
 00:47 Brought to you by Sentry.io.
 01:44 A recording bug.
 03:18 VSCode versions.
 05:59 Tabs or no tabs.
 10:32 Navigation tips.
 11:35 Mouse and trackpad input.
 13:43 Move, select and expand by
 19:07 Interface tips.
 19:17 Sidebars.
 24:23 Sticky headers.
 26:21 Activity bar.
 30:30 Show or hide?
 31:35 Profiles.
 32:43 Keyboard Shortcuts.
 32:49 Renaming.
 34:32 Extensions. 34:45 Text pastry.
 36:43 Better comments.
 39:03 Auto rename tag.
 40:02 Change case.
 40:25 Permute lines.
 41:26 File utils.
 43:20 Sort JSON objects.
 43:50 SQLite viewer.
 44:29 Spell checker.
 45:42 APC.

 49:19 Themes.
  Syntax Theme

 53:05 Final tricks.
  Log Wrapper

 57:44 What about the AI stuff?
 01:00:10 Sick Picks & Shameless Plugs.
  Sick Picks  Scott: Flicker Free Ultra Definition Phillips Bulbs.
 Wes: Clear Shoe Box Organizers.
  Shameless Plugs  Scott: Syntax Newsletter.
  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads
 Randy: X Instagram YouTube Threads

Aplikace Youradio Talk

760: Pro VSCode Setups

Poslechněte si podcast