Developing HTML5 Apps with Visual Studio 2012

Visual Studio has always been a tool for developing Microsoft applications, as long as Microsoft-related applications such as Windows programs, WPF,ASP.NET,WINRT Surface,windowsphone and other Microsoft-owned applications can use visual Studio to develop. If you are already accustomed to Visual Studio's UI and operations, do you sometimes want to use Visual Studio like Dreamweaver to develop HTML5 applications that are purely browser-only? Back-end you can use ASP. or non-Microsoft technologies such as Ruby on Rails or PHP, but the HTML5 development of the front-end browser can be developed entirely using Visual Studio, if you are accustomed to Visual Studio, Then development efficiency should be higher than with Dreamweaver.

HTML5, how's the development going now?

HTML5, how's the development going now? It seems that everyone is talking about HTML5,HTML5, is its technology ripe? Look at the hype Cycle of HTML5:

According to Gartner.com's latest prediction: http://www.gartner.com/newsroom/id/2124315 HTML5 has entered the peak of the inflated expectations period, And will reach the peak in the next 5 to 10, will be popularized and widely used. But readwrite.com http://readwrite.com/2012/08/21/html5-ready-for-prime-time-dont-believe-the-hype-cycle#awesm=~ O9AJLLEAERFB2K said HTML5 applications will be popular in a few months, it seems that Html5 soon become the necessary technology.

Using Visual Studio's HTML5 template, it is very convenient to create a Html5 Website, just a few simple points, a Html5 Website is built.

Search for the keyword HTML5 under new project in Visual Studio 2012:

will appear: Html5client and HTML5 MVC4 Razor Responsive Web template two engineering templates. These two engineering templates are great and can help you quickly generate HTML5 Website.

Html5client Engineering Template

After the Html5client project is created, you can see that the project is not referenced. NET DLLs, only the necessary pages, JavaScript, and pictures are the things that front-end browsers need:

Scripts contains a number of common libraries, such as jquery, Bootstrap, Knockout, Modernizr, ... Similar to bootstrap, several pages of the sample also list the commonly used page elements:

On the basis of this project, you can start cutting and start your own Html5client project.

HTML5 MVC4 Razor Responsive Web Template

HTML5 MVC4 Razor Responsive Web Template project template is different from the html5client template, this template has been added. Net Back-End sample code, you can quickly set up an ASP. MVC4 website, in fact, this template is in the original MVC4 Razor engineering template based on the Html5 of the response to the design.

This template has a built-in jquery Mobile library, while designing the phone's view and Tablet view for the page.

When developing HTML5 website, using these two engineering templates from visual Studio to build a project to start development work, it should save you some time and increase your efficiency.