Duration: 3 Days
Through hands-on labs, you will learn the key elements of Metro style application design, development, and deployment. You will cover the Windows 8 user environment, Visual Studio development environment, basic Metro style application development processes, and some advanced integration topics.
You will learn about the new application programming interfaces (APIs), the interface requirements, and the new integration and deployment options for Metro style applications. You will focus on JavaScript and HTML 5.
What You Will Learn
- Windows 8 user interface (UI)
- Visual Studio 2012 integrated development
environment
- Metro style application principles
- JavaScript development for
Metro style applications
- HTML 5 and CSS for Metro style applications
- Metro
style navigation
- Asynchronous programming
- Sharing information between
applications
- Metro style application deployment
Audience
- Experienced .Net
application developers interested in developing Windows 8 Metro style
applications
- Experienced
Web developers interested in developing Windows 8 Metro style applications
- Intermediate and novice developers interested in learning about the basic
concepts of Metro style application development
Prerequistes
- Two or more years experience developing .Net applications (WinForm, XAML,
ASP.Net, etc.)
- Two or more
years experience with JavaScript application development in the Visual Studio
environment
Course Outline
1. Windows 8 Eco-System
- Windows 8 Editions
- Windows 8 Development Opportunities
- What is WinRT?
- Windows 8 Interface
- Application Development
2. Visual Studio 11
- Visual Studio Editions
- Visual Studio Capabilities
- Languages
- Templates
- Visual Studio 2012 Tools
3. Metro Style
Applications
- Metro Application Core Elements
- Chrome-Less Development
- Document Centered Content
- Simple Metro Application
- Form Factors
- Visual
Design
- Tools for Building Metro Applications
- Creating a Metro Style
Application
4. Building the User Interface (UI)
- Story Boarding
- Choosing a Project Template
- Creating Forms and Flow
- Building the Application Flow
- Add Visual Elements to Forms
- Metro
Application Visual Elements
- Metro Application Navigation Techniques
- Building Applications
5. HTML 5 Primer
- Why
HTML 5?
- HTML 5 Elements
- HTML 5 and Metro
- CSS 3.0
6.
JavaScript Primer
- JavaScript Code Structure
- Comparing JavaScript to .Net
Languages
- Classes
- Functions and Variables
- Control of Flow
- Branching
- Looping
- JavaScript and Windows 8
- WinRT API
- Comparing WinJS to Other
Libraries
- Asynchronous Programming
7.
Writing Windows 8 Code
- Asynchronous Application Model
- Event Model
- Document Object Model API
- WinJS
8.
Advanced Interface Topics
- Animation
- Settings
- Multi-Touch API
9.
Interacting with Windows 8
- File Storage
- Peripherals
- Geo-Coding API
10. Adding Business Layer Code to an Application
- Object Orienting
Techniques in Windows 8 Development
- Application Design Patterns
- Application Architecture
- Cloud-Based Applications
11.
Application Elements
- Application Bar
- Charms
- Search
- Settings
- Tiles
- Live Tiles
- Toasts
12. Sharing Information
- Contracts
- Common Information Sharing
- Saving State
13. Application Life
Cycle
- Application Patterns
- Deployment Options
- Windows 8 App Store
Course Labs
Lab 1: Windows 8
- Log On
- Use a Windows Live Account
- Use a
Metro Application
Lab 2: Visual Studio 11
- Create an Application
- Configure the Visual Studio Environment
- Visual Studio Tools
Lab 3A:
Explore Metro Style Applications
- Using a Metro style application
- Using
MSDN sample applications
Lab 3B: Create a Metro Style Application
- Create a C# Metro Style Application
- Create a JavaScript Metro Style
Application
- Using Design Tools
Lab 4: Build the Lab Application
- Create the Application
- Design the Visual Interface
- Implement Application
Flow
- Test the Application
Lab 5: HTML 5 and CSS
- Build an HTML 5
Page
- Implement CSS 3.0 Styles
- Explore Metro Style Extensions to HTML 5 and
CSS 3.0
Lab 6: JavaScript basics
- Add a JavaScript File
- Create a
Class
- Create an Object
- Scope and Anonymous Function
- Explore the Windows
8 JavaScript API
Lab 7: Writing Asynchronous Code
- Event Handlers
- Background Processes
- Animations
Lab 8: Building for the User
- Animate the Interface
- Add Settings Screens
- Add Multi-Touch Capabilities
Lab 9: Integrate with Windows 8
- Manage Files
- Geo-Location
Lab
10: Integrate with Service Applications
- Consume a Simple Service Application
Lab 11: Application Elements
- Application Bar
- Search
- Settings
- Live Tiles
Lab 12: Sharing Information
- Consume Information from your
Calendar
- Provide Information to Other Applications
- Saving State
Lab 13: Deploying Applications
- Prepare an Application for the Application
Store
- Manage Deployed Metro Style Applications
