André
Casal

Mastery for VS Code

After taking this course, you'll be an expert in VS Code.

On the one hand, you will have everything that can be automated, automated. On the other hand, you'll learn many best practices and you'll do things right the first time instead of wasting time. But above all, you'll never again have to fight your editor. It will work for you, collaborate with you, make you more efficient, and if there's something you need to do, you'll know exactly how to do it (or you'll know there's an issue or unimplemented feature that you can track).

In summary: no wasted time, increased developer performance, and a consistently excellent developer experience.

Who is this course for?

This course is for both absolute beginners and experienced VS Code users, but it assumes at least a beginner level of knowledge in web development: HTML, CSS, JS, Git, Debugging, and so forth. The course is separated into two parts. The first part will take you from absolute beginner to knowledgeable in VS Code. The second part will take you from the average developer experience to one of persistent excellency.

Mastery for VS Code

600€

What you'll get:

  • Learn *all* about VS Code
  • Make VS Code look awesome
  • Get improved shortcuts and snippets
  • Improve your code editing UX
  • Automate formatting and linting
  • Automate best practice hints
  • Upgrade your terminal
  • Learn to debug like a pro
  • Improve Git/GitHub workflow
  • Integrate important workflows
  • And much more...
Master VS Code

About the course

For beginners and experts alike

This course is divided into two parts. The first part will take you from absolute beginner to knowledgeable in VS Code. The second part is made for developers already comfortable with VS Code and will take you to a developer experience of persistent excellency.

Learn all about VS Code

You'll know exactly what (and how) VS Code can do and never again waste time trying to get VS Code to do something it can't. I'll show you everything VS Code can do and its limitations, and corresponding GitHub issues (so you can keep track) and I'll update you when important limitations are removed.

Write high-quality code

You'll learn to integrate the best static code analyzers for early and high-quality feedback so you can code with the confidence that you're following best practices.

Get immediate feedback

Get immediate feedback on your code (important metrics, import costs, algorithmic complexity, code ownership, inline images and so much more) so you don’t waste time hunting for this information elsewhere.

Automation

Never again waste time with repetitive tasks like saving, formatting, code validation, linting, best practice hints, and many more. Learn to get VS Code to do the heavy lifting for you.

Integrate workflows

Save tons of time by integrating important workflows like GitHub, browser and DevTools, API testing, DB management, team communication, and others into VS Code.

Workspaces

I'll clearly explain the otherwise confusing concept of workspaces, how to deal with them, and give you clear recommendations on how to use them solo and in the context of a team.

Debug like a pro

Good debugging is about quickly following and validating the state of your program. Save time by learning to use conditional, code path, and hit count breakpoints, skipping over code you don't care about (like framework code), and many other useful debugging skills.

Upgrade your terminal

Upgrade your terminal to one with a theme consistent with VS Code, powerful commands, and (much-needed) autocompletion.

The best extensions for each job

I'll share the best extensions in the marketplace that will increase the quality of your experience, the quality of your code, and your efficiency as a developer.

You only need to do this once

Mastering your code editor is not something you should do a little bit every day. This is a one-time process. Once you have it correctly and completely configured, you don't lose it. You may have to tune it up from time to time, but you won't lose it.

Improved shortcuts and snippets

Implement intuitive shortcuts to bridge some of VS Code's shortcomings and replace the default snippets with more modern versions.

Thoughtful settings

Get thoughtful settings, never lose them again, and sync them between all your computers. Make VS Code look awesome Make VS Code always looks awesome and with beautiful syntax highlighting that makes your code faster and more enjoyable to read.

Thoughtful updates

I won't email you with every little detail that changes in VS Code. I'll be thoughtful so you can be sure that if you receive an email from me, it'll be important to you.

About the course teacher, André Casal

André has been working as a software engineer, for more than 15 years, with companies like Calouste Gulbenkian Foundation, American TV network NBC, and energy drink Monster Energy. He has provided technical direction to countless startups and managed teams of over 20 people. Currently, he helps other software engineers improve their work output capacity and quality through online courses, which have been featured by Microsoft. Teaching has always been one of his passions and that is why throughout his career he consulted, mentored, and tutored with remarkable reviews.

A note on excellency

Have you ever spent a ton of time trying to do something simple with VS Code? Maybe you're missing something. Maybe there's a bug in one of your tools. Maybe there's a bug in VS Code. Do you remember how frustrating it was to spend all that time just to end up quitting, or realize it's a bug in one of your tools or VS Code itself, or you just had to do something differently?

I remember once I needed to debug GCC-compiled threads. I spent several days until I realized I just had to change a little word in my launch.json configuration from "-gdb-set follow-fork-mode parent" to "-gdb-set follow-fork-mode child". Argh, it's so frustrating spending all that time for such little gains.

For those of us who want to achieve excellence, this pain is worth it, because we know it compounds: I'll never again forget that command (or how to get it) if I ever need to debug GCC-compiled threads. But wouldn't it be great if you didn't have to go through that process, waste all that time, and just get the answer you're looking for immediately?

That's where this course comes in. I'll show you everything you need to know about VS Code, the good and the bad - I know, I've recorded a video for every single one of its 600+ settings. After taking this course, you'll feel like you master VS Code. Besides having it configured like an efficient professional, you'll know exactly what VS Code can do, what it can't, and how to work around it. If you ever again lose time figuring stuff out, VS Code won't be one of them.

To your success! 🥂

Course Content

Part 1: Native Functionality

Interface

This is a short introductory module to familiarize you with VS Code's interface and what each interface part is called. Of course, I'll try to make sure the part of the interface we're talking about during the course is very clear, but this is nonetheless very helpful.

