visual studio online

1. VISUALSTUDIO
LESSON NO 01

2. Introduction
•Microsoft Visual Studio
is an integrated
development
environment from
Microsoft.
•It is used to develop
computer programs, as
well as websites, web
apps, web services and
mobile apps

3. • Developer(s): Microsoft
• Operating system: Windows 10 and later; Windows Server
2016 and later;
• Available in: 13 languages
• Preview release: 2022 version 17.2 Preview 1 (17.2.32210.308)
(February 15, 2022; 5 months ago)

4. • Step 1 - Make sure your computer is ready for Visual Studio.
• Step 2 - Download Visual Studio.
• Step 3 - Install the Visual Studio Installer.
• Step 4 - Choose workloads.
• Step 5 - Choose individual components (optional)
• Step 6 - Install language packs (optional)
Installation

5. Top 10 Alternatives to Visual Studio
• Xcode.
• Eclipse.
• NetBeans.
• Android Studio.
• Qt.
• IntelliJ IDEA.
• Firebase.
• OutSystems.
Replacements

6. • Here's how to change the color theme of the IDE frame and the
tool windows in Visual Studio.
• On the menu bar, choose Tools > Options.
• In the options list, choose Environment > General.
• In the Color theme list, choose either the default Dark theme, the
Light theme, the Blue theme, or the Blue (Extra Contrast) theme.
Changetheme

7. • Visual Studio offers powerful
• HTML, CSS, JavaScript, and JSON editors.
• Tap into the power of LESS, and Sass
• use PHP, Python, or C# with ASP.NET.
• All the popular languages are supported and you can
move between languages and project types with ease.
Languages

8. Develop
Navigate, write,
and fix your
code fast
Debug
Debug, profile,
and diagnose
with ease
Test
Write high-
quality code
with
comprehensive
testing tools
Collaborate
Use version
control, be agile,
collaborate
efficiently
Extend
Choose from
thousands of
extensions to
customize your
IDE
Features

9. KEYBOARD
SHORTCUTS
CONFIGURE KEYBOARD SHORTCUTS:
TOOLS >OPTIONS>ENVIRONMENT>KEYBOARD
 Visual Studio Search
Ctrl+Q
 Go to All
Ctrl+T or Ctrl+,
 Go to Type / File / Member /
Symbol
Ctrl+1+T/F/M/S
 Navigate Backward / Forward
Ctrl+-/Ctrl+Shift+-
 Go to definition / Peek to
definition
F12/Alt+F12
 Go to Implementation
Ctrl+F12
 Go to Next Error
Ctrl+Shift+F12
 Go to Next / Previous Result in List
F8/Shift+F8

10. Windows
Develop apps and games to reach every
device running Windows
Mobile Apps
Create native or hybrid apps targeting
Android, iOS, and Windows
Azure Apps
Build, manage, and deploy cloud scale apps
to Azure with ease
Web Apps
Develop modern web apps with flexibility
and powerful open tools
Office
Utilize powerful tools for all types of Office
development
Games
Design, code, and debug games with
cutting-edge graphics and scripting tools
Extensions
Write your own extensions for Visual Studio
Database
Develop and deploy SQL Server and Azure
SQL databases with ease
Solution

11. C++
Use C++ for speed, performance, and
compatibility across a wide range of
devices
Node.js
Leverage Node.js for building fast, scalable,
cross-platform applications in JavaScript
Python
Leverage Python for cross-platform
scripting, web services, IoT, and data
science tasks
.NET
Use .NET to create apps and services on any
device and OS
JavaScript/TypeScript
Bring productivity, quality, and flexibility to
your JavaScript apps
Technologies

12. You can browse and install extensions
from within VS Code. Bring up the
Extensions view by clicking on the
Extensions icon in the Activity Bar on the
side of VS Code or the View:
Extensions command (Ctrl+Shift+X).
Each extension in the list includes a brief
description, the publisher, the download
count, and a five star rating. You can
select the extension item to display the
extension's details page where you can
learn more.
Extensions

13. An instance of an editor
window can be split into two
separate views for easier
editing.
Splitaneditor
window
To split a pane
Click within the editor window to give it
focus.
From the Window menu, select Split.
The editing area divides into two panes
separated by a splitter bar. You can scroll
these panes independently to view and
edit different parts of the active
document at the same time. Any changes
made in one pane are reflected in the
other.

14. Tip
To make one pane larger than the
other, drag the splitter bar upward or
downward.
To return to single-pane view
From the Window menu, select Remove Split.
Create new windows
You can also create multiple instances of an
editor window. This feature allows you to open a
lengthy document in more than one instance of
an editor, so that you can view and edit different
sections simultaneously in separate, full-sized
editor windows.
On the Window menu, click New Window.
A new tabbed instance of the editor is added.

15.  Open-source
The fact that the VS Code is mostly open-source is an unprecedented advantage.
 Simplicity
From the first steps to installing new extensions, everything in VS Code feels simple and
intuitive.
 Extensions
There are literally thousands of extensions in the VS Code marketplace with new ones
coming seemingly every single day!
 Minimal Design
Design is usually a very subjective thing, but the future is minimal and VSCode decided to
embrace the principles of this design approach.
 The UI of the VS Code is clean and well-designed
 It’s also free and it’s developed and maintained by Microsoft with a modern approach
using Electron.
WHY VSC?