Welcome to

CS341
Visual Programming
 Instructor – Bassem Abd-El-Atty
Classroom: 1
Lecture : Thursdays 1:00 PM – 4:00 PM
Office: Third floor
Office Hours: Mondays 2:00-6:00

E-Mail: [email protected]

2
Textbook
 Chapter 1
How to get started
with Visual Studio

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 4
Objectives
Applied
1. Use Visual Studio 2015 to do any of these operations:
 Open and close an existing C# project or solution
 Display the Form Designer for each of the forms in a project
 Display the Code Editor for each of the forms in a project
 Use the Solution Explorer to review the files in a project
 Open, hide, and adjust the windows for a project
 Build and run a project
Knowledge
1. Describe the main difference between a Windows Forms
application and a Web Forms application.
2. List two additional types of .NET applications that you can
develop with Visual Studio 2015.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 5
Objectives (cont.)
3. Name the two languages that you can use for rapid application
development with Visual Studio 2015.
4. Describe the two main components of the .NET Framework.
5. In general terms, describe the C# compiler, Microsoft
Intermediate Language, the assembly, and the Common Language
Runtime.
6. Describe the use of each of these windows in the Visual Studio
IDE: Form Designer, Code Editor, and Solution Explorer.
7. In general terms, explain what makes it possible to select a target
framework with Visual Studio 2015.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 6
A Windows Forms application running
on the desktop

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 7
Common types of .NET applications
Type Description
Windows Forms Runs in its own window on the user’s PC
and consists of one or more Windows.
ASP.NET Web Forms Runs on a web server and consists of one
or more web forms that define pages that
are displayed in a browser on the client.
ASP.NET MVC Runs on a web server and consists of
pages that are displayed in a browser on
the client machine. Unlike ASP.NET
Web Forms, ASP.NET MVC uses a
Model-View-Controller design pattern to
create its pages.
WPF Runs in windows on the user’s PC and
provides an enhanced user experience.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 8
Visual Studio 2015 Editions
 Community Edition
 Professional Edition
 Enterprise Edition

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 9
Programming languages supported
by Visual Studio 2015
 Visual Basic
 Visual C#
 Visual C++
 Visual F#

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 10
The .NET Framework

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 11
The Visual Studio IDE

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 12
How a C# application is compiled and run

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 13
The Visual Studio Start Page

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 14
The Open Project dialog box

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 15
Project and solution concepts
 Every C# project has a project file with an extension of csproj that
keeps track of the files that make up the project and records
various settings for the project.
 Every solution has a solution file with an extension of sln that
keeps track of the projects that make up the solution.
 When you open a project file, Visual Studio opens the solution
that contains the project. And when you open a solution file,
Visual Studio automatically opens all the projects contained in the
solution.
 The project file can be stored in the same directory as the solution
file or in one of its subdirectories.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 16
The Form Designer window of Visual

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 17
The Code Editor window of Visual

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 18
The Solution Explorer

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 19
Project files
 The Solution Explorer uses different icons to distinguish between
source code files that define forms and source code files that
don’t.
 Each form is defined by two C# source files where each file
contains a partial class. The file with the cs extension contains the
code that’s entered by the programmer, and the file with the
Designer.cs extension contains the code that’s generated when the
programmer works with the Form Designer. When the project is
compiled, these partial classes are combined into a single class
that determines the appearance and operation of the form.
 A source code file that doesn’t define a form is usually stored in a
single C# source file that contains a single class.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 20
Project files (cont.)
 The Program.cs file contains the C# code that starts the
application and runs the first form. The app.config file contains
configuration information for the application.
 The References folder contains references to the assemblies for
the namespaces that the application can use.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 21
Two floating windows, a hidden window,
and a pinned window

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 22
How to rearrange windows
 To undock a docked window so it floats on the screen, drag it by
its title bar away from the edge of the application window or
double-click its title bar.
 To dock a floating window, drag it by its title bar onto one of the
positioning arrows that become available. Or, hold down the Ctrl
key and then double-click its title bar to return it to its previous
docked location.
 To hide a docked window, click its Auto Hide button. Then, the
window is displayed as a tab at the edge of the screen, and you
can display it by clicking on the tab.
 To display a window in a group of tabbed windows, click on its
tab.
 If you dock, undock, hide, or unhide a tabbed window, all the
windows in the group are docked, undocked, hidden, or unhidden.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 23
How to rearrange windows (cont.)
 To pin a window to the left side of the Form Designer, click its
Toggle Pin Status button.
 You can also use the commands in the Window menu to work
with windows. For example, you can use the Reset Window
Layout command to return the windows to their default layout.
You can also save, apply, and manage custom layouts.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 24
The form that’s displayed when
the Financial Calculations project is run

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 25
How to build a project without running it
 Use the BuildBuild Solution command. Or, right-click the
project in the Solution Explorer and select the Build command
from the shortcut menu.

How to run a project

 You can run a project by clicking on the Start button in the
Standard toolbar or by pressing F5. Then, the first form of the
project is displayed on top of the Visual Studio window.
 If the project hasn’t already been built, the project is first built and
then run.

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 26
The dialog box for upgrading a project
to Visual Studio 2015

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 27
The application properties for a project

© 2016, Mike Murach & Associates, Inc.

Murach's C# 2015 C1, Slide 28