First, you will need to follow a lengthy and somewhat boring tutorial, keep in mind that boredom is part of learning. It is hard, historically, to learn during times of panic, battle or in fear of your life, during those times you should be applying what you have learned during the quiet and somewhat boring time.
Ok, here are the tutorials in order that you should walk through, bear in mind that links may break, especially with anything Blend, so if you are unable to reach one of the links, use the title to find the link:
- Video: A deep dive into Expression Blend for designing Metro style apps using HTML
- Make sure to download the video and then increase the playback speed! Saves time, slow it down when you don’t understand something!
- Blend Tutorial Part 2: Create the Project—Memory Game
- Blend Tutorial Part 3: Add a Style Sheet—Memory Game
- Blend Tutorial Part 4: Create a Flexible Layout—Memory Game
- Blend Tutorial Part 5: Align Content to The Grid—Memory Game
- Blend Tutorial Part 6: Style the Game Board—Memory Game
- Blend Tutorial Part 7: Style the Cards—Memory Game
- Blend Tutorial Part 8: Add CSS Transitions—Memory Game
- Blend Tutorial Part 9: Build and Run Your App—Memory Game
Sadly, this app now looks like a metro app, but in reality it isn’t. Not even close. So in reality, your app is not your first Metro app, it is your app that looks like a Metro app. Well written tutorial, everything works, and considering that it took 9 parts, that is remarkable. But you might be asking a few questions:
- How do I add an App Bar?
- How do I make this app responsive to Snap? Fill?
- What about the “Tile”, is it beautiful?
- Do I need a secondary tile?
- What is the Process LifeCycle (does that make sense?) ?
- What if I want to Share something?
- How to I incorporate a Charm?
Not answered, but the underlying mechanics of Blend is covered quite well, but now, just how do you move from here to there, there being creating a beautiful app for sell on the Windows 8 marketplace. Is it worth it to break through the knowledge barrier that seems to be set up? Yes of course it is.
In following Blog posts I will use the Memory App to show you exactly how to implement the App Bar, Respond to snap/fill, Discuss the Title, Process LifeCycle and memory management, etc.