VSCode Power User Workflows | Talk by Ahmad Awais

class: center, middle, bgGradient, bgBluish

[![VSCode Power User Workflows](title/title-11.png)][vsc]

[![Ahmad Awais](img/byaa.png)][twt]

.dim.footCenter.bio[⚠️ Press f to go full-screen.]

[vsc]: https://VSCode.pro/?utm_source=Talk-Concatenate2019
[twt]: https://twitter.com/mrahmadawais/
---
class: split-50 nopadding bkgpos_00
background-image: url(img/bright.png), linear-gradient(to bottom, #7F16F2, #1E1D40)

.column_t2.font10em[

</a>
]
.column_t2[.vmiddle.pushfront[

#### 👋 I'm

# Ahmad Awais

---

🥑 Open Source Developer Advocate

🌳 Node.js Foundation Community Committee

🦊 Google Developers Expert for Web Technology

👓 FOSS & WordPress Core Developer (190+ FOSS)

🤯 Over 1,781,061 devs use my Open Source code

🌍 Over 501,156 sites use the products I have built

👨‍💻 EE-CS Engineer turned Emojineer <small>Most definite #TrueStory</small>

---

.bio[Rants on Twitter [@MrAhmadAwais →](https://twitter.com/mrahmadawais/)]
.bio.smLnk[[FOSS GitHub](https://github.com/ahmadawais) | [AhmadAwais.com](https://AhmadAwais.com/) | [LinkedIn](https://www.linkedin.com/in/mrahmadawais/)]

]]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #875EFF, #28A1F2)

.column_t2[.vmiddle.pushfront.padRight[

#### 🐦 Follow

# .noLnk[[@MrAhmadAwais](https://twitter.com/mrahmadawais/)]

---

🔥 Development Hot Tips

🤣 Developer jokes/rants‚ you name it

💯 SuperCaliFragilisticExpialidocious!

---

.bio.smLnk[MOAR: [FOSS GitHub](https://github.com/ahmadawais) ❯ [Awais.dev](https://AhmadAwais.com/) ❯ [DevTakeaway](http://awais.dev/subscribe) ❯ [LinkedIn](https://www.linkedin.com/in/mrahmadawais/)]

]]
.column_t2.font10em[

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bright.png), linear-gradient(to bottom, #373277, #4D43D1)

.column_t2.font10em[

<img class='w100p pulseImg  bimg'
    src="img/vspro.png" />
</a>
]
.column_t2[.vmiddle.pushfront[

# .noLnk[‍[VSCode<small>.pro</small>][vsc]]

---

After ten years of Sublime, in 2017 I completely switched over to this new open source code editor called Visual Studio Code. I couldn't be happier.

---

✅ JavaScript Based Open Source Editor

🎉 I was able to contribute to VSCode

😎 Helped 10,093+ Devs .smLnk[[switch to VSCode][vsc]]

🤩 JavaScript, PHP, Git, and Open Source

🦁 50+ Extensions + 200+ power workflows

---

🌟 Sign up to [become a VSCode Power User →][vsc]

---

[vsc]: https://VSCode.pro/?utm_source=Talk-Concatenate2019

]]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bright.png), linear-gradient(to bottom, #2D2A55, #6E14E9)

.column_t2.font10em[

<img class='w100p pulseImg  sop'
    src="img/sop.gif" />
</a>
]
.column_t2[.vmiddle.pushfront[

# Shades of Purple

---

Code theme used by millions of developers.

---

🦄 [Shades of purple][sop] my first code editor theme

👨‍💻 It's used by over 1,555,604 awesome developers

🤩 Shades of Purple is available for .smLnk[[VSCode][sop]], .smLnk[[iTerm2](https://github.com/ahmadawais/shades-of-purple-iterm2)], .smLnk[[Hyper](https://github.com/ahmadawais/shades-of-purple-hyper)], .smLnk[[Slack](https://github.com/ahmadawais/shades-of-purple-slack)], .smLnk[[Alfred](https://github.com/ahmadawais/shades-of-purple-alfred)], .smLnk[[Vim](https://github.com/ahmadawais/shades-of-purple-vscode/issues/39)], .smLnk[[Zsh](https://github.com/ahmadawais/Shades-of-Purple-iTerm2/blob/master/shades-of-purple.zsh-theme)], .smLnk[[Konsole](https://github.com/ahmadawais/shades-of-purple-konsole)], .smLnk[[Cygwin](https://github.com/ahmadawais/Shades-of-Purple-Cygwin)], .smLnk[[Prim JS](https://github.com/FormidableLabs/prism-react-renderer/blob/master/themes/shadesOfPurple.js)], .smLnk[[Prism CSS](https://codepen.io/ahmadawais/pen/mgjRRr)], .smLnk[[Highlight.js](https://github.com/ahmadawais/Shades-of-Purple-HighlightJS)], .smLnk[[Code Surfer](https://code-surfer.netlify.com/theming/#8)], and .smLnk[[moar][st]].

[sop]: https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple
[st]: https://Awais.dev/SOPThemes

]]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

# What's NEXT?

---

VSCode Power User Workflows ahead!

---

✅ VSCode Basics

🎨 VSCode User Interface KnowHow

📟 VSCode Command Palette Rescue

⌨️ Keymaps Help You Switch today

✍️ WORKFLOWS: File Editing Yoga

⬇️ MARKDOWN: Power User Workflows

]]
.column_t2.font10em[
<i class="pulse twa twa-2x twa-exploding-head" style="position:absolute; bottom:2rem; right:7rem; margin:0 !important;"></i>

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

.center[
# VSCode Basics
]

]]
.column_t2.font10em[

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

.center[
# VSCode User Interface KnowHow
]

]]
.column_t2.font10em[

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

.center[
# VSCode Command Palette Rescue
]

]]
.column_t2.font10em[

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

.center[
# Keymaps Help You Switch today
]

]]
.column_t2.font10em[

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

.center[
# WORKFLOWS: File Editing Yoga
]

]]
.column_t2.font10em[

]

---
class: split-50 nopadding bkgpos_00
background-image: url(img/bleft.png), linear-gradient(to bottom, #FAD000, #F19021)

.column_t2[.vmiddle.pushfront.padRight[

.center[
# MARKDOWN: Power User Workflows
]

]]
.column_t2.font10em[

]

---

class: center, middle, bgBluish
layout: false

.vidTtl[
## .spanYellow[VSCode Power User Workflows]
]

.column_t2.font10em[
<i class="pulse twa twa-2x twa-smiling-face-with-sunglasses" style="position:absolute; bottom:2rem; left:7rem; margin:0 !important;"></i>

]
.column_t2[.vmiddle.pushfront[

# Questions?!

---

🐦 Tweet your questions to [@MrAhmadAwais →](https://twitter.com/mrahmadawais/)

🎯 I've [shared the slides](https://concatenateconf2019.ahmadawais.com/) on [Twitter](https://twitter.com/mrahmadawais/)

---

🆚 Become a [VSCode Power User →](https://VSCode.pro/?utm_source=Talk-Concatenate2019)

👌 30% to 55% OFF via Purchasing Power Parity

---

.bio.smLnk[[FOSS GitHub](https://github.com/ahmadawais) | [AhmadAwais.com](https://AhmadAwais.com/) | [LinkedIn](https://www.linkedin.com/in/mrahmadawais/)]

]]