Html 5 - What you need to know!

24
WHAT YOU NEED TO KNOW amar nityananda http://blogs.msdn.com/amar @_amarnit

description

A quick walk-through of what HTML5 is and what it's not. Presented at the BDotNet (Bangalore Dot Net) User Group

Transcript of Html 5 - What you need to know!

Page 1: Html 5 - What you need to know!

WHAT YOU

NEED

TO KNOW

amar nityananda http://blogs.msdn.com/amar @_amarnit

Page 2: Html 5 - What you need to know!

me amar nityananda

partner technical consultant

http://blogs.msdn.com/amar

_amarnit

Page 3: Html 5 - What you need to know!

agenda

What is HTML 5?

What it's not.

HTML 5 and Windows 8?

What can we use today?

Managing Client side code with frameworks

Page 4: Html 5 - What you need to know!

the next web?

Page 5: Html 5 - What you need to know!
Page 6: Html 5 - What you need to know!
Page 7: Html 5 - What you need to know!
Page 8: Html 5 - What you need to know!
Page 9: Html 5 - What you need to know!
Page 10: Html 5 - What you need to know!

tools careful how you use them!

Page 11: Html 5 - What you need to know!

what is HTML 5? HTML5 is a markup language for structuring and presenting content for

the World Wide Web

It is the fifth revision of the HTML standard (created in 1990 and

standardized as HTML4 as of 1997) and, is still under development.

Its core aims have been to improve the language with support for the

latest multimedia while keeping it easily readable by humans and

consistently understood by computers and devices

Source: Wikipedia

Page 12: Html 5 - What you need to know!
Page 13: Html 5 - What you need to know!

Most end users don’t care what technology you

use or what new specification is out there.

They care about their content.

They care about getting their work done.

#TrueStory

Page 14: Html 5 - What you need to know!

Evolution of HTML 4 and DOM-2

Redefinition of presentational markup

Formalized APIs

but seriously, what is HTML 5?

HTML 5 = new markup + CSS 3 + JavaScript

Page 15: Html 5 - What you need to know!

goal

Page 16: Html 5 - What you need to know!

open

interoperable

independent

freedom

Page 17: Html 5 - What you need to know!

what it’s not…

Page 18: Html 5 - What you need to know!

if you only have a

hammer in your toolbox,

every problem

looks like a

nail

Page 19: Html 5 - What you need to know!

why cut options ?

Page 20: Html 5 - What you need to know!

graceful

Page 21: Html 5 - What you need to know!

HTML 5 and Windows 8?

The all new super hot Windows 8 style Modern UI that you’ll love

Page 22: Html 5 - What you need to know!

frameworks

jQuery

jQuery UI

modernizr

knockoutJS

Dotless

kendoUI

Page 23: Html 5 - What you need to know!

in a nut-shell…

understand that it’s “working draft”

use the features that’s most widely supported

graceful degradation – don’t alienate users

frameworks are your friends

Page 24: Html 5 - What you need to know!

thank you

amar nityananda http://blogs.msdn.com/amar @_amarnit