
Begin your coding journey with Visual Studio Code as your creative companion, learning setup, interface, themes, extensions, and project management to speed up work across Python, JavaScript, and LaTeX.
Install Visual Studio Code on Windows, Mac, and Linux by downloading from code.visualstudio.com and running the installer; enable add to path and register Code as editor for quick opens.
Start using Visual Studio Code by creating a new file, saving it, and using the command palette and shortcuts to access commands, while exploring the mini map and language detection.
Open a folder to organize your project in Visual Studio Code, then explore files, adjust language mode, line endings, encoding, indentation, and use outline and timeline for structure and changes.
Preview files with single-click temporary tabs and convert them to permanent tabs with a double-click, keeping the tab bar organized; use command palette and fuzzy search for fast navigation.
Explore how Visual Studio Code enhances productivity with multi-file views, side-by-side editors, and customizable layouts. Learn to manage tabs, explorer, mini map, and toggles for sidebars and panels.
Use the built-in terminal in Visual Studio Code to run commands, manage files, and handle version control directly inside the editor, with quick access via the command palette and shortcuts.
Learn how to create and format markdown files in visual studio code, preview results live, and use headings, links, bold and italic text, and code blocks for readable readme-style documentation.
Learn VS Code shortcuts for delete, duplicate, and move with multiple cursors. Use Ctrl/Cmd X to delete, Alt/Option shift to duplicate, and Alt/Up move lines; apply cursors to rename variables.
Customize Visual Studio Code by adjusting the editor font size and font family using the settings UI, and try fonts like Fira Code or JetBrains Mono for better readability.
Apply color themes in Visual Studio Code, switch between light and dark options, and experience updated syntax highlighting and minimap; enable wrap text for easier reading and personalization.
Discover how to search and replace in Visual Studio Code, using find, selection-only search, and replace all with shortcuts like Ctrl or command F and Command Enter.
Learn to perform cross-file searches in a large project using the Visual Studio Code search sidebar, including case-sensitive, whole-word, and regex find-and-replace across multiple files.
Learn to use regular expressions in Visual Studio Code to search for patterns like emails and six digits, group results, and automatically replace with readable formats.
Learn how to boost coding speed with Visual Studio Code snippets by creating language-specific triggers for HTML, including an input tag example with placeholders and step-by-step snippet setup.
Learn to create and customize VS Code snippets for HTML, using type options, placeholders, and the selected text tag to insert or wrap content.
Assign a direct keyboard shortcut for inserting a snippet around selected text in Visual Studio Code by editing the keyboard shortcuts JSON, using editor.action.insertSnippet with the snippet name.
Learn VS Code formatting, format document vs. format selection, and toggle line comments, then explore snippet marketplaces and extensions for markdown snippets and language tools.
Learn how to extend Visual Studio Code with practical extensions like code spelling and Todo Tree, install and configure them, and manage todos and spelling fixes for higher code quality.
Explore useful Visual Studio Code extensions, including diff for file comparison and Excel Viewer for CSV data, and learn to search, install, and compare two files.
Customize Visual Studio Code extensions to fit your workflow, using markdown preview enhanced to add a table of contents, CSS tweaks, and save as PDF or markdown.
Visual Studio Code treats folders as workspaces, not projects, letting you add folders to a workspace, save it as a .code-workspace, and open them in separate windows.
Learn to organize Visual Studio Code projects with profiles, isolating extensions, settings, and themes for each project, and switch between profiles to keep Python and JavaScript work separate.
Synchronize your visual studio code settings across devices by signing in with github, preserving your customized environment and extensions on any machine.
Explore two VS Code features: the browser-based vscode.dev editor for no-install coding, and github1s.com that loads a GitHub repo in a Visual Studio Code style interface for browsing and viewing.
Explore html development in Visual Studio Code with Live Preview, showing no-save changes. Use Live Server for front-end and back-end workflows, where saving updates browser automatically at port 5500.
Discover how Emmet in Visual Studio Code accelerates HTML input with expandable abbreviations, automatic tags, and attribute prompts, all built-in and extension-free.
Discover how HTML CSS Support, HTML boilerplate, and Prettier extensions boost HTML and CSS workflows with autocomplete, boilerplate snippets, and consistent formatting that follows best practices.
Learn how to use Python in Visual Studio Code with Anaconda or Miniconda, and install the Python extension. Configure environments and run code interactively in the terminal.
Explore managing large-scale Python projects with Visual Studio Code tools—hover, go to definition, peek definition lens, and references—along with refactoring skills like rename symbol and moving code to files.
Explore debugging complex Python algorithms in Visual Studio Code by setting breakpoints, using the gutter, and stepping through code with step over and step into; inspect call stacks and locals.
Install the Jupyter extension in VS Code and run code in an interactive window to experiment with cells, variables, and ipynb notebooks before saving.
Explore interactive Python notebooks in Visual Studio Code using cells, kernels, and markdown; install packages with the current Python, plot with Matplotlib, and organize code with cells.
Master Python extensions for Visual Studio Code, including auto doc string, autopep8, and mintlify, and learn to manage Python environments with the Python environment manager.
Welcome to The Complete Visual Studio Code Course!
Used by programmers around the world, Visual Studio Code is a source-code editor developed by Microsoft for Windows, Linux and macOS.
Whether you're learning Visual Studio Code for yourself, or to help you work more efficiently as part of a team, this 6.5hr course is guaranteed to help you get the most out of VSCode.
Remember, small tweaks to your setup can have a BIG impact!
The Complete Visual Studio Code Course is designed for beginners, and taught by industry expert Dr Nauman. Throughout this course you'll learn. . .
How to customise your VSCode workspace, and create the perfect environment for yourself and your projects
How to speed up your workflow by using snippets and shortcuts
How to organise your projects efficiently with folder and profiles, and synchronise your VSCode environment across machines
How VSCode can be used HTML, CSS, Python, node-js and LaTex (with a dedicated section on each)
How to share your code via GitHub, and the importance of Version Control in Git.
We'll also recommend 25+ Extensions and Plugins that you can use to work more efficiently!
Every course section ends with 3-6 tasks that put in to practice all the new skills you've just learnt! Each exercise is a hands-on coding exercise designed to test your learning AND give you the confidence you need to continue on your learning journey.
This course is a brilliant introduction to Visual Studio Code, and will help you and your colleagues work faster, and more efficiently on whatever project you decide.
A full breakdown of what this course covers is below. . .
How to install Visual Studio Code
What the key elements of the VSCode interface are
How to customise your VSCode via the settings
How to create and use files and folders
Using a terminal within VSCode
How and why to use Markdown in files
Essential early shortcuts, including Delete, Duplicate, Move, and Replace with Multiple Cursors
Customising the look of VSCode with themes and extensions
Key functionality of Search and Replace within Large Codebases
A basic and advanced introduction to Snippets - essential for an efficient workflow
How to assign shortcut keys
How to add Functionality with Extensions
Organising your projects with new windows and folders
Synchronising your VSCode environment across multiple locations (home and the office!)
Working with colleagues via GitHub
Best practices when using Jupyter and Jupyter Notebook
How to debug efficiently in a complex/large code base
How to create and use an interactive environment for code and debugging
Learn how to set up a node.js server
Git support and functionality within VSCode
Create a local repository in VSCode and share it on Git