The Complete Visual Studio Code Course

Essential VSCode Tips, Tricks and Best Practices!

What you'll learn

Discover and master VSCode essentials and best practices

Customise VSCode - Create the perfect workspace for yourself and your projects

Work smart not hard, with 25+ recommended Extensions and Plugins

Use VSCode with HTML, CSS, Python, node-js and LaTex

With Git - Create and then share a local repository, and master Version Control!

Speed up your workflow with Snippets and shortcuts

Organise your projects efficiently, and synchronise your VSCode environment across machines

Requirements

No experience of Visual Studio Code required!

Description

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 machinesHow 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 CodeWhat the key elements of the VSCode interface areHow to customise your VSCode via the settingsHow to create and use files and foldersUsing a terminal within VSCodeHow and why to use Markdown in files Essential early shortcuts, including Delete, Duplicate, Move, and Replace with Multiple CursorsCustomising the look of VSCode with themes and extensionsKey functionality of Search and Replace within Large CodebasesA basic and advanced introduction to Snippets - essential for an efficient workflowHow to assign shortcut keysHow to add Functionality with ExtensionsOrganising your projects with new windows and foldersSynchronising your VSCode environment across multiple locations (home and the office!)Working with colleagues via GitHubBest practices when using Jupyter and Jupyter NotebookHow to debug efficiently in a complex/large code baseHow to create and use an interactive environment for code and debuggingLearn how to set up a node.js serverGit support and functionality within VSCodeCreate a local repository in VSCode and share it on Git

Overview

Section 1: Introduction

Lecture 1 Welcome to the Course!

Section 2: Installation and Basic Set Up

Lecture 2 How to Install VSCode

Lecture 3 Start Using VSCode Immediately - New Files, Shortcuts and more

Lecture 4 Folders in VSCode + Exploring the Interface

Lecture 5 Working with Multiple Files

Lecture 6 End of Section 2 - Exercises

Section 3: Interface, Layout and Terminal

Lecture 7 Editor Features, Layout and File View

Lecture 8 Using a Terminal within VSCode

Lecture 9 Using Markdown in Files

Lecture 10 Shortcuts - Delete, Duplicate, Move, Replace with Multiple Cursors

Lecture 11 End of Section 3 - Exercises

Section 4: Customising VSCode, including Themes

Lecture 12 Font Size and Typeface

Lecture 13 Applying Themes and Wrapping Text

Lecture 14 Using Extensions to Apply Themes

Lecture 15 End of Section 4 - Exercises

Section 5: Search and Replace in Large Codebases

Lecture 16 How, Why and When to Use the Search Function (+ Intro to Replace)

Lecture 17 Match Case, Whole Word and Use in a Large Project

Lecture 18 Regular Expressions

Lecture 19 End of Section 5 - Exercises

Section 6: Workflow Speed-up Tips

Lecture 20 Snippets - Basic

Lecture 21 Snippets - Type Options, Selected Text

Lecture 22 Snippets - Assign a Shortcut Key

Lecture 23 Alignment, Format Selection, Commenting, Snippet Marketplace (+ Plugins Intro)

Lecture 24 End of Section 6 - Exercises

Section 7: Installing and Using Extensions

Lecture 25 Add Functionality with Extensions (Code Spelling, Todo Tree)

Lecture 26 More Extensions (Diff, Excel Viewer)

Lecture 27 Case study: customizing extension settings (Markdown Preview Enhanced)

Lecture 28 End of Section 7 - Exercises

Section 8: Folders and Profiles

Lecture 29 Create New Windows and Add Folders

Lecture 30 Organise Your Projects, with Profiles

Lecture 31 Sync settings (with GitHub)

Lecture 32 Functionality in GitHub (Online VSCode Version, github1s.com)

Lecture 33 End of Section 8 - Exercises

Section 9: VSCode for HTML and CSS

Lecture 34 Viewing HTML within VSCode (Live Preview) and Browser (Live Server)

Lecture 35 Viewing and Using HTML within your Workspace (Emmet)

Lecture 36 Viewing CSS Definitions and Roots (CSS Peek)

Lecture 37 Useful HTML workflow extensions (HTML CSS Support, HTMLBoilerplate, Prettier)

Lecture 38 End of Section 9 - Exercises

Section 10: VSCode for Python

Lecture 39 Python Distribution (Anaconda + Miniconda) and Intro to Python VSCode Extension

Lecture 40 Using Python in Large Scale Projects, and Refactoring

Lecture 41 Using Python to Debug a Complex Environment

Lecture 42 How to Write Interactive Code (Jupyter)

Lecture 43 Interactive Code Continued (Jupyter Notebook)

Lecture 44 Suggested Extensions (Autodocstring, Autopep8, Mintlify, Python Environ Mngr)

Lecture 45 End of Section 10 - Exercises

Section 11: VSCode for node.js

Lecture 46 Intro to Javascript Development, Node.js and the Debug Console

Lecture 47 Set up a Node.js Server

Lecture 48 Suggested Extensions (node-snippets, JSON for Visual Studio Code)

Lecture 49 Interactive working with Node.js, with APIs (Rest Client)

Lecture 50 Create an Interactive Environment for Code and Debugging (quokka.js)

Lecture 51 Suggests Extensions for React, Vue, Angular and Svelte

Lecture 52 End of Section 11 - Exercises

Section 12: VSCode for Latex

Lecture 53 What is Latex? Install, and add Title, Author and Text (LaTeX Workshop/Snippets)

Lecture 54 VSCode Functionality for Latex Editing

Lecture 55 Add Bibliography and References to Documents

Lecture 56 End of Section 12 - Exercises

Section 13: Customising VSCode with Settings

Lecture 57 Text Editor - What Settings to Use, How and Why

Lecture 58 Text Editor - Cursor, MiniMap, Files

Lecture 59 Workbench - Appearance, Breadcrumbs, Zen Mode

Lecture 60 How to Check Your Current Settings in JSON

Lecture 61 End of Section 13 - Exercises

Section 14: Git - Version control in VSCode

Lecture 62 Introduction to Git, and Installation

Lecture 63 Git Basics (and git-scm.com)

Lecture 64 Git Support and Functionality within VSCode - Create a Local Repository

Lecture 65 How to Share Your Repository on Git

Lecture 66 Advanced Git functionality in VSCode (GitLens)

Lecture 67 End of Section 14 - Exercises

Complete beginners to VSCode,Coders who want to learn VSCode tips, tricks and best practices