The 'hello-world' code is already there;) It is time to compile and run your first C program. Go to menu Build-'Build and Run' or just press F9 and then OK, when you are asked if you want to build the project.
- This tutorial teaches you how to use XAML and C# to create a simple 'Hello, world' app for the Universal Windows Platform (UWP) on Windows 10. With a single project in Microsoft Visual Studio, you can build an app that runs on any Windows 10 device. Here you'll learn how to: Create a new Visual Studio project that targets Windows 10 and the UWP.
- Hello World in Visual Basic.NET. At any rate, let’s dive right into Hello World in Visual Basic.NET: Public Module HelloWorld Public Sub Main System.Console.WriteLine('Hello, World!' ) End Sub End Module. As we can see, VB.NET is a structured language. In other words, there’s a very strong focus on code blocks and control flow structures.
It is time to create your C hello world program. By tradition, a 'Hello, world!' program just prints that greeting on the screen. This is usually the first program that any developer creates. It serves two purposes:
Do you learn better from video?Learn faster with deeper understanding! Start now! |
- Runs the simplest possible program to see if your environment is working correctly.
- Shows a very basic program that we use to explain the basic structure of a program
In this lesson, I will show you how to create your first program for each of the environments from the previous lesson. You will pick and create the program for the IDE that you chose. To create a program you will:
- Create a new project
- Add a source file
- Write the code
- Compile
- Run
C 'Hello, world!'
No matter which environment you use, the code forthis example is the same:
I will show you how to write compile and run the code in the IDEs that we looked at in the last lesson:
- Geany
Visual Studio
I am using Visual Studio Community 2015, but the process is very similar to previous versions(both Express and Professional editions).
Every program in Visual Studio is created within a project. To create your C hello world program, create a new project:
1. Open Visual Studio and go to File->New->Project
- Choose a project template. In VS, the project template for C and C++ is the same. Select Visual C++.
- From the templates on the right, select “Win32 Console Application”.
- Before clicking “OK”, give a name to the project and choose a directory for it. Do this in the fields below the templates.
- Click “OK”, when you are done.
If this is a new installation, it is possible that the template component is not installed yet. If that is the case, double click on the “Install Visual C++” text to add the component.
- Click “Next” in the first window of the Win32 Application Wizard.
- In the second window, check the box that says “Empty project”. If you don't check it, by default additional stuff will be generated that you don't need now.
- Click “Finish”.
You have just created a new empty project. You can see its contents in the “Solution Explorer”. The solution explorer is located to the right, by default.
- In Solution Explorer, right click the folder “Source Files”
- choose Add->New Item
- Choose a “C++ File” template
- give it a name
- change the file extension to “.c”. This way, Visual Studio knows to compile the code in that file as a C and not C++ code.
- Click “Add”.
Visual Basic Sample Code Hello World Bank
- In that new source file, rewrite (or copy-paste) the example code from above.
Now you are ready to run your C Hello World program!
- Press CTRL+F5 or go to menu Debug->Start Without Debugging.
The result looks like this:
Code::Blocks
To compile and run code you need a compiler. Make sure you havethe Code::Blocks distribution that includes the GCC, otherwise youneed to install a compiler manually.
Code::Blocks allows you to create a program in several ways.
- The simplest way is to create a new empty file. Then write the code and save it as .c file.
- Menu File->New->Empty File.
- Then write the code
- File->”Save as” and save it as a C source file.
This method is the fastest to do, but you will not have code help(coloring, suggestions) before you save the file as a C source file. - The second way is to create the file as C source file right from the beginning.
- File->”New File...”
- Choose C/C++ Source and complete the wizard. - The last method is to create a project and then add the necessary source and header files inside. I will show you this method in pictures and details.
The first two methods are convenient only if your program consists of just 1-2-3 files. If your program has more files it is preferred to put them in a project, because it is easier to navigate.
Let's create your first C project! StartCode::Blocks and from nemu File create a new porject:
Now in the left side of the screen go to Projects in the 'Management' sub-window. Expand your new project and its folder 'Sources'. You will see that Code::Blocks automatically added a new source file 'main.c'. Double click it, to open it.
You see? The 'hello-world' code is already there ;)
It is time to compile and run your first C program. Go to menu Build->'Build and Run' or just press F9 and then OK, when you are asked if you want to build the project.
Dev-C++
If you downloaded a distribution without a compiler, you need to install one manually.
Thereare two ways to create our “C hello world” program in Dev-C++:
- Directly create a new source file from File → New → Source File
- Create a new project and edit its source.
Fora this short program it is easier to choose the first option.However, later for programs with more files it is better to use aproject. Here is how to create a C project in Dev Cpp:
In the next window just click 'Save' to save the project files in the default location.
Now your project is created and it contains one source file:
Geany
Install a compiler (GCC in this case)
Before you can compile and run your C hello world, you need to install a C compiler. For instance to install the GCC in any Debian based distribution, for instance Ubuntu, do the following:
- sudo apt-get update
- sudo apt-get install build-essential
Create the C Hello World program
In Geany you can:
- create a new file and save it as .c or..
- create a new C file from template.
I will show you the second option:
This will generate a new C source file. It will start with a 20 row comment(the red text starting with /* and ending with */) that you can delete right away.
Add the line
printf('Hello, world!n');
between the opening curly bracket '{' and the line 'return 0;'.
Now you just need to build and execute the file:
When the build is done, you will see the message 'Compilation finished successfully.' in the Compiler section below the code.
Now press F5 or the 'Execute' button to start the program. You will see a console that displays the 'Hello, world!' string
You have just created your C Hello World program! Your development environment is working and tested, so you are ready to continue with the actual part of the basic C tutorial.
In the next lesson you will see what is the typical structure of a C program. To explain it, I will use the example from this lesson.
Previous lesson: C programming software | Next lesson: C Language Program |
Do you learn better from video?Learn faster with deeper understanding! Start now! |
C Programming ›
Visual Basic Sample Code Hello World Free
C tutorial › Hello, world!Please enable JavaScript to view the comments powered by Disqus.-->
This tutorial teaches you how to use XAML and C# to create a simple 'Hello, world' app for the Universal Windows Platform (UWP) on Windows 10. With a single project in Microsoft Visual Studio, you can build an app that runs on any Windows 10 device.
Here you'll learn how to:
- Create a new Visual Studio project that targets Windows 10 and the UWP.
- Write XAML to change the UI on your start page.
- Run the project on the local desktop in Visual Studio.
- Use a SpeechSynthesizer to make the app talk when you press a button.
Before you start...
- Download Visual Studio 2017 (and Windows 10). If you need a hand, learn how to get set up.
- We also assume you're using the default window layout in Visual Studio. If you change the default layout, you can reset it in the Window menu by using the Reset Window Layout command.
Note
This tutorial is using Visual Studio Community 2017. If you are using a different version of Visual Studio, it may look a little different for you.
Video summary
Step 1: Create a new project in Visual Studio.
Launch Visual Studio.
From the File menu, select New > Project to open the New Project dialog.
From the list of templates on the left, choose Installed > Visual C# > Windows Universal to see the list of UWP project templates.
(If you don't see any Universal templates, you might be missing the components for creating UWP apps. You can repeat the installation process and add UWP support by clicking Open Visual Studio installer on the New Project dialog. See Get set up.)
Choose the Blank App (Universal Windows) template, and enter 'HelloWorld' as the Name. Select OK.
Note
If this is the first time you have used Visual Studio, you might see a Settings dialog asking you to enable Developer mode. Developer mode is a special setting that enables certain features, such as permission to run apps directly, rather than only from the Store. For more information, please read Enable your device for development. To continue with this guide, select Developer mode, click Yes, and close the dialog.
The target version/minimum version dialog appears. The default settings are fine for this tutorial, so select OK to create the project.
When your new project opens, its files are displayed in the Solution Explorer pane on the right. You may need to choose the Solution Explorer tab instead of the Properties tab to see your files.
Although the Blank App (Universal Window) is a minimal template, it still contains a lot of files. These files are essential to all UWP apps using C#. Every project that you create in Visual Studio contains them.
What's in the files?
To view and edit a file in your project, double-click the file in the Solution Explorer. Expand a XAML file just like a folder to see its associated code file. XAML files open in a split view that shows both the design surface and the XAML editor.
Note
What is XAML? Extensible Application Markup Language (XAML) is the language used to define your app's user interface. It can be entered manually, or created using the Visual Studio design tools. A .xaml file has a .xaml.cs code-behind file which contains the logic. Together, the XAML and code-behind make a complete class. For more information, see XAML overview.
App.xaml and App.xaml.cs
- App.xaml is where you declare resources that are used across the app.
- App.xaml.cs is the code-behind file for App.xaml. Like all code-behind pages, it contains a constructor that calls the
InitializeComponent
method. You don't write theInitializeComponent
method. It's generated by Visual Studio, and its main purpose is to initialize the elements declared in the XAML file. - App.xaml.cs is the entry point for your app.
- App.xaml.cs also contains methods to handle activation and suspension of the app.
MainPage.xaml
- MainPage.xaml is where you define the UI for your app. You can add elements directly using XAML markup, or you can use the design tools provided by Visual Studio.
- MainPage.xaml.cs is the code-behind page for MainPage.xaml. It's where you add your app logic and event handlers.
- Together these two files define a new class called
MainPage
, which inherits from Page, in theHelloWorld
namespace.
Package.appxmanifest
- A manifest file that describes your app: its name, description, tile, start page, etc.
- Includes a list of dependencies, resources and files that your app contains.
A set of logo images
- Assets/Square150x150Logo.scale-200.png and Wide310x150Logo.scale-200.png represent your app (either Medium or Wide size) in the start menu.
- Assets/Square44x44Logo.png represents your app in the app list of the start menu, task bar and task manager.
- Assets/StoreLogo.png represents your app in the Microsoft Store.
- Assets/SplashScreen.scale-200.png is the splash screen that appears when your app starts.
- Assets/LockScreenLogo.scale-200.png can be used to represent the app on the lock screen, when the system is locked.
Step 2: Adding a button
Using the designer view
Let's add a button to our page. In this tutorial, you work with just a few of the files listed previously: App.xaml, MainPage.xaml, and MainPage.xaml.cs.
Double-click on MainPage.xaml to open it in the Design view.
You'll notice there is a graphical view on the top part of the screen, and the XAML code view underneath. You can make changes to either, but for now we'll use the graphical view.
Click on the vertical Toolbox tab on the left to open the list of UI controls. (You can click the pin icon in its title bar to keep it visible.)
Expand Common XAML Controls, and drag the Button out to the middle of the design canvas.
If you look at the XAML code window, you'll see that the Button has been added there too:
Change the button's text.
Click in the XAML code view, and change the Content from 'Button' to 'Hello, world!'.
Notice how the button displayed in the design canvas updates to display the new text.
Step 3: Start the app
At this point, you've created a very simple app. This is a good time to build, deploy, and launch your app and see what it looks like. You can debug your app on the local machine, in a simulator or emulator, or on a remote device. Here's the target device menu in Visual Studio.
Start the app on a Desktop device
By default, the app runs on the local machine. The target device menu provides several options for debugging your app on devices from the desktop device family.
- Simulator
- Local Machine
- Remote Machine
To start debugging on the local machine
- In the target device menu () on the Standard toolbar, make sure that Local Machine is selected. (It's the default selection.)
- Click the Start Debugging button () on the toolbar.
–or–
From the Debug menu, click Start Debugging.
–or–
Press F5.
The app opens in a window, and a default splash screen appears first. The splash screen is defined by an image (SplashScreen.png) and a background color (specified in your app's manifest file).
The splash screen disappears, and then your app appears. It looks like this.
Press the Windows key to open the Start menu, then show all apps. Notice that deploying the app locally adds its tile to the Start menu. To run the app again later (not in debugging mode), tap or click its tile in the Start menu.
It doesn't do much—yet—but congratulations, you've built your first UWP app!
To stop debugging
Click the Stop Debugging button () in the toolbar.
–or–
From the Debug menu, click Stop debugging.
–or–
Close the app window.
Step 4: Event handlers
An 'event handler' sounds complicated, but it's just another name for the code that is called when an event happens (such as the user clicking on your button).
Stop the app from running, if you haven't already.
Double-click on the button control on the design canvas to make Visual Studio create an event handler for your button.
You can of course, create all the code manually too. Or you can click on the button to select it, and look in the Properties pane on the lower right. If you switch to Events (the little lightning bolt) you can add the name of your event handler.
- Edit the event handler code in MainPage.xaml.cs, the code-behind page. This is where things get interesting. The default event handler looks like this:
Let's change it, so it looks like this:
Make sure the method signature now includes the async keyword, or you'll get an error when you try to run the app.
What did we just do?
This code uses some Windows APIs to create a speech synthesis object, and then gives it some text to say. (For more information on using SpeechSynthesis, see the SpeechSynthesis namespace docs.)
When you run the app and click on the button, your computer (or phone) will literally say 'Hello, World!'.
Summary
Congratulations, you've created your first app for Windows 10 and the UWP!
To learn how to use XAML for laying out the controls your app will use, try the grid tutorial, or jump straight to next steps?
See Also
- Publishing your UWP app.