Visual Studio Code for Developers 2024: Beginner to Advanced

Focused View

Estefania Cassingena Navone

7:06:07

9 View

01 - Welcome to the Course Visual Studio Code for Developers

001 Welcome to the Course - Important Course Information.html

002 Introduce Yourself and Share your Goals.html

02 - Getting Started with Visual Studio Code

001 Welcome to this Section.mp4

00:41

002 What is Visual Studio Code Introduction to Code Editors.html

003 Download and Install Visual Studio Code.mp4

02:57

004 Downloadable Resources for the Course.html

004 fibonacci.zip

004 images.zip

004 my-app.zip

004 web-development-demo.zip

005 Visual Studio Code Version, Updates, and Shortcuts.html

006 The User Interface (Panels, Bars, and Tools).mp4

06:04

007 Important Tools The Minimap and The Glyph Margin.mp4

01:59

008 How to Zoom the Editor.mp4

01:34

009 Discussion Topic Share your Thoughts.html

03 - Working with Files and Folders

001 Welcome to this Section.mp4

00:45

002 How to Create a File (3 Options).mp4

02:32

003 Create a File in Visual Studio Code (version = 1.67).html

004 How to Save a File.mp4

04:15

005 How to Open a File.mp4

02:23

006 How to Open a Folder.mp4

03:34

007 How to Open Multiple Files + Preview Mode.mp4

02:55

008 How to Toggle Autosave.mp4

02:05

009 How to Close a File and a Folder.mp4

01:31

010 Discussion Topic Share your Thoughts.html

04 - How to Edit a Project in the Explorer

001 Welcome to this Section.mp4

00:59

002 Introduction to the Explorer + How to Toggle the Explorer.mp4

02:48

003 Expand and Collapse Folders in the Explorer.mp4

02:15

004 Create and Delete Files in the Explorer.mp4

04:06

005 Create and Delete Folders in the Explorer.mp4

02:03

006 Move Files and Folders in the Explorer.mp4

03:03

007 Rename a File in the Explorer.mp4

01:08

008 Drag and Drop a File.mp4

01:48

009 Refresh the Explorer.mp4

00:54

010 Collapse All Folders.mp4

01:07

011 Discussion Topic Share your Thoughts.html

05 - Search in Visual Studio Code

001 Welcome to this Section.mp4

01:03

002 Search in Visual Studio Code.mp4

01:59

003 How to Search in the Side Bar.mp4

03:56

004 Match Case.mp4

01:33

005 Match Whole Word.mp4

01:51

006 Searching with Regular Expressions.html

007 Search and Replace.mp4

06:06

008 Include and Exclude Files from Search.mp4

05:22

009 Discussion Topic Share your Thoughts.html

06 - The Integrated Terminal and the Command Prompt

001 Welcome to this Section.mp4

00:49

002 Introduction to the Terminal.html

003 Launch Visual Studio Code from the Command Prompt.mp4

03:20

004 Open Files and Folders in Visual Studio Code from the Command Prompt.mp4

03:13

005 Open Multiple Files in Visual Studio Code from the Command Prompt.mp4

01:47

006 The Integrated Terminal in Visual Studio Code.mp4

01:45

007 Opening Multiple Terminals and the Terminal Shell.mp4

04:41

008 Command Line Help.mp4

00:33

009 Discussion Topic Share your Thoughts.html

07 - Customize Visual Studio Code + Settings

001 Welcome to this Section.mp4

01:37

002 How to Open the Settings Panel.mp4

01:53

003 Frequently Used Settings.mp4

04:25

004 How to Change Tabs to Spaces and Spaces to Tabs.mp4

02:45

005 Change the Number of Spaces per Level of Indentation.mp4

03:06

006 Change the Theme.mp4

04:12

007 How to Show or Hide the Minimap.mp4

00:44

008 Resize Panels and Split the Editor.mp4

01:48

009 Wrap Long Lines.mp4

02:46

010 Customize the Settings for Each Programming Language.mp4

04:32

011 Default Settings.html

012 Customizing the Terminal.mp4

04:40

013 Discussion Topic Share your Thoughts.html

08 - Improve your Productivity in Visual Studio Code

001 Welcome to this Section.mp4

01:39

002 Important Keyboard Shortcuts.mp4

10:04

003 How to Customize Keyboard Shortcuts.mp4

05:11

