Skip to content

Commit 66fcfac

Browse files
committed
made changes based on @JamesJBarnett review
1 parent 072d5bb commit 66fcfac

25 files changed

+205
-213
lines changed

learn-pr/windows/winui-101/1-introduction.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.introduction
3-
title: Overview of Windows Development
3+
title: Overview of Windows development
44
metadata:
55
title: Introduction
66
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."

learn-pr/windows/winui-101/10-knowledge-check.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ quiz:
5050
isCorrect: false
5151
explanation: Both SDK and Toolkit support that C# and that C++."
5252

53-
- content: "Which statements are true for Windows App SDK:"
53+
- content: "Which statements are true for Windows App SDK?"
5454
choices:
5555
- content: "Restricts those apps to those specific Windows versions."
5656
isCorrect: false

learn-pr/windows/winui-101/2-dev-set-up.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.dev-set-up
33

4-
title: Dev Set up & Project Structure
4+
title: Dev setup and project structure
55
metadata:
6-
title: Dev Set up & Project Structure
6+
title: Dev Setup and Project Structure
77
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."
88
ms.date: 3/17/2025
99
author: chatasweetie

learn-pr/windows/winui-101/4-select-random-word.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.select-random-word
33

4-
title: Build Select the Random Word
4+
title: Build select the random word
55
metadata:
66
title: Select the Random Word
77
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."

learn-pr/windows/winui-101/5-add-alphabet-buttons.yml

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.add-alphabet-buttons
33

4-
title: Add Dynamic Alphabet Buttons
4+
title: Add dynamic alphabet buttons
55
metadata:
6-
title: Add Alphabet Buttons
6+
title: Add Dynamic Alphabet Buttons
77
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."
88
ms.date: 3/17/2025
99
author: chatasweetie

learn-pr/windows/winui-101/6-game-play.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.game-play
33

4-
title: Build Game Play
4+
title: Build game play
55
metadata:
66
title: Add Game Play
77
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."

learn-pr/windows/winui-101/7-style.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.style
33

4-
title: Add Styles
4+
title: Add styles
55
metadata:
66
title: Add Style
77
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."

learn-pr/windows/winui-101/8-images.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.images
33

4-
title: Add Dynamic Images
4+
title: Add dynamic images
55
metadata:
66
title: Add Images
77
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."

learn-pr/windows/winui-101/9-navigation.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
### YamlMime:ModuleUnit
22
uid: learn.winui-101.navigation
33

4-
title: Build Navigation
4+
title: Build navigation
55
metadata:
66
title: Add Navigation
77
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."
Lines changed: 5 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,20 @@
1-
# Overview of Windows Development
2-
31
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.
42

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.":::
64

75
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.
86

97
## What will you be doing?
108

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.":::
1210

1311
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.
1412

1513
## Software Architecture
1614

1715
For this course, we’ll use three key terms -— **View**, **ViewModel**, and **Model** -— to represent distinct parts of our application architecture:
1816

19-
:::image type="content" source="../media/1-introduction/mvvm-intro.png" alt-text="Highlevel Overview MVVM":::
17+
:::image type="content" source="../media/1-introduction/mvvm-intro.png" alt-text="Highlevel Overview MVVM.":::
2018

2119
- The **View** term refers to the User Interface (UI) of the application. This View component displays data to users and handles user interactions.
2220
- 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
2624

2725
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.
2826

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.":::
3028

3129
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).
3230

3331
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!
3432

3533
> [!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

Comments
 (0)