UWP Universal Windows Platform Mastery

Explore what XAML is, how it relates to C# and code-behind, and how to design UI using the designer window and XAML markup.

Create a sample button in UWP app, name it btn_sample, set size to 200 by 100, align left and top, apply a green background, and wire an empty click handler.

Learn how a grid's children must include UI elements like buttons and text blocks in UWP, and how XAML design differs from C# code with generated code-behind in mainpage.g.cs.

Define and style Xaml elements using a grid container, creating buttons and rectangles with content, alignment, margins, and colors. Learn grid row definitions, auto and star sizing, and element placement.

Explore XAML by building simple rectangles and experimenting with alignment, margins, and colors to understand how horizontal and vertical alignment position elements on the canvas.

Explore stack panels in Xaml, stacking elements horizontally or vertically and nesting panels to shape complex layouts with rectangles.

Explore event handling in UWP by wiring a button click to a handler that toggles a stack panel's visibility, using XAML or code-behind and noting sender and routed event args.

Recaps Xaml layout essentials, including grid and stack panels, sizing options auto, star, and pixel, and how alignment and margins shape UI placement and wiring events to handlers.

Explore common XAML controls in UWP development, including text box, button, and text block, and build a simple app that inputs a telephone number and displays it on click.

Build a UWP combo box in XAML, populate items, capture the selected item for display, and set a default selection, noting behavior differences from Windows Phone 8 to Windows 10.

Explore implementing date picker and time picker controls in UWP, compare with Windows Phone eight flyouts, and learn simple one-line output to display selected date or time.

Explore slider control in the UWP mastery to select values from zero to one hundred, bind the slider to a progress bar, and toggle the progress ring with a button.

Explore themes and styles in XAML, learn to create reusable resources and shared styles across pages and the application, and apply common Windows 10 controls.

Learn to create and apply reusable styles in UWP by defining static resources, binding them to controls, and sharing these styles across the app via App.xaml.

Explore theme resources in UWP Universal Windows Platform mastery, learning how to bind to theme and static resources to align app visuals with the device colors.

Learn the Windows 10 navigation model and how to navigate between pages, pass data, and save page state in a universal app. Explore frame navigation history, back and forward actions.

Learn to pass parameters and data objects between pages in a UWP app, reading navigation arguments with on navigated to and using a public data class for structured transfer.

Learn to navigate across pages in a UWP app by adding page three, wiring frame navigation and the back stack, and handling the back button to prevent crashes.

Navigate the pages by implementing back button handling for Windows Phone, adding mobile and desktop extension SDKs, and wiring back one step and going to the source page.

Implement back button navigation in a universal Windows app by checking hardware button availability, subscribing to back pressed, and using a frame and backstack to manage pages without exiting prematurely.

Compare Windows Phone emulators across Windows 8, 8.1, and Windows 10 for mobile, examine UI changes and Cortana integration, and test apps across device variants.

Choose emulator versions and resolutions via Hyper-V to test Windows Phone apps across WVGA to 1080p, and adapt XAML layouts with star sizing for multiple screens.

Leverage the Windows Phone emulator’s SD card simulation to map a hard drive folder as storage, testing app installs and performance with device hardware emulation.

Master adaptive design and adaptive UI to run one app across Windows 10 devices. Study the Microsoft design language, minimalistic principles, and UI patterns like pivot controls and tablet mode.

Center the user across devices in Windows 10 universal apps by using XAML to craft beautiful, high-performing interfaces, with Blend and Visual Studio supporting design and code.

Explore Windows 10 typography with Segoe UI at 15 effective pixels, crisper text, and thinner icon lines. Emphasize four-pixel grid, uniform symbols, and primary, secondary, and accent colors across devices.

Explore how hamburger menus and split view adapt across device families in Windows 10 UWP, featuring adaptive controls, intelligent UI, and automatic font scaling for phone, tablet, desktop, and Xbox.

Design for effective pixels, ignoring density, and anchor UI to a 4x4 grid. Use snap points and XAML UI to cover phone, tablet, and laptop in Windows 10 universal apps.

Explore three adaptive approaches: responsive design, adaptive design, and tailored design for universal Windows apps on Windows 10, emphasizing content resizing, reflow, and repositioning for a seamless cross-device experience.

Master adaptive designs in UWP by building a single universal app that adapts to various screen sizes using visual states and adaptive triggers. Explore adaptive visual states and device-specific views.

Create a visual state manager with narrow and white states to adapt text and image layout for phones and tablets using adaptive triggers at 300 and 600 pixels.

Design responsive UWP interfaces by using adaptive visual states that react to screen resolutions, not platforms, and implement device family views with dedicated Xaml pages.

Master adaptive visual states in the UWP by defining device family specific XAML views and responsive layouts that adapt content for phones, tablets, and desktops using visual states.

Explore new xaml controls, including the relative panel and split view, and learn to create responsive layouts by positioning elements relative to the container and to each other.

Master the UWP split view control to build a hamburger menu with a collapsible pane and content area in XAML, using display modes and Segoe MDL2 icons.

Create a hamburger button in UWP using Segoe MDL2 assets and build a split view menu with horizontal stack panels for home, my news, interests, local, videos, and send feedback.

Develop universal Windows platform apps for Windows 10, starting with a Hello World project, then master XAML, grid layout, and other XAML topics in the Windows 10 SDK.

Learn the course requirements and get an intro to universal Windows apps, then explore building apps for the Windows Store, for sale or free on Windows desktop.

Master universal windows platform UI design by applying XAML syntax in Visual Studio, using drag-and-drop controls, the properties window, and code-behind for event handling.

Explore layout controls and adaptive triggers for cross-device universal Windows platform layouts, and learn xaml and c sharp to use the universal Windows api with json and xml data.

Explore how XAML, a special usage of XML, defines a user interface by creating class instances and setting properties, illustrated by button, text block, and hello world.

Explore how XAML simplifies UI design in UWP by comparing one-line XAML with verbose C# code-behind, highlighting design-time feedback, grid naming, and event handling.

Learn how type converters translate string values like center into the Windows.UI.Xaml.HorizontalAlignment enum via the Xaml parser, enabling strong typing for horizontal alignment properties and catching misspellings.

Explore default properties, complex properties, and the property element syntax in XAML, and see how an intelligent XAML parser infers containment and relationships among page, grid, and controls.

Explore how Xaml uses XML schemas and namespaces to define page structure, with default and local namespaces and designer prefixes, and why schemas act as contracts between producer and consumer.

Explore how grid layout positions controls in Xaml by defining rows and columns. Place items in cells using grid row and grid column, with auto and star definitions.

Define a two-row grid with auto and star sizing, and place blue and green rectangles into rows zero and one using attached properties.

Arrange XAML controls using stack panels to flow from top to bottom or horizontally by orientation, enabling nested layouts for flexible, device-agnostic user interfaces.

Analyze stack panels and grids with a horizontal example, using text blocks. Understand alignment, overlap, and size within grid cells, and how adaptive layouts relate to stacks versus grids.

Build a simple UWP form app in XAML using grids and stack panels to capture first name, last name, and email with a save button.

Construct a complex UWP layout by merging a stack panel with a grid, defining rows and columns, and adding text blocks and colored rectangles for a phone form factor.

Explore building complex UWP layouts with stack panels and grids in XAML, using horizontal orientation, multiple grids, text blocks with font size 24, and colored rectangles for structure.

Master the relative panel in UWP XAML layouts to position controls by parent or siblings with attached properties, panel alignment, and position relationships for responsive, Windows 10 aesthetic cards.

Demonstrate a relative panel layout with grid rows and rectangles aligned to the panel and each other using align right, left off, below, and center.

Develop a search bar user interface with relative panels inside three-row grid, align the search button to the right, and use text boxes and text blocks with borders and margins.

Explore creating and styling text blocks in a UWP app using relative panels, margins, borders, and stack panels, with version text and horizontal alignment for a polished UI.

Learn to implement a split view with a toggleable pane for hamburger-style navigation in UWP, configure the pane and content, and explore compact inline versus compact overlay display modes.

Learn how to implement navigation in a Universal Windows Platform app by loading pages into a frame, linking pages with buttons and hyperlinks, and using back and forward controls.

Create a grid-based xaml layout with auto rows and star-sized columns, add text blocks, check boxes, radio buttons, and a combo box, and wire up event handlers.

Master XAML controls in UWP by building list boxes, checkboxes, radio buttons, text blocks, images, toggle buttons, and toggle switches, wiring up selection events and preparing code-behind.

Fill the code-behind for xaml controls by wiring checkbox, radio button, combo box, list box, and toggle button events update text blocks, using booleans, casting, ternary operators, linq, and join.

Learn to implement a hamburger menu in a uwp app by wiring a split view, list box items for share and favorites, and updating a result text block via c#.

Create a split view in a UWP app with a compact overlay pane, navigable list boxes for financial and food, and frame navigation with back button control.

Master UWP XAML layout by building a grid with auto rows and columns, then add time picker, calendar date picker, calendar view, and a flyout with a button.

Explore creating and configuring flyouts and flyout menus in UWP, including flyout items, menu flyouts with separators and subitems, and the autosuggest box control.

Explore building an autosuggest box with a slider, progress bar, and progress ring using a grid layout, defining margins, rows, columns, alignment, and basic bindings.

Learn to implement a calendar view with code-behind, autosuggest filtering, flyout interactions, and two-way binding to a progress bar in a UWP app.

Explore the scroll viewer in UWP by wiring up grid definitions, adding an image asset, and configuring horizontal and vertical scroll bar visibility to auto.

Explore the canvas layout control and xaml shape controls, learn when absolute positioning is useful, and create lines and simple shapes with properties like stroke, thickness, and round caps.

Place shapes on a canvas with absolute coordinates using canvas.left and canvas.top, draw a triangle with a polyline, and set round stroke joins and caps. Also manage z-index for layering.

Create and reuse XAML styles by defining application resources like brushes, then apply a button style via static resource binding, illustrating the {StaticResource} binding syntax and centralized styling benefits.

Explore XAML scenes by working with XML, XAML themes, and bindings that switch between static resource and theme resource, using system accent color via resource dictionaries and caption textblock styles.

Explore UWP mastery by building a mock coffee shop app in XAML UI, creating four pages (coffee, donut, complete, schedule) with focused layout and styling.

Continue building a mock coffee shop app in UWP by adding donut and coffee buttons with icons, plus schedule and complete actions, in a grid layout with navigation.

Build a UWP donut page with a grid layout, logo, text blocks, and sliders, then navigate to coffee, schedule, and complete pages.

Learn to build the coffee page in XAML by defining shared resources and styles (button, logo, text), applying a brown grid background, and wiring a roast flyout with menu items.

Explore building a coffee page in UWP using XAML flyouts to select roast, sweetener, and cream, wiring event handlers and a display result text block.

Explore scheduling in the UWP with the schedule page layout, grid definitions, styling, date and time pickers, and navigation between donate and schedule pages.

Explore the complete page XAML in UWP by constructing a grid-based ticket display with images, stack panels, and text blocks, and preview Windows 10 layouts.

Learn to build Universal Windows Platform apps using the visual state manager and adaptive triggers to adapt layouts for phone, tablet, and desktop with min widths 0, 600, and 800.

Explore how UWP adaptive triggers use minimum window width to switch visual states and adjust background colors and font sizes across phone, tablet, and desktop.

Explore building UWP layouts that adapt to screen resolution using visual states and adaptive triggers, with Blend and Visual Studio for phone, tablet, and desktop configurations.

Explore adaptive layouts in UWP, handling grid column spans and row positions for wide and narrow states via visual state managers and a 800px threshold.

Explore data binding to connect a data source with UI elements in grid view and list view, using a template to display objects like books with cover images.

Master the UWP gridview data binding by binding the books file to the main page gridview and handling item clicks to display the selected book title and author.

change the grid view to a list view and bind a books list to the list view, enable item clicks, and display the selected book details with a data template.

Learn to use an observable collection for real-time data binding in a GridView, updating a contact list by adding and removing items with avatars.

Bind a private icon list to a combo box using a data template and icon path bindings to images. Display avatars in a grid view backed by an observable collection.

Learn to bind a grid view to a contacts collection using x:bind for avatar, first name, and last name, and update the UI at runtime with an observable collection.

Master the visual state manager with adaptive triggers in a UWP data template by relocating the inline template to a dedicated contact template to resize the avatar on window width.

Create a mock news app in a blank UWP solution, using visual state triggers and adaptive layouts to resize items and fonts as the window changes.

Create a mock news app in UWP by adding news items with categories and images, and wire a data template in MainPage.xaml.cs with xml namespaces and list box interactions.

Demonstrate building a data template for a news item in UWP, binding image, headline, subhead, and dateline to a news item within an observable collection via a news manager.

Create visual state groups for narrow and wide layouts, use adaptive triggers and setters to resize the main panel and adjust headline font, plus toggle auto-suggest box visibility.

Build a complete UWP from scratch by creating a simple sound app with buttons that play sounds, drag and drop, autosuggest search, hamburger navigation, state management, and media elements.

Build a UWP soundboard UI with a hamburger menu, back button, autosuggest box, and split view with media playback, preparing for binding data in the next video.

Create two private variables for sounds and menu items, initialize an observable collection and a menu item list, and bind them to a split view with data templates.

Wire up the media element to play sounds by clicking items, using a base URI for audio files. Implement category filtering with an observable collection and a back button.

Implement autosuggest search filter in a simple sound app by wiring text changed and query submitted events, populating and filtering suggestions with LINQ, and wiring UI to the sound manager.

Fix and enhance the autosuggest search filter with a go-back method to reset application state, then package and deploy a Windows Store app with a signed manifest and visual assets.

Master the end-to-end Windows Store submission process: sign in to dev.windows.com, create and name the app, configure pricing, device compatibility, age ratings, and build the release package in Visual Studio.

Learn to create and package universal Windows apps, sign and upload packages to the Windows Store, run the App Certification Kit, and prepare SEO-ready store metadata.

Build a simple weather app using Windows 10 location services to fetch current conditions from openweathermap.org via JSON, deserialize into C# classes, and display weather with a live tile.

Build a simple weather app by calling the openweathermap proxy with an async http client, deserializing JSON via data contract json serializer, and displaying name, temp, and description.

Develop a simple music match game in UWP that scans your music library metadata, plays a random track, and lets you guess the album by its cover.

learn to build a simple music match game in UWP by selecting random songs without duplicates, extracting metadata, modeling songs, and populating the list from storage.

Set up data binding to a grid view with a data template, binding songs to clickable items and displaying album art to prepare the UI for gameplay.

Create a private property class and an observable song list from the music library. Bind data to the grid view, load songs, and initialize a new game with random picks.

Bind album art and artist text in a vertical stack panel, and animate a countdown progress bar with a storyboard and discrete keyframes in a UWP app.

Implement round tracking and countdown, update a blue progress bar and instruction text, and select unused songs randomly with asynchronous loading for playback.

Create a song grid view item click handler that validates user selection, updates total score, displays correct or incorrect icons, and shows round results via progress and async asset loading.

Implement the round logic for a song-guessing UWP app, displaying correct song details, resetting states for the next round, and ending with game over and play again.

Learn how to reset the game state for a new run and monetize a UWP game by integrating ads and in-app purchases, including the Microsoft Advertising SDK and add mediator.

Learn to create and submit a UWP app, configure app properties, ad mediation, and set up a 728 by 90 banner ad unit for PC and tablet.

Explore implementing in-app purchases in a UWP app using the current app simulator, configuring the Windows Store Proxy XML, ad mediator controls, and license information on page load.

Add storage folders and assets in a UWP app, load a test XML via async file access, manage license data, and control remove ads behavior in the app simulator.

Build a simple content explorer that filters Marvel characters, converts JSON to C# data with a character data wrapper, and implements a marble facade with http client and MD5 hash.

Build a simple Marvel content explorer in a UWP app. Learn to call the Marvel API, deserialize JSON into classes, and implement adaptive layout, data binding, security, and caching.

Serialize the character data wrapper with a data contract json serializer using memory streams and utf-8 encoding, then test an async method triggered by a UI button.

Debug the Marvel API integration by passing the hash, inspect the json message, refactor to return a character data wrapper, and populate an observable collection with thumbnails.

Create an observable collection of Marvel characters and bind it to a master list view, defining a grid and data template to show thumbnails and names.

Display the Marvel API attribution across the app to meet attribution requirements and format thumbnails as ellipses with an image brush in a UWP app.

Display selected character details from the master list, including images, name, and description. Implement grid and click handling to update the detail view and handle errors.

Diagnose and fix a UWP app's bitmap image rendering, ensure visible text with foreground color, and robustly fetch ten Marvel characters using an async loop with try-catch error handling.

Learn how to fetch about ten comics for a character using a tailored API call. Manage Marvel's rate limits, cache data up to 24 hours, and handle 429 errors.

Master Marvel data retrieval in a UWP app by building async API calls to fetch character and comic data, serializing JSON, and refactoring to reuse common logic.

Create an observable collection of comic books, populate Marvel Comics asynchronously, and bind the data to a grid view with a data template in a UWP app.

Build a comic detail view using a grid layout with a large white title, wrapped description, and a large image loaded from a thumbnail uri; enable item click handling.

Learn to build a UWP XAML UI for browsing X-Men comics, troubleshoot slow server responses, load images, and implement a scroll viewer with grid layouts to render characters.

Add a scroll viewer to wrap the app layout, enable a complete scroll experience for the master list and detail grid, and implement item-click cleanup and error handling for descriptions.

Master adaptive layouts in UWP by implementing a Visual State Manager with wide and narrow states triggered at 800 px, adjusting grid rows and columns for responsive design.

Master text wrapping and grid-based layout in a UWP app to render comic detail views, fine-tuning text blocks, margins, and adaptive states for phone, tablet, and desktop.

Demonstrate integrating Cortana by building a voice command dictionary in XML, defining a command set for adding shapes like a rectangle or circle with color options.

Explore integrating Cortana in a UWP app by handling voice command activation, parsing speech results for color, and invoking create rectangle or create circle on the main page.

Learn to create and add shapes in a UWP app using random positioning, fixed size rectangles and circles, and Cortana voice commands to add shapes via a root grid.