HTML5 Session with BDOTNET (Part I)

clip_image001HTML5_Logo_512

BDOTNET the user group in Bangalore have just started a series of session on HTML5. Last Saturday (1st September 2012) it was kick started with two beginners or Level 100 session by two all time great speakers Amar Nityananda and Lohith G N.

 

Windows to Go by Vinod

As the first 5 minutes are dedicated to “Quick Learning Session”, Vinod kumar From Microsoft  took us through the “Windows to go”. Windows To Go is an enterprise feature of Windows® 8 that enables the creation of a Windows To Go workspace that can be booted from a USB-connected external drive on PCs that meet the Windows 7 or Windows 8 certification requirements, regardless of the operating system running on the PC.

 

HTML5 – What you need to know by amar

 

Amar Nityananda started with answering couple of questions to set the platform for HTML5.

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

 

HTML 5 = new markup + CSS 3 + JavaScript

 

clip_image002

HTML 5 and Windows 8?

clip_image003

 

Thumb rules

clip_image004understand that it’s “working draft”

clip_image004use the features that’s most widely supported

clip_image004graceful degradation – don’t alienate users

 

Frameworks Available

jQuery clip_image004jQuery UI clip_image004[1]modernizrclip_image004[2]knockoutJSclip_image004[3]Dotlessclip_image004[4]kendoUI

 

Some websites which were built in HTML5 for example “The Story of Less and Russ”

 

"HTML5” – More than just HTML5 by Lohith Goudagere Nagaraj

 

The web standard authority WHATWG says “ HTML is the new HTML5

Map of HTML5

clip_image005

Specification lifecycle

imageimageimageimageimage

 

Specification W3c

http://dev.w3.org/html5/html-author/

image

New elements in HTML5

Doctype

The DOCTYPE or the DTD is much easier now its only

<!DOCTYPE html>

Now you don’t need a third party plugins for MULTIMEDIA

video

<video id="myVideo" controls>
<source src="videos/video.mp4" type="video/mp4"/>
<!–- insert sorry message here or fall back to SL/Flash -->

</video> 

Audio

<audio src="audio.mp3" id="audioTag" autoplay controls>
<!-- Only shown when browser doesn’t support audio -->
<!-- You could embed Flash or Silverlight audio here --> 
</audio> 

 

SVG

Its just XML so it can be Scriptable, extensible, easily editable. An example of SVG http://slides.html5rocks.com/#svg-example-slide

Canvas

Using Javascript this is an easiest way to draw graphics. Most of the browsers are capbale of the 2D capabilities of the canvas.

example: http://www.williammalone.com/articles/html5-canvas-example/

GeoLocations

Check this how easily you can find the location http://html5demos.com/geo

CSS3

The best thing I like about the new CSS3 is the rounded border Smile. The other cool features are CSS3 colours, Shadows, Backgrounds, media queries , selectors etc.

Borders
div.top { 
border-radius: 152px 304px 228px 152px; 
border-style: double; 
border-width: 42px; 
padding: 12px; 
} 

 

WOFF Fonts and Font Face

Web Open Font Format allows you to package and deliver fonts as needed for more info http://www.w3.org/TR/WOFF/

 

Prize for Blogging about DEVCON2012 by BDOTNET

I got a INTEL EXO PC from INTEL as my blog was selected for the competition for blogging about DEVCON2012 organised by BDOTNET. I got the prize from Jadeja Dushyantsinh  (Software Business Manager at Intel Corporation) and Vinod Kumar M (MTC – Technology Architect at Microsoft). Many thanks to INTEL, BDOTNET and Microsoft for organising and encouraging us to explore these areas of life. I must be thankful to Pinal Dave, Vic Parmar, Lohith Goudagere Nagaraj , Sudeepta Ganguly, Kamlesh Rao, Sandip Pani and Praveen Prajapati the members to make the BDOTNET forum platform friendly.

   

intelbdotnetIMG_1724IMG_1722IMG_1723

 

For some further links of HTML5 check this link http://manasdash.wordpress.com/2012/08/25/html5-where-to-start/

uwww.beautyoftheweb.in

uwww.ietestdrive.com

www.html5labs.com

uwww.w3c.org

 

Lets meet in the next part of the series on Saturday 8th of September 2012. Book your tickets https://www.facebook.com/events/349210711833078/

2 thoughts on “HTML5 Session with BDOTNET (Part I)

  1. Nice work !!! End to end coverage Manas. Must read blog for everyone who are interested to learn HTML 5.

    Those who attended the 1st session for them this post is helpful to refresh them self and those who couldn’t make it for the first session and willing to attending the coming event for them your post is good place to start with.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s