Цель курса:
This three hour Hands On Lab (HOL), will introduce developers to the tools and techniques for creating Window 8 (Metro) applications using JavaScript with HTML5 and CSS3. It will outline The Windows 8 platform, Metro-Style guidelines, Windows 8 contracts, tiles and notifications, and the Windows store.
NOTE: This lab is based on the Windows 8 Consumer Preview release of Windows 8 and Consumer Preview release of Visual Studio. The subsequent releases of Microsoft products could include updates that are not represented in this training product.
После окончания курса Вы будете уметь:
After completing this Hands On Lab, students will be able to:
- Use the Windows 8 Start screen
- Run apps using tiles
- Use the Charms bar
- Examine Metro style apps and their design
- Create a Grid Application
- Create a Split Application
- Explore how the WinJS Library is used
- Explore how Search Contract is integrated
- Explore how Share Contract is integrated
- Explore how Settings Contract is integrated
- Explore how Live Tiles are used in a Metro style app
- Explore how Toast Notifications are used in a Metro style app
- Explore the Microsoft Store
- Create a trial version to a Metro style app
NOTE: The Hands-on Lab exercises guide you through few sample apps in Windows 8 SDK. You will review some of the sample code and see how a particular feature has been implemented. This allows you to focus on areas that you are most interested in for your application and customize accordingly. Work with your instructor on what is important to you. To use your time wisely and learn further, you can use other functioning apps available in the SDK.
Предварительная подготовка:
Before attending this Hands On Lab, students must have:
- Modern graphical interfaces knowledge
- Object Oriented Programming knowledge
- Simple data access (CRUD) knowledge
· General understanding of the Visual Studio IDE
Hands-On Lab OutlineExercise 1: Introduction to Windows 8 Platform
In this lab you will explore the various Windows 8 features and see how to work with them.
Lab : Introduction to Windows 8 Platform
- Using the Start screen
- Running apps using tiles
- Using the Charms bar
After completing this module, students will be able to:
- Use the Windows 8 Start screen
- Run apps using tiles
- Use the Charms bar
Exercise 2: Working with Metro-Style GuidelinesWindows 8 marks the next step in the evolution of the Metro design style. Through the bold use of color, typography, and motion, Metro design style brings a fresh new approach to the user experience. In this lab you will explore the Metro-Style guidelines and learn to apply them to apps.Lab : Working with Metro-Style Guidelines
- Exploring Metro style apps
After completing this module, students will be able to:
- Examine Metro style apps and their design
Exercise 3: Implementing Metro Style Apps with HTML5/JavaScriptIn this lab you will learn how to create Metro Style Apps using HTML5, and Javascript. You will learn how to create a grid application and how to use the WinJS libraryLab : Implementing Metro Style Apps with HTML5/JavaScript
- Creating a Grid Application
- Creating a Split Application
- Using the WinJS Library
After completing this module, students will be able to:
- Create a Grid Application
- Create a Split Application
- Use the WinJS Library
Exercise 4: Integrating with Windows 8 experiencesContracts are agreements between Windows and your Metro style app that allow you to integrate Windows 8 features into your app. For example, Windows 8 lets users share content from one application to another by using the Share contract. In this lab, you'll explore how the built-in contracts such as Search, Share, Settings are integrated.Lab : Integrating with Windows 8 experiences
- Integrating Search Contract
- Integrating Share Contract
- Integrating Settings Contract
After completing this module, students will be able to:
- Explain how to Integrate Search Contract
- Describe how to Integrate Share Contract
- Describe how to Integrate Settings Contract
Exercise 5: Implementing Tiles and NotificationsTiles draw users back into your app by awakening your tile on the Start screen. Notifications delivered through the Windows Push Notification Service draw your users back into your app even when it's not running. In this lab you will explore how Tiles and Notifications that let users personalize their Start screen are implemented.Lab : Implementing Tiles and Notifications
- Using Live Tiles in a Metro style app
- Using Toast Notifications in a Metro style app
After completing this module, students will be able to:
- Explain how Live Tiles are used in a Metro style app
- Describe how Toast Notifications are used in a Metro style app
Exercise 6: Deploying to the Windows StoreIn this lab, you will explore the Microsoft Store, and work on creating a trial version of a Metro Style App.Lab : Deploying to the Windows Store
- Exploring the Microsoft Store
- Creating a trial version of a Metro style app
After completing this module, students will be able to:
- Explore the Microsoft Store
· Create a trial version of a Metro style app