You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/1-introduction.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.introduction
3
-
title: Overview of Windows Development
3
+
title: Overview of Windows development
4
4
metadata:
5
5
title: Introduction
6
6
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/2-dev-set-up.yml
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,9 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.dev-set-up
3
3
4
-
title: Dev Set up & Project Structure
4
+
title: Dev setup and project structure
5
5
metadata:
6
-
title: Dev Set up & Project Structure
6
+
title: Dev Setup and Project Structure
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/4-select-random-word.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.select-random-word
3
3
4
-
title: Build Select the Random Word
4
+
title: Build select the random word
5
5
metadata:
6
6
title: Select the Random Word
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/5-add-alphabet-buttons.yml
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,9 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.add-alphabet-buttons
3
3
4
-
title: Add Dynamic Alphabet Buttons
4
+
title: Add dynamic alphabet buttons
5
5
metadata:
6
-
title: Add Alphabet Buttons
6
+
title: Add Dynamic Alphabet Buttons
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/6-game-play.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.game-play
3
3
4
-
title: Build Game Play
4
+
title: Build game play
5
5
metadata:
6
6
title: Add Game Play
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/7-style.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.style
3
3
4
-
title: Add Styles
4
+
title: Add styles
5
5
metadata:
6
6
title: Add Style
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/8-images.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.images
3
3
4
-
title: Add Dynamic Images
4
+
title: Add dynamic images
5
5
metadata:
6
6
title: Add Images
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Copy file name to clipboardExpand all lines: learn-pr/windows/winui-101/9-navigation.yml
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,7 +1,7 @@
1
1
### YamlMime:ModuleUnit
2
2
uid: learn.winui-101.navigation
3
3
4
-
title: Build Navigation
4
+
title: Build navigation
5
5
metadata:
6
6
title: Add Navigation
7
7
description: "Embark on your Windows development journey with this beginner-friendly course designed to get you up and running quickly. Learn how to set up a professional development environment using Visual Studio, understand the fundamentals of the WinUI3, Windows App SDK and CommunityToolkit, and grasp essential concepts of the MVVM architectural pattern. Through practical, hands-on experience building a simple word-guessing game, you'll gain the confidence and skills needed to start creating your own Windows applications. This course is perfect for aspiring Windows developers looking to build a solid foundation in modern development using cutting-edge tools and best practices."
Building Windows apps is an exciting journey into creating software that runs seamlessly on the Windows operating system, and this course guides you through the development process step by step. Whether you're building simple utilities or complex enterprise solutions, this learning path introduces you to the latest Windows development frameworks: the Windows App SDK and WinUI. Together, these frameworks provide a robust foundation for creating high-performance, visually appealing applications that use modern Windows capabilities while maintaining compatibility across devices.
4
2
5
-
:::image type="content" source="../media/1-introduction/techstack.png" alt-text="Highlevel Overview of Windows Techstack":::
3
+
:::image type="content" source="../media/1-introduction/techstack.png" alt-text="Highlevel Overview of Windows Techstack.":::
6
4
7
5
The **Windows App SDK** offers a comprehensive set of tools, libraries, and APIs that enable developers to build feature-rich applications with cutting-edge functionality. Crucially, this SDK decouples from the underlying operating system, allowing your app to access the latest features without being tied to a specific Windows version. This decoupling ensures wide compatibility across devices while delivering modern capabilities. **WinUI**, as part of the Windows SDK, is a powerful user interface framework that provides a rich set of controls and styles for building applications with a consistent and modern look. The **Windows Community Toolkit** complements these frameworks by providing a collection of helper functions, custom controls, and app services. These resources help simplify and demonstrate common developer tasks, which speeds up the development process.
8
6
9
7
## What will you be doing?
10
8
11
-
:::image type="content" source="../media/1-introduction/preview-game.png" alt-text="Screenshot of SnowPal Game":::
9
+
:::image type="content" source="../media/1-introduction/preview-game.png" alt-text="Screenshot of SnowPal Game.":::
12
10
13
11
Throughout this course, we put these tools into practice by building SnowPal, a word-guessing game. In this SnowPal game, the app selects a word for the user to guess, displaying it as a series of blank spaces where each space represents a letter. The player guesses letters one at a time; for every incorrect guess, part of the SnowPal character melts away. If the player guesses all letters before exhausting their turns, they win; otherwise, they lose. By building this SnowPal app step by step, you gain hands-on experience with core development concepts while creating something fun and functional.
14
12
15
13
## Software Architecture
16
14
17
15
For this course, we’ll use three key terms -— **View**, **ViewModel**, and **Model** -— to represent distinct parts of our application architecture:
- The **View** term refers to the User Interface (UI) of the application. This View component displays data to users and handles user interactions.
22
20
- The **ViewModel** term handles presentation logic and transforms data from the Model into a form that the View can easily display.
@@ -26,11 +24,11 @@ These three components form the Model-View-ViewModel (MVVM) software architectur
26
24
27
25
The **ViewModel** component performs the databinding between View and Model components. This databinding enables automatic propagation of data changes in both directions. The ViewModel handles syncing raw Model data to reflect UI changes automatically. If the user makes a change, the View updates the ViewModel, which can then update the Model and notify the View.
28
26
29
-
:::image type="content" source="../media/1-introduction/mvvm-bi-directional-syncing.png" alt-text="Demostrats that the View, ViewModle and Modle sync bi-directionally":::
27
+
:::image type="content" source="../media/1-introduction/mvvm-bi-directional-syncing.png" alt-text="Demonstrates that the View, ViewModel, and Model sync bi-directionally.":::
30
28
31
29
This bi-directional syncing between View and Model components allows us to have functionality that enables a user to press a letter button in our game. This button press triggers the ViewModel to both update the View (by disabling the button) and the Model (by processing the user's guessed letter).
32
30
33
31
Now that you have an overview of Windows development tools and our project goals for this course, let's dive in and start building your first Windows app!
34
32
35
33
> [!Note]
36
-
> You can checkout the completed project [here](https://aka.ms/snowpal-sample).
34
+
> You can check out the completed project [here](https://aka.ms/snowpal-sample).
0 commit comments