WINDOWS 8 APPLICATION DEVELOPMENTPresenter: Csaba Toth

Central California .NET User GroupFresno, CA, 09/13/2012

• C++, Java and C# developer• Microsoft Certified

Professional Enterprise Application Developer

• MCTS: Microsoft SQL Server Developer

• Secretary of the Nashville .NET User Group

• Founder of the Nashville Java User Group

• E-mail: csaba.toth.us@gmail.com

• Twitter: @tocsa2

CSABA TOTH

• Windows 8 Dev Camp materials– Windows 8 RTM– Visual Studio 2012 Express– http://aka.ms/windows8cam

pinabox• Thanks to Jennifer Marsman

and other evangelists, developers and workers at Microsoft

MATERIALS

• Familiarize with my accent • Examine Windows 8

applications and features• Peek into details and

guidelines about specific features

• Implement an application from scratch (but using snippets)

• The sample application: Contoso Cookbook

AGENDA

• Tiles: wide/square, badges• Navigation strategies in

apps• Snapping• Charm bar, Contracts:

Sharing, Searching, Settings , About

• Application bar, commands• Pinning, secondary tiles

EXAMINING

1. Create a Metro style app1. Create the Project2. Familiarize Ourselves with

the Project3. Customize the Start Page4. Customize the Branding

2. Load Recipe Data1. Import Recipe Data2. Load Recipe Data

3. Customize the UI1. Modify the Start Page2. Modify the Group-Detail

Page3. Modify the Item-Detail Page

CODING 1: CREATING A WINDOWS 8 STYLE APP

1. Device Orientation1. Test the Start Page2. Customize the Group-Detail

Page3. Customize the Item-Detail

Page2. Snapping

1. Run Contoso Cookbook in Snapped Mode

2. Modify the Snapped Item-Detail Page

3. Semantic Zoom1. Add a SemanticZoom Control

to the Start Page2. Modify groupedItems.js3. Modify groupedItems.css

CODING 2: OPTIMIZING YOUR VIEWS

1. Add Recipe Sharing1. Invoke the Share Charm2. Implement Recipe

Sharing3. Implement Recipe Image

Sharing2. Add Recipe Search

1. Invoke the Search Charm

2. Add Search Support3. Refine the Search

Results Page4. Add Search Suggestions

CODING 3: SEARCHING AND SHARING

1. Add an Application Bar1. Add an Application Bar

to the Item-Detail Page2. Add Photo Capture

1. Use CameraCaptureUI to Capture Photos

2. Enable Webcam Access3. Add Video Capture

1. Use CameraCaptureUI to Capture Video

CODING 4: APPLICATION BARS AND MEDIA CAPTURE

1. Process Lifetime Management

PART 5

1. Add an About Page1. Add an About Command2. Add an about.html Page

Control2. Add a Preferences Page

1. Add a Preferences Command

2. Add a preferences.html Page Control

3. Make the Preference Sticky

3. Implement the Preference1. Modify default.js

CODING 6: SETTINGS AND PREFERENCES

1. Incorporate Secondary Tiles1. Modify the Application Bar2. Modify default.js3. Pin a Recipe

2. Incorporate Push Notifications1. Modify the Application

Manifest2. Subscribe to Push

Notifications3. Test Push Notifications

3. Incorporate Scheduled Toasts1. Modify the Application Bar2. Enable Toast Notifications3. Make a Toast!

CODING 7: TILES AND NOTIFICATIONS

1. Detect Trial Versions 1. Add

WindowsStoreProxy.xml 2. Modify the About Page

2. Simulate App Purchases 1. Add Purchasing Code to

about.js 2. Purchase the App

3. Simulate Product Purchases 1. Modify the Item-Detail

Page 2. Make a Product

Purchase

CODING 8: TRIALS ANDIN-APP PURCHASES

• Questions?THANK YOU FOR STICKING WITH ME!