by J. Michael Palermo IV
With Windows 8.1, consumers will enjoy a richer, more interactive experience. Correspondingly, the APIs have been updated, providing developers either new or easier ways of doing things. A listing of the API deltas can be found at the Windows Dev Center for Windows Store apps. Our focus right now is not to do a tedious overview of everything new. Rather, we will look at what you need to do to get ramped up with some highlighted features as quick as possible.
To get started, you will need to install Windows 8.1 (preview is available for download) and Visual Studio 2013 (preview is available for download). You should also highly consider registering at the App Builder site for relevant resources.
Visual Studio 2013 Updates
Creating a new project with Visual Studio 2013 is much like it was with Visual Studio 2012. Consider the following screen capture of the “New Project” dialogue box:
First point of interest is a new template type named “Hub App” which allows for a hierarchical system of navigation. The template uses a new Hub control, and you can learn more about it if you download the Hub control sample. Regardless of which template type used though, let’s examine some core changes.
The source page of HTML files now target Windows 8.1, as indicated by the references to WinJS 2.0 as seen here:
<!-- WinJS references --> <link href="//Microsoft.WinJS.2.0.Preview/css/ui-light.css"
rel="stylesheet" /> <script src="//Microsoft.WinJS.2.0.Preview/js/base.js"></script> <script src="//Microsoft.WinJS.2.0.Preview/js/ui.js"></script>
You will also see this visually in the solution explorer view. When expanded, it is easy to see the resources being requested as seen here:
Note that when you open a project created for Windows 8, Visual Studio 2013 will prompt you to determine if the project should now target Windows 8.1
The editor will also highlight identifiers when selected. For example, if a variable is declared with the name isAwesome, notice how the editor will highlight where else it is used:
One more quick change to be aware of is found in the package.appxmanifest file. When opening in Visual Studio 2013, you will find the Application UI tab where you can configure the images used for your apps tiles. However, notice the new options as seen here:
These new options introduce both a larger and smaller tile. You should support these new tile sizes so that users of Windows 8.1 can easily organize their Start screen. The example below shows the 70×70 in upper left, 150×150 in upper middle, 310×150 in the lower left, and the 310×310 on the right:
So much could be next. To some degree that will depend on the type of app you are developing. The information covered so far is to enable a quick start to the development process. By setting up the required environment and understanding a few of the changes in Visual Studio 2013, you can start coding as usual. Look for deeper looks at specific features in the near future!
Reprinted with permission.