Shifting From Silverlight to HTML 5

1 of 12

Shifting From Silverlight to HTML 5

When you create a new application, you can choose between the Silverlight-based applications or HTML5 applications. In either case, you can use either C# or Visual Basic.

2 of 12

Connecting to Databases

Once your application starts, you can either connect to an existing database or design your own database. Here we're building a client invoice table for a freelance author application.

3 of 12

Creating Joins With Foreign Keys

Joins with foreign keys are easy to accomplish simply by linking two tables together. You do not manually provide a foreign key; the connection is made automatically for you.

4 of 12

Solution Explorer as a Visual Studio Look and Feel

After you create your data, you can add screens to your project by right-clicking on the Solution Explorer. Note that the Solution Explorer is very similar to what you find in Visual Studio.

5 of 12

Adding Components to a New Screen

Once you create the screen, you get a tree diagram of the screen's components, from which you can make adjustments to the screen and add navigation.

6 of 12

Using the OData Protocol to Connect to Databases

Instead of creating your tables from scratch, you can attach to an existing database. One such option allows you to use Microsoft's OData protocol.

7 of 12

Creating Functional Buttons

You can add new buttons to your screens and have the buttons automatically trigger certain tasks. Here we're creating a button that saves the user data added in the screen.

8 of 12

Creating Forms Is Easy

Forms can easily be created, allowing different types of controls to appear. Here's the form running in the browser. Notice especially the date fields.

9 of 12

Working With Foreign Keys

Foreign keys in the forms appear as pop-ups listing the data from the foreign table. Here the table displays only one item, eWEEK, but you can easily have more items.

10 of 12

Write Server-Side or Client-Side Code

You can write server-side code in C# or, as shown here, client-side code in JavaScript.

11 of 12

Displaying Netflix With a Windows 8 Look

Attaching to a public OData source, such as Netflix, you can display the data with a Windows 8 look. Here we're listing the Genres available.

12 of 12

Showing Netflix Data in a List Display

Here, we're showing the same Netflix data but with a list appearance. This only required a quick change in the configuration.

Top White Papers and Webcasts