Themes

I'll show you how to install and use different themes, and a few handy tools to find great ones.

Shortcuts

I'll show you how to quickly access a cheat sheet with all the shortcuts in VS Code (within VS Code itself), extensions that change shortcuts to ones from another editor you might be more used to, and how to create your own.

Folders, workspaces, instances, and settings

We'll go over each of these concepts so that you have a clear mental model of how and why different levels of settings apply where. Workspaces are especially confusing for most developers working with VS Code. I'll explain them clearly and provide some advice on how to use them.

Code Editing

We'll go over the whole code editing experience. Language modes, IntelliSense, side-by-side editing, search and replace, comments, quick shortcuts for common operations, and many more.

Debugging

We'll go over the difference between a debugger extension and the debugger itself, different ways of connecting them, and how to start a debugging session.

Source Control

We'll go over all the native capability VS Code has to handle Source Control with Git and the most common Git workflows: publishing, cloning, branching, merging, diffing, committing, and undoing.

Extensions

We'll go over extension categories, extension packs, and how to find and install extensions.

Part 2: Exceptional Developer Experience

Settings Sync and keeping up with VS Code

Let's start by making sure all changes you'll be making are saved to the cloud, how to restore them if you lose them and how to safely share them with colleagues without breaking their configurations. I'll also guide you on how to keep up-to-date with VS Code so you fine-tune your editor when needed.

Theming

I'll provide you with clear criteria for what makes a good theme, explain types of themes, show you the best themes out there, show you some advanced theme functionality, and how to customize the look and functionality of VS Code.

Typography

We spend most of our development time reading code. Typography is a fundamental, albeit ignored, part of our development experience. We'll take a deep look at clear criteria for great coding typography, the options available, and how to implement it correctly in VS Code.

Syntax Highlighting

Now that we have great typography, let's take a look at great syntax highlighting. I'll show you two types of syntax highlighting, show you which one provides better reading performance and how to implement it in VS Code.

Icons

Well-balanced icons improve readability and performance. We'll go over the best sets of icons available for both the explorer view and the sidebar.

Interface

I'll provide you with some recommendations to avoid redundant interface elements and how to use VS Code's space more efficiently.

File Editor

We'll go over a few topics around the UI of the code editor, like visual feedback on auto-save, format on save, and the minimap (amongst others) that we can improve for a better developer experience.

Code Editing

This section is about improving your code editing experience. We'll improve the editor itself, autocompletion, snippets, and formatting, and learn to automate important feedback on our code.

Shortcuts

We'll implement a few custom, and very intuitive, shortcuts VS Code is lacking, take a look at a code editing power tool called Vim and what to expect from it.

Terminal

I'll give you a clear mental model for how to think about the terminal, how to make it look awesome, display key information, implement powerful autocompletion and implement IntelliSense. For both internal and external terminals.

Debugging

We're going to improve the debug UI, learn about conditional breakpoints, code path breakpoints, hit count breakpoints, how to skip over code you don't care about (like code in /node_modules), and many other useful debugging skills.

Source Control

We'll improve the source control UI and integrate the Git and GitHub workflow into VS Code.

Browser and DevTools

We'll learn to use VS Code's built-in browser and DevTools and take a look at the best extensions and packages for developing with immediate feedback.

API Testing

We'll fully integrate API Testing workflows into VS Code so you're able to do the exact same thing without leaving the editor, replacing external tools like Postman.

SQL DB Management

We'll take a look at an SQL DB management extension that allows you to integrate DB workflows right into VS Code, avoiding external tooling.

Integrations

We'll go over some super useful integrations, allowing you to save time and intuitively do the things you want without leaving VS Code itself.

Bonus section: Languages and Frameworks

This section is about bridging shortcomings in VS Code's native functionality for specific languages and frameworks.

It covers HTML, CSS, and JS.

I'll be adding Styled Components, TypeScript, React/JSX, Markdown, MDX, Python, PHP, Assembly, C, C#, Java, and Rust soon. Let me know if you're interested in other tech stacks.

For each language or framework we'll take a deep dive into the following:

  • Autocompletion
  • Snippets
  • Emmet
  • IntelliSense
  • Formatting
  • Structural validation
  • Linting
  • Serving
  • Automation

How much time would you take to learn this on your own?

I know VS Code inside out. I've recorded a video for every one of its 700+ settings. I've collaborated with feature implementations, bug fixes, and improving VS Code's documentation. I actively explore its extensions and continuously find out the best ones in functionality and performance. Learning all this about VS Code took me about 6 months of intense full-time work.

For the average developer earning 120000€/year, 6 months of full-time work puts this course's value at 60000€.

How much does it cost?

This course will greatly help you become a top-level software engineer and I wanted to value it accordingly. But I also wanted to make it affordable, so I took the opportunity cost of 60000€ and took 1% of that. That means this course's value is 100x what you pay for it: 600€.

Mastery for VS Code

600€

What you'll get:

  • Learn *all* about VS Code
  • Make VS Code look awesome
  • Get improved shortcuts and snippets
  • Improve your code editing UX
  • Automate formatting and linting
  • Automate best practice hints
  • Upgrade your terminal
  • Learn to debug like a pro
  • Improve Git/GitHub workflow
  • Integrate important workflows
  • And much more...
Master VS Code

100% Satisfaction Guarantee

100% satisfaction guaranteed, I offer you a half-year refund policy. If you've implemented everything I teach you and you're not getting the results I promised within half a year, I'll give you your money back. No questions asked.