004 Open Multiple Editor Groups and Multiple Files per Editor Group.mp4

03:06

005 Jump Between Editor Groups.mp4

01:32

006 How to Create and Work with Workspaces.mp4

08:16

007 Zen Mode in Visual Studio Code.mp4

01:49

008 Fast Scrolling to Reach Code Blocks Faster.mp4

00:45

009 Discussion Topic Share your Thoughts.html

09 - Extensions in Visual Studio Code

001 Welcome to this Section.mp4

01:36

002 What is an Extension.html

003 How to Install an Extension in Visual Studio Code.mp4

04:41

004 How to Manage and Uninstall Extensions.mp4

03:03

005 Disable and Enable Extensions.mp4

02:33

006 Disable Auto Update for All Extensions.mp4

01:07

007 How to Filter and Sort Extensions in the Marketplace.mp4

03:12

008 Popular Extension Prettier.mp4

03:20

009 Popular Extension ESLint.mp4

07:39

010 Popular Extension Python.mp4

02:14

011 Popular Extension React Snippets.mp4

00:48

012 Popular Extension Jupyter Notebooks.mp4

01:12

013 Popular Extension Live Server.mp4

01:20

014 Discussion Topic Share your Thoughts.html

10 - Code Snippets in Visual Studio Code

001 Welcome to this Section.mp4

01:02

002 What is a Code Snippet.html

003 How to Add a Built-in Code Snippet.mp4

05:03

004 Install Code Snippets from the Extensions Marketplace.mp4

01:59

005 Define New Custom Code Snippets.mp4

07:25

006 Remove and Hide Code Snippets.mp4

04:13

007 Discussion Topic Share your Thoughts.html

11 - Web Development in Visual Studio Code

001 Welcome to this Section.mp4

01:27

002 Adjusting Panels and Layout for HTML, CSS, and JavaScript.mp4

03:36

003 The Liver Server Extension - See your Changes Immediately.mp4

06:59

004 Emmet Abbreviations - Write HTML Faster in Visual Studio Code.mp4

10:00

005 Extensions for Web Development.mp4

05:56

006 Discussion Topic Share your Thoughts.html

12 - Source Control in Visual Studio Code (Git + GitHub)

001 Welcome to this Section.mp4

01:20

002 Built-in Git Support and Why You Should Use it.html

003 The Source Control Panel + Initialize a Repository.mp4

02:17

004 State Codes - Untracked and Modified.mp4

01:05

005 Stage Changes and Make a Commit.mp4

03:27

006 Discard Changes.mp4

03:12

007 View as Tree or View as List.mp4

03:18

008 Commit Changes.mp4

02:44

009 Add a Remote GitHub Repository.mp4

03:44

010 Clone a GitHub Repository.html

011 Push Changes to your GitHub Repository.mp4

01:34

012 Pull Changes from your GitHub Repository.mp4

02:53

013 Create a Branch.mp4

01:58

014 Create Branch vs. Create Branch From.html

015 Checkout a Branch.mp4

03:02

016 Push a Branch to GitHub.mp4

01:31

017 Pull a Branch from GitHub.mp4

02:51

018 Merge Branches.mp4

01:15

019 Rename Branch.mp4

01:15

020 Delete Branch.mp4

01:25

021 Remove Remote.mp4

01:37

022 The Git Output Window.html

023 Popular Source Control Extensions for Visual Studio Code.mp4

03:00

024 Discussion Topic Share your Thoughts.html

13 - Python Development in Visual Studio Code

001 Welcome to this Section.mp4

00:57

002 The Python Extension.mp4

03:32

003 Add Python to PATH.html

004 Select a Python Interpreter.mp4

02:43

005 Change Indentation to 4 Spaces.html

006 Python Linting in Visual Studio Code.mp4

03:18

007 See Linting Output.mp4

04:03

008 Run a Python File in the Terminal.mp4

01:17

009 Create Virtual Environments and Install Packages.mp4

10:27

010 Customize your Python Settings.html

011 Discussion Topic Share your Thoughts.html

14 - Debugging in Visual Studio Code

001 Welcome to this Section.mp4

01:12

002 What is the Debugger.html

003 The Run and Debug Tool.mp4

01:42

004 How to Run the Debugger.mp4

08:07

005 Debug Actions.mp4

08:57

006 Breakpoints and Debugging.mp4

07:41

007 Practice using the Debugger.mp4

03:53

008 Enable vs. Disable Breakpoints.html

009 Breakpoints vs. Logpoints.mp4

03:59

010 How to Inspect Variables at Breakpoints.mp4

03:03

011 Conditional Breakpoints.mp4

03:49

012 Watch Variables and Expressions.mp4

04:35

013 Hit Count Breakpoints.mp4

03:43

014 Discussion Topic Share your Thoughts.html

15 - Jupyter Notebooks in Visual Studio Code

001 Welcome to this Section.mp4

01:07

002 What is a Jupyter Notebook.html

003 The Jupyter Notebooks Extension.mp4

01:44

004 Quick Note.html

005 Install the ipykernel for Jupyter Notebooks.html

006 Create a Jupyter Notebook.mp4

01:55

007 Save, Open, and Close a Jupyter Notebook.mp4

02:35

008 Add Text and Code Cells to a Jupyter Notebook.mp4

03:39

009 How to Run Code Cells in a Jupyter Notebook.mp4

04:31

010 Edit Code Cells in a Jupyter Notebook.mp4

00:41

011 Delete Code Cells from a Jupyter Notebook.mp4

00:33

012 Reorder Cells in a Jupyter Notebook.mp4

01:19

013 Change Code Cells to Markdown Cells and Markdown Cells to Code Cells.mp4

01:13

014 Clear the Output of Code Cells.mp4

01:34

015 Toggle Line Numbers in Code Cells.mp4

00:48

016 Variable Explorer.mp4

01:26

017 Restart the Kernel.html

018 Important Cell Options for Jupyter Notebooks.mp4

02:56

019 Export Jupyter Notebooks (Python, HTML, PDF).html

020 Discussion Topic Share your Thoughts.html

16 - Markdown in Visual Studio Code

001 Welcome to this Section.mp4

01:18

002 What is Markdown.html

003 Create and Save a Markdown File.mp4

01:31

004 Preview a Markdown File.mp4

01:10

005 Markdown Basics How to Write a Markdown File.mp4

08:49

006 How to Write a Table in Markdown.html

007 How to Disable Scroll Synchronization.html

008 Outline View.mp4

01:38

009 Markdown Snippets.mp4

02:42

010 Popular Markdown Extensions for Visual Studio Code.mp4

05:00

011 Does Visual Studio Code Support GitHub Flavored Markdown.html

012 Discussion Topic Share your Thoughts.html

17 - Tips for the Visual Studio Code Pro

001 Welcome to this Section.mp4

01:28

002 Run Visual Studio Code in the Browser + Open a GitHub Repository.mp4

01:59

003 Keymaps in Visual Studio Code.mp4

01:39

004 Keyboard Shortcuts Reference Sheet (Windows and macOS).html

005 Quick Open.mp4

01:06

006 Multiple Selections (multi-cursor).html

007 Column (Box) Selection.mp4

00:55

008 Copy Line Up or Down.mp4

01:17

009 Move Line Up or Down.mp4

00:55

010 Shrink and Expand Selection.mp4

01:20

011 Outline View in Code Files.html

012 Trim Trailing Whitespace.mp4

01:18

013 Automatic Code Formatting.mp4

02:36

014 Jump to the Beginning and End of a File.mp4

00:45

015 Peek in Visual Studio Code.html

016 Wrap Tabs.mp4

01:56

017 Pin Tabs.mp4

01:13

018 Customized Fold Regions.html

019 The Testing View.html

020 Pets Extension for Visual Studio Code.mp4

02:00

021 Discussion Topic Share your Thoughts.html

18 - Congratulations! You Completed the Course

001 Congratulations! You Completed the Course.mp4

00:26

002 Download your Certificate and Share your Experience.html

003 Bonus Lecture.html

Description

Learn Visual Studio Code, Extensions, Shortcuts, Version Control, Debugging, Jupyter Notebooks, Markdown, and More.

What You'll Learn?

Optimize your productivity with Visual Studio Code.
Master the fundamental features of Visual Studio Code.
Customize Visual Studio Code to fit your needs, style, and personal taste.
Install helpful extensions from the Extensions Marketplace.
Work with repositories, git, and GitHub in Visual Studio Code.
Learn how to work with the debugger and Jupyter Notebooks in Visual Studio Code.
Optimize Visual Studio Code to work with Python and Web Development.
Work with the integrated terminal and run commands.
Add built-in code snippets, install new ones, and create custom snippets.
Learn Visual Studio Code tips to optimize your productivity.

Who is this for?

Beginner developers who want to learn Visual Studio Code from the basics.

Developers who want to optimize their workflow and productivity with one of the most popular code editors.

Computer Science enthusiasts who wish to expand their knowledge of Visual Studio Code.

Experienced developers who want to start working with Visual Studio Code and learn its features.

Developers who want to learn more about the advanced features of Visual Studio Code such as the debugger, Jupyter Notebooks, Source Control, Python virtual environments, and more.

Everyone who would like to refresh their knowledge of Visual Studio Code.

What You Need to Know?

Basic programming experience or familiarity with programming concepts is recommended. We will go through the features of Visual Studio Code with Python, HTML, CSS, and JavaScript. The code will be explained step by step.

You must have a computer or device where you can install Visual Studio Code. We will download and install it during the course.

For the Source Control section, you must have prior knowledge of git, GitHub, and version control concepts such as repositories, commits, and branches. You will learn how to work with git in Visual Studio Code.

During the lectures, we use and mention keyboard shortcuts for Windows.

Enthusiasm and willingness to learn Visual Studio Code and improve your productivity.

More details

Description
Welcome to Visual Studio Code for Developers, the course that you need to start working with one of the most popular code editors in the developer community. Learn Visual Studio Code with hands-on practice and detailed step-by-step explanations of the basic and advanced features of Visual Studio Code.
This course is for everyone who wants to master Visual Studio Code. If you are starting your coding journey or if you are an experienced developer, this course will help you master Visual Studio Code and improve your productivity as a developer.
Estefania will take you step by step from the basic features of Visual Studio Code like working with files to more advanced features like debugging and source control to help you succeed and incorporate this amazing code editor into your daily workflow.

Visual Studio Code is Your Next Step Into the in-demand and powerful World of Software Development.
During the course, you will learn how to:
Create, save, and edit files
Work with different panels, bars, and tools
Work with files and editors
Open folders and edit their files and folders in the explorer
Use the search feature to find anything in your code
Work with the integrated terminal
Open Visual Studio Code, files, and folders from the command prompt
Install extensions from the Extensions Marketplace
Work with extensions such as Prettier, ESlint, Python, React snippets, and Jupyter
Add built-in and custom code snippets to your code
Use git and version control in Visual Studio Code
Optimize your layout and tools to work with Python and Web Development
Create virtual environments for Python development in Visual Studio Code
Run the debugger and add breakpoints to check your variables
Create, edit, and work with Jupyter Notebooks
Write Markdown files in Visual Studio Code
Much more

Updates
January 2024 - New Keyboard Shortcuts PDF Handout for Windows and macOS.
November 2023 New Hide Editor Tabs.
August 2023 Updated Quizzes now include macOS keyboard shortcuts and new improvements.
July 2023 New Profile Templates in Visual Studio Code.
July 2023 Updated New article with a small change in the custom keyboard shortcuts user interface.
July 2023 Updated Lecture on Customizing the Terminal (updated option in the Command Palette).
March 2023 New Profiles in Visual Studio Code (New Section)
March 2023 New Popular Extension: CodeSnap
March 2023 Updated How to create a file (3 options)
January 2023 Updated How to define custom snippets
November 2022 New Drag and drop images and files
November 2022 New Customize the settings of an extension
November 2022 New File rename selection
November 2022 New Move the terminal (right, left, bottom)
November 2022 New How to toggle the Menu Bar
October 2022 NewÂ How to customize the settings of a programming language (updated)
October 2022 NewÂ Toggle Full Screen Mode
October 2022 NewÂ Create Files and Folders Simultaneously
September 2022 NewÂ Sticky Scroll

Add New Visual Studio Code Skills To Your Resume
Visual Studio Code is currently one of the most popular code editors and its popularity continues rising every year. Whether you work in Data Science, Game Development, Web Development, Machine Learning, Artificial Intelligence, Mobile Development, or if you are just starting your coding journey, Visual Studio Code will be a priceless tool for your daily work. Learning Visual Studio Code is your next step into the powerful world of software development.

Learning Material and Resources
Throughout the course, you will find these resources:
Video lectures: 7+ hours of carefully designed graphics, animations, and explanations
Quizzes: check your knowledge interactively after each lecture with short quizzes and unlimited attempts
Downloadable Files: follow the lectures step by step by downloading the code files
Articles: read complementary articles to expand your knowledge
Discussion Forums: ask questions on the discussion forums and discuss interesting topics with your peers. Your instructor, Estefania, will be very glad to help you

You will learn so much more.
During the course, you will not just learn how to work with Visual Studio Code, you will also learn tips related to programming and programming languages like Python and JavaScript. You will learn how to create virtual environments in Visual Studio Code for Python development and how to install packages. You will learn how to write markdown files, which is the language used to write the READMEs that we see in GitHub repositories. You will learn how to choose and install extensions that will improve your productivity and much more!

Plus Tips and Tricks for the Visual Studio Code Pro
During the course, you will learn keyboard shortcuts and time-saving tips such as how to move a line up or down with your keyboard, how to copy a line above or below, how to shrink and expand your selection, how to format your file automatically, how to jump to the end and to the beginning of a file, and much more. So, if you are curious and you want to learn these amazing tips, don't hesitate to enroll in the course and start your Visual Studio Code journey.

Why is this course unique?
This course is unique because of its emphasis on providing detailed and step-by-step explanations of the features of Visual Studio Code. We will dive deeper than other courses into more advanced features such as source control, debugging, markdown, and Jupyter Notebooks.
The video lectures are optimized for mobile devices. No more tiny code on a tiny screen! You will find constant zoom effects and large code that create an optimal learning experience on the go.
You will check your knowledge with short Quizzes that provide instant feedback, so you canÂ see theÂ correct answer immediately.
You will receive a certificate of completion that you can add to your resume and social media profiles to showcase your new skills.
You will also have lifetime access to the course and to all the new additions.

You are very welcome to watch the preview lectures and check out the full course curriculum.
If you are looking for an engaging, visual,Â and practical course, you've found it.
Add "Visual Studio Code" to yourÂ resume and showcase your new skills!
Who this course is for:
Beginner developers who want to learn Visual Studio Code from the basics.
Developers who want to optimize their workflow and productivity with one of the most popular code editors.
Computer Science enthusiasts who wish to expand their knowledge of Visual Studio Code.
Experienced developers who want to start working with Visual Studio Code and learn its features.
Developers who want to learn more about the advanced features of Visual Studio Code such as the debugger, Jupyter Notebooks, Source Control, Python virtual environments, and more.
Everyone who would like to refresh their knowledge of Visual Studio Code.

User Reviews

Rating

average 0

Total votes0

Focused display

Visual Studio Code

Estefania Cassingena Navone

Instructor's Courses

I'm Estefania. I love teaching. I'm a Web Developer with experience in Python, JavaScript, HTML, CSS, React, and other web technologies.My goal is to create engaging courses where you will learn programming and understand it so well that you will be able to apply your knowledge to new situations, projects, and professional opportunities. I know that learning how to code can be challenging, but I'm here to make your journey smoother and to help you create memories that you will never forget about how you learned how to code. I currently have 19,000+ students and 10+ courses on Udemy and my top priority is to support you by answering every single one of your questions. I'm here to help you, so please do not hesitate to ask if you ever have a question during my courses.I believe that detailed and clear explanations combined with the power of visual learning materials create the learning experience that every learner deserves. That is the experience that I want to give you during my courses. Coding is amazing. I love programming, data structures, algorithms, and I know what it feels like when you learn something new and you are able to create a new project or product just with your computer and a few lines of code. It's like magic!I'm part of the freeCodeCamp staff, where I create coding courses and write articles on computer science and programming. My 26+ articles for this publication have received 2,400,000+ views with 5,000+ views per day, on average. I run the freeCodeCamp Español YouTube channel, which currently has 165,000+ subscribers and I create full courses for this channel. My JavaScript for Beginners course has 1,000,000+ views.I served as Community Teaching Assistant (Community TA) for the Massachusetts Institute of Technology on edX (MITx) for the course "Introduction to Computer Science and Programming Using Python" where I help by writing tutorials and creating diagrams to complement the course content.My "Python OOP - Object Oriented Programming for Beginners" and "Python Exercises for Beginners: Solve 100+ Coding Challenges" courses were selected for Udemy for Business, a curated collection of top Udemy courses used for corporate training. So... I'm here for you. If you choose one of my courses, I promise you that you will find an engaging and carefully crafted learning experience. Thank you very much for reading more about me and I will see you in the courses :).

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.