Html 5 Websites with Visual Studio 2010
Upcoming SlideShare
Loading in...5
×
 

Html 5 Websites with Visual Studio 2010

on

  • 5,559 views

 

Statistics

Views

Total Views
5,559
Views on SlideShare
5,559
Embed Views
0

Actions

Likes
0
Downloads
51
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • End to end.. Using vs2010, how to deploy the app, publishing out to the wildVery exciting release… the work we have done here addresses the real things that customers have been asking us
  • - E-2-E scenarios with Visual Studio 2010Simplified config and new proj. templates- Cleaner = better SEOSimple support for URL routing- Generate (standards) HTML and use CSSControl markup, styles, routing & page size- Dynamic data & support for existing appsChartsRuntime extensibility
  • - E-2-E scenarios with Visual Studio 2010Simplified config and new proj. templates- Cleaner = better SEOSimple support for URL routing- Generate (standards) HTML and use CSSControl markup, styles, routing & page size- Dynamic data & support for existing appsChartsRuntime extensibility
  • Many different browsers The list of browsers keeps growingCurrently we have IE, Firefox, Chrome, Safari, Opera…And a number of others if you really want to be thoroughMany different versionsFor each of these browsers we also have to deal with multiple versions in the wildNew versionsOn top of it all, new versions of each browser keep rolling inIn the last year alone every major browser has released a new versionAnd how do you make your site work in a browser that doesn’t even exist yet?
  • Version DetectionEven if multiple branches exist in your code, you are effectively writing two pages in oneYour page can only pivot to one of two (or three, etc.) configurations that coincide specifically with a particular browser versionFeature DetectionSince each feature detect is targeted, your code can adapt to a broader array of configurationsEach switch can be triggered independently of the others
  • But it's in the scenarios where browser detection doesn't work that feature detection is more interestingWhen we're dealing with features that aren't interoperable,And consequently with browser configurations that aren't stableBrowser detection can't deal with these "hybrid" configurations, But feature detection switches only the code paths that are necessaryTo end up with code that still works
  • - E-2-E scenarios with Visual Studio 2010Simplified config and new proj. templates- Cleaner = better SEOSimple support for URL routing- Generate (standards) HTML and use CSSControl markup, styles, routing & page size- Dynamic data & support for existing appsChartsRuntime extensibility

Html 5 Websites with Visual Studio 2010 Html 5 Websites with Visual Studio 2010 Presentation Transcript

  • Building HTML5 Websites using Visual Studio 2010
    Harish Ranganathan
    Senior Evangelist
    Microsoft Corporation
  • Introducing the world’s fastest web developer
  • Can you beat me?
    PAGE 4
  • Agenda
    Quick look into the world of HTML5
    HTML5 with Visual Studio 2010 SP1
    Building a site with HTML5 features
    Expression Web 4 - HTML5 Support
    Discussion
  • What is “HTML5”?A map of HTML5
  • What is “HTML5”?And where are we?
    First Public Working Draft
    Working Draft
    Last Call
    Candidate Recommendation
    Recommendation
  • HTML5 Today
    Some of the standards in “recommendation”
    Lots of promising features
    Need to be selective in implementing
    Definitely opens up possibilities
  • HTML5 in action
    demo
  • HTML5 in Visual Studio 2010
    Today, developers can build HTML5 sites
    Enhanced with VS 2010 SP1
    Intellisense for common HTML5 tags
    More work in progress….
  • HTML5 in Visual Studio
    demo
  • Rich GraphicsVideo, Canvas, and SVG
    Audio & Video
    Canvas
    SVG 1.1
    Basic shapes
    Paths
    Text
    Transforms
    Painting
    Filling, Color
    Scripting
    Styling
    Gradients
    Patterns
    PAGE 12
  • Rich Media
    demo
  • W3C HTML5
    <!DOCTYPE html>
    Markup Elements
    <header>, <hgroup>, <nav>, <aside>, <footer>
    <article>, <section>
    <figure>, <figcaption>
    PAGE 14
  • Site Layout
    demo
  • Why Use Feature Detection
    PAGE 16
  • Browser Detection
    Feature Detection
    Feature Detection vs. Browser Detection
    Detection Point
    Alternate Code
    PAGE 17
  • Browser Detection
    Feature Detection
    Feature Detection vs. Browser Detection
    Detection Point
    Alternate Code
    PAGE 18
  • Feature Detection
    demo
  • Expression Web 4 SP1
    Great support for HTML5
    Inellisense for evolving CSS3 (border-radius)
    Enhanced snapshot and Super Preview
    Ability to view pages which require login
  • Expression Web 4
    demo
  • Summary
    HTML5 is exciting though in early stages
    Nothing stops developers from using it today in VS2010
    Expression Web 4 SP1 supports HTML5
    If using Visual Studio 2008, download HTML5 extension from gallery
    And, there’s lots more, also not covered here.
  • Resources
    http://geekswithblogs.net/ranganh
    Twitter: @ranganh
  • Announcement
    Please fill out the feedback form
  • Resources
    Software Application Developers
    http://msdn.microsoft.com/
    Infrastructure Professionals
    http://technet.microsoft.com/
    technetindia
    msdnindia
    @technetindia
    @msdnindia
  • © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
    The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.