codeSTACKr/VS Code SuperHero Video Course

  • $19

VS Code SuperHero Video Course

Become a VS Code SuperHero Today!

Code Faster!

Code editors tend to get overlooked and employers assume that you can figure them out.
But most developers can improve their code editor skills and get more out of the editor.
Invest in yourself to improve the quality, speed, and efficiency of your code writing skills!

What is your time worth?

Let's say your time is worth $100/hr.
I guarantee that after this course, if you implement what you learn, you will shave at least 15 minutes off your coding time per day.
That's 65 hours and $6,500 per year!!
This course will pay for itself within the first week!

Don't Take My Word For It

"You can only be as good and fined tuned as the tools you use. As a developer, VS Code is our tool. I have never felt like I have full access to every benefit VS Code offers until now. HIGHLY recommend this and the way codeSTACKr explains things it just... clicks!"

Danny Thompson

"I've read and watched a lot of tutorials on VS Code. VS Code SuperHero is the most thorough resource I've ever seen on VS Code. I learned a ton from this book, and I highly recommend it!"

Erik Hanchett

"This in-depth [course/book] will enable you to take advantage of all the powerful features of VS Code, from hotkeys and editing to more advanced tools like Git integration and debugging. Highly recommended!"

Jessica Chan (Coder Coder)

"I didn't realize the value this eBook provided until I read through it. So many things that took me years to figure out manually for VS Code is outlined and explained so anyone can get started. After reading this, it should have you using VS Code to the same level as a senior developer!"

Adrian Twarog

"I've used countless editors and IDEs over time. After I tried VS Code, I knew that was my editor of choice. Fast, free, simple yet powerful, centered around JavaScript and the Web ecosystem yet it's flexible enough to be used with any language. It's important to understand how to use it well, because it can save you a lot of time, on the long run. This course by Jesse is the perfect place to become a VS Code Pro. I've been using VS Code for a few years now, every day, and I consider myself a pro user, and yet I got many handy tricks from this course that I'll apply to my day to day from now on. Recommended!"

Flavio

"codeSTACKr's VS Code SuperHero course is an absolute must have for anyone starting out in development or someone interested in becoming a power user. His in depth look into each important part of Visual Studio Code makes it easy for anyone to learn or sharpen their skills. Can't recommend enough!"

James Perkins

Contents

Resources

VS Code Download
codeSTACKr VS Code Theme
SuperHero Extension Pack
Discord Access
Keyboard Shortcuts (Light).pdf
Keyboard Shortcuts (Dark).pdf
Git Cheat Sheet (Light).pdf
Git Cheat Sheet (Dark).pdf
My Personal VS Code settings.json
STACKr Code Font

Introduction

Introduction
Preview

Getting Started

Getting Started

User Interface

Walkthrough
Preview
Command Palette
The File System
Pop Quiz
Layout Customization
Pop Quiz
Search & Replace
Workspaces

Customization

Basic Settings
Pop Quiz
Fonts & Ligatures
Common Shortcuts
Custom Shortcuts
Themes
Cursor Options

Extensions

Essential Extensions
Better Comments
CSS Peek
HTML CSS Support
JavaScript (ES6) Code Snippets
Quokka
ESLint
change-case
Code Spell Checker
Color Highlight
:emojisense:
GitLens
GitHub Pull Requests & Issues
DotENV
Import Cost
Live Share
MongoDB for VS Code
Markdown All in One
Markdown Preview GitHub Styles
Word Count
Project Manager
ES7 React/Redux/GraphQL/React-Native Snippets
Vetur

Settings Sync

Settings Sync

Writing & Formatting Code

Manipulating Text
Pop Quiz
Multiple Cursors
Emmet - Introduction
Preview
Emmet - Basic Tags
Emmet - Classes & IDs
Pop Quiz
Emmet - Attributes & Content
Pop Quiz
Emmet - Siblings & Children
Emmet - Climbing Up
Emmet - Grouping
Emmet - Multiplication
Emmet - Implicit Tags
Emmet - Wrapping with Tags
Emmet - Lorem Ipsum
Emmet - CSS
Emmet - Settings
IntelliSense
Snippets
Symbols & Renaming
Pop Quiz
Refactoring Code
Prettier
Markdown

Keyboard SuperHero

Keyboard SuperHero

Source Control

Install Git
Git Basics
Remote Repositories (GitHub)
GitLens (Extension)

Integrated Terminal

Terminal Overview
Terminal Basics
Customizing Git Bash (Windows)

Collaboration

Live Share

Debugging

Debugging Basics
Debugging Chrome
Debugging Node.js
Debugging Front-End Frameworks

Working With Containers

Docker Setup
Dockerize An Application
Deploy A Container
Docker Compose
Debugging Containers
Developing Inside A Container

Next Steps

What Next?

FAQs

What about the video quality?

Check out the preview videos. All are HD with professional audio. You can also check out my YouTube channel to see what my videos generally look like.

Is this course for Beginners or Advanced developers?

I cover every topic from installing VS Code to advanced features that you have probably never heard of. No matter what your skill level is, you will find value in this course.

What if I'm not happy?

I have no doubt that you will find value in this course. So much so that, if for any reason, you are not satisfied just email me within 14 days and I'll give you a full refund. 

Do you offer discounts?

Absolutely! My goal is to help everyone that I can.
STUDENTS: Email me proof that you are a student and I'll send you a discount code.
TEAMS: Do you want to buy this course for your corporate team? Send me an email with the number of seats you would like and I'll give you a quote.
PPP: Purchasing power parity is very important to me. Email me with proof of residence and I'll send you a discount code.

Won't this course get outdated quickly?

VS Code does monthly updates. As it evolves, I will update this course. You are getting LIFETIME access to this course and ALL future updates!

What's that awesome theme?!

It's the codeSTACKr theme! Check it out here.

More questions?

No problem, email me at [email protected].

Hi, I'm Jesse

a.k.a. codeSTACKr
Let me help you on your journey to becoming a web developer.