2. CSABA TOTH • 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
3. MATERIALS • Windows 8 Dev Camp materials
– Windows 8 RTM
– Visual Studio 2012 Express
– http://aka.ms/windows8campinabox
• Thanks to Jennifer Marsman and other
evangelists, developers and workers at
Microsoft
4. AGENDA • 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
5. EXAMINING • Tiles: wide/square, badges
• Navigation strategies in apps
• Snapping
• Charm bar, Contracts: Sharing,
Searching, Settings , About
• Application bar, commands
• Pinning, secondary tiles
6. CODING 1: 1. Create a Metro style app
CREATING A 1. Create the Project
WINDOWS 8 2. Familiarize Ourselves with the
STYLE APP Project
3. Customize the Start Page
4. Customize the Branding
2. Load Recipe Data
1. Import Recipe Data
2. Load Recipe Data
3. Customize the UI
1. Modify the Start Page
2. Modify the Group-Detail Page
3. Modify the Item-Detail Page
7. CODING 2: 1. Device Orientation
OPTIMIZING 1. Test the Start Page
YOUR VIEWS 2. Customize the Group-Detail Page
3. Customize the Item-Detail Page
2. Snapping
1. Run Contoso Cookbook in
Snapped Mode
2. Modify the Snapped Item-Detail
Page
3. Semantic Zoom
1. Add a SemanticZoom Control to
the Start Page
2. Modify groupedItems.js
3. Modify groupedItems.css
8. CODING 3: 1. Add Recipe Sharing
SEARCHING 1. Invoke the Share Charm
AND SHARING 2. Implement Recipe Sharing
3. Implement Recipe Image
Sharing
2. Add Recipe Search
1. Invoke the Search Charm
2. Add Search Support
3. Refine the Search Results Page
4. Add Search Suggestions
9. CODING 4: 1. Add an Application Bar
APPLICATION 1. Add an Application Bar to the
BARS AND Item-Detail Page
MEDIA 2. Add Photo Capture
CAPTURE
1. Use CameraCaptureUI to
Capture Photos
2. Enable Webcam Access
3. Add Video Capture
1. Use CameraCaptureUI to
Capture Video
11. CODING 6: 1. Add an About Page
SETTINGS 1. Add an About Command
AND 2. Add an about.html Page Control
PREFERENCES
2. Add a Preferences Page
1. Add a Preferences Command
2. Add a preferences.html Page
Control
3. Make the Preference Sticky
3. Implement the Preference
1. Modify default.js
12. CODING 7: 1. Incorporate Secondary Tiles
TILES AND 1. Modify the Application Bar
NOTIFICATIONS 2. Modify default.js
3. Pin a Recipe
2. Incorporate Push Notifications
1. Modify the Application Manifest
2. Subscribe to Push Notifications
3. Test Push Notifications
3. Incorporate Scheduled Toasts
1. Modify the Application Bar
2. Enable Toast Notifications
3. Make a Toast!
13. CODING 8: 1. Detect Trial Versions
TRIALS AND 1. Add WindowsStoreProxy.xml
IN-APP 2. Modify the About Page
PURCHASES
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