HTML5 : Where to start

HTML5_Badge_512

HYPER TEXT is a known term amongst the Internet User Community. Every single time they visit a website, the most common thing they do is click a link that is a hyper text. The best thing is it is hyper because it can take you from “Anywhere to Anywhere”.

The most commonly studied language by all, the most widely used language among web developers and is the publishing language of the World Wide Web. Who ever had attended a computer class and knows a little about web are very much familiar to the term HTML. So its not a rocket science as its easy to write also doesn’t need a great tool, a Notepad is enough. World Wide Consortium(W3C) is the organisation which provides the specifications on HTML.

The first version of HTML was described in late 1991. The current W3C Recommendation for HTML is HTML 4.01, published in December 1999. World Wide Web Consortium & WHATWG  started working on the HTML5 in 2007 and they published a working draft in 2008, since then this version is under development tag. Instead of me telling you the complete storey , better visit this site and take journey to the history of HTML5.

To the consumer, this means an easy life with finding, viewing and downloading stuffs such as videos. Searching locally will become more reliable as HTML5’s geolocation feature becomes the standard.

Tags, Element and attributes  are knows as the Markup in HTML

<element attribute=value>content></element>

Some of the new stuffs in HTML5 elements are

  • New API
    • 2D using Canvas
    • Media support (Audio, Video)
    • Offline storage
    • Drag N Drop
  • Enhanced Mark-up elements
  • Geolocation
  • Web Storage
  • Error Handling (If you do not support just ignore)
  • Auto Focus
  • Input Types Enhancement
  • Multiple File Upload
  • Offline Application Caching
  • Now you can use the power of HTML5 with CSS3 and JQUERY to write mobile apps also with a few changes that will work in web browsers.

The main intention of writing this article is to let you know about the various learning materials available on the web to know more detail on HTML5.

 

A best graphic way of representing the history of html5 is here http://mashable.com/2012/07/17/history-html5/

Video Tutorials

http://thenewboston.org/list.php?cat=43

http://www.youtube.com/watch?v=mzPxo7Y6JyA

http://blogs.msdn.com/b/dorischen/archive/2012/01/31/html5-webcamp-training-video-available.aspx

http://pluralsight.com/training

Tutorials

http://www.1stwebdesigner.com/tutorials/30-html5-tutorials/

http://www.html-5-tutorial.com/

http://www.cartoonsmart.com/html5_basics_tutorial_videos.php5

http://www.w3schools.com/html5/default.asp

Web Standard (From The Creator)

http://www.w3.org/2011/02/htmlwg-pr.htmlhttp://www.whatwg.org/

http://www.w3.org/TR/html5-diff/

http://www.whatwg.org/specs/web-apps/current-work/multipage//

http://html5.org/

http://www.w3.org/html/logo/#swag

http://www.w3.org/community/webed/wiki/HTML/Elements

http://www.w3.org/community/webed/wiki/HTML/Training

Blogs

http://www.html5blog.org/http://html5center.sourceforge.net/blog/

http://gamasutra.com/blogs/AustinHallock/20120715/174150/Why_HTML5_will_succeed_for_gaming.php

http://www.zeewe.com/blog/

Free Template

http://www.1stwebdesigner.com/css/fresh-free-html5-and-css3-templates/

http://www.smashingapps.com/2012/01/23/50-beautiful-free-html5-and-css3-templates.html

http://www.noupe.com/design/40-beautiful-free-html5-css3-templates.html

http://speckyboy.com/2011/09/25/15-free-html5-and-css-templates/

Mobile Development

http://www.html5rocks.com/en/mobile

http://mobile.dzone.com/news/html5-mobile-web-development

Interview Questions on HTML5

This is a cool collection for the beginner by Shiv Prasad  Koirala

http://www.codeproject.com/Articles/702051/40-important-HTML-5-Interview-questions-with-answe

Websites that uses HTML5

http://evolutionofweb.appspot.com/?hl=en-gb

http://madhuridixit-nene.com/

http://www.ebizmba.com/articles/best-html5-websites

http://html5websites.net/

http://www.windowsazure.com/en-us/

http://101besthtml5sites.com/

http://www.apple.com/html5/

Test your browser for HTML5 compatibility

http://html5test.com/

Links you must visit and experience HTML5

http://blogs.msdn.com/b/cdnwebdevs/archive/2012/03/19/top-10-resources-for-html5-developers.aspx

http://www.slideshare.net/cheilmann/html5-and-the-future-of-the-web-dr-seuss-style

http://validator.nu/

http://blog.whatwg.org/

http://www.w3.org/community/webed/wiki/HTML

http://www.html5labs.com/

http://www.brucelawson.co.uk/2011/html5-gurus-on-twitter/

http://line25.com/articles/handy-tutorials-tools-for-embedding-html5-video

http://www.noupe.com/design/html5-tutorials.html

so get ready and write

<element attribute=value>content></element>

Till next time “Keep Smiling”

My Favorite Quote

Be helpful.

When you see a person without a smile ,Give him yours.

                                                                                                                                                                                                                   ~zig zigler

 

Keep Smiling

Clicked By : Lohith

A smile cost less than electricity but gives more light

DEVCON-2012 by BDOTNET (4th August 2012)

                   Its a privilege and am honoured being a member of the BDOTNET group. We meet every fortnight and discuss about latest technology, meet the technology expert, learn from the sessions by speakers & best part is the networking with great and innovative minds while sharing information. The interest for community attracts many folks to forum like BDOTNET. The funda is simple  “Lets grow together” Smile.

After a couple of regular UG MEET this year we got this opportunity to experience a technology extravaganza DEVCON-2012. I attended the #devcon12 this Saturday at Microsoft Building, Bangalore. Some of the tips , tricks and learning I was interested to share goes like this.

Let me clarify few things…If you have missed devcon12, may be you have  missed

 

some funny moments with technology, some great learning,  some goodies, some books , you missed the opportunity to meet speakers , great products demo, technology enthusiast and above all some great authors.

bdotnet5162834458_18a2f69045Intel_LogoPluralsight_colortelerik

After the keynote by Ranjan Bhattacharjee (Group Manager, India Global Technical Support Centre, Microsoft) the great technology events begins with lots of enthusiasm and passion. I remember Ranjan saying “With a little tweak you can take this technology to any device and keep working on your skill be it C# or it is HTML5, you can still develop great product with Windows 8”. He deliver a nice and a quick intro on windows 8 and welcome everybody to the devco2012.

Fortunately/unfortunately I attended some great sessions and missed some very great toSad smile.

 

ASP.NET MVC4 + Web API by Chaitra Nagaraj

Just before the session Chaitra asked me “How many??” , I told her “Housefull Smile” and it was a housefull session. The love for web brings everyone to session like ASP.NET MVC .

You can create new APIs using this new ASP.NET Web API framework. She displayed some really cool demo and put emphasis on how to cover a larger audience starting from web to mobile devices by designing HTTP services using ASP.NET Web API.

You can install the mvc4 RC from  http://www.asp.net/mvc/mvc4 and start learning it from http://www.asp.net/web-api . If you need some documents on the same visit http://go.microsoft.com/fwlink/?LinkID=243043. Just for HTML5 lovers check what you can do with MVC using the html5 & JQUERY datepicker

Query composition, Code-based configuration, Content negotiation and so many other cool features are there in the ASP.NET web API. Chaitra has promised she will be coming back with some other cool demos in future UG Meet.

 

Building Applications for Intel Ultrabook Platform and Windows* 8 by Rajagopal A

Rajagopal is a Intel Ultrabook Technology Champion and travel more than 80KM everyday to build his passion and provide a shape to it. He demonstrated the new UltraBook the slimmest ever model I have ever seen. After the first view itself I was “Inspired by Intel”.

Once you have this Ultrabook in your hand “Suddenly everything else seems old-fashioned”

Its true when Intel says “Intel® Rapid Start Technology returns your Ultrabook to full operational power within seconds, so you can jump right back into everything you were doing.”

He displayed the beauty of ultabook with Windows 8 and gave some tips and tricks to develop the touch based , gesture based, sensor based and others on the Windows 8 platform with APIs from Microsoft. The best thing is he promised a half day meeting if we can come up with some apps for ULTRABOOK and need some help/suggestion on the same.

 

Ignite the Leader within you by Vinod Kumar

Vinod ~ “Let me ask you couple of questions”

What is leadership to you?

Are leaders born or made?

These are very common questions , but if you can answer these in uncommon way you get it.

When you watch movies like LAAGAN , whether it really motivates you or just for the sake of entertainment you loved it. You may recall  the scene where Amir Khan convinced the management (sarpanch) and the team players to include “Kachra (was treated as untouchable)” in the cricket team telling “The team is efficient but the best part is what we don’t have or what we are missing will be fulfilled by Kachra”. Amir Khan has displayed the real Leadership attitude and managed to bring Kachra into the team.

Real leadership is being the person others will gladly and confidently follow.

Its always good to follow leaders but at the same time find out the leader inside you

“The first person you lead is YOU.”

Some keywords that focus on the “Leadership Aspect” are Self Confidence, Accountability, Focus on the whole, courage etc. Just try to cultivate this and define yourself.

Emotional Quotient controls you many time, before you flow with this – control your Emotional Quotient. People are attached to leaders and not managers. Being a manager doesn’t make you a leader.

Vinod Kumar , a all time favourite speaker of mine presented a different topic and try to ignite the mind of the young and talented professionals to start thinking different as they can. We have never missed a session from Vinod, because of his guidance. He is guru for me & Sudeepta.

He suggested to some good books: 7 habits of highly effective people, Start with Why by Simon Sinek,  Lets get real or let’s not play by Mahan Khalsa

He delivered more than what we have expected for the day. The session is not the end , he has open his teaching through his blogs on the no-technical aspect of a highly technical professional. http://blogs.extremeexperts.com/

SQL Server Tips and Tricks for Web Developers by Pinal Dave 

People consider most of the SQL session as dry. Ask them to attend a session by Pinal Dave. I don’t want to praise him because he presented a nice session and people enjoyed a lot, but I should praise him because every single morning he teaches me a new concept in SQL Server and I love the way he does it. I want to congratulate him because in last 5 years  @pinaldave has completed 2200 blog post at @sqlauthority & 22 Episode of SQL in Sixty Seconds. I heard Vinod telling “Pinal works very hard and prepares a lot”. That hard work is his key to success and his energy and passion he gathers during each and every presentations he delivers.

This time also it was LOL SmileSmile session. This time he taught some fundamental but nice concepts for performance using keywords IN, EXISTS and JOIN. Scalar Functions help you to give a tough time to the DBAs Smile. (Do not try it in your production but )

 

Visual Studio 2012 – Tips & Tricks by Lohith G N

A much awaited speaker for the day with his cool “Tips & Tricks” for speeding up development with Visual Studio. Love to use the keyboard Smile

Every shortcut he spells the audience used to say “WOW”. Visual Studio 2012 is the latest offering from Microsoft in the Integrated Development Editor segment.

Check some of the shortcut provided by MSDN

Lohith is a true BDTONETTER by heart , the best part is in each of his presentation he proudly claim that. This entire devcon12 was smoothly organised because of his hard work and dedication to the details.

HTML5 – what you NEED to know by Amar Nithyananda

This session was to clear the confusion , whether to go for the much hyped HTML5 or not and how are the Microsoft tools and technology are related to HTML5.

Amar demonstrated some cool demos with Visual Studio , MVC using HTML5. He told bits & Bytes on using different websites to check compatibility of HTML5. Which browsers supports the maximum features. He spoke about different new features on HTML5 and how its gong to impact the web.

Amar will be sharing the slides of his talk in FB for all.

Closing Notes

 

Finally Vinod presented the vote of thanks to everyone including the audience, the speakers, the volunteers and last but not the least the companies who made this day, the sponsors TELERIK, Microsoft, Pluralsight and INTEL.

I met the author of one of my favorite book 3Lives Srinic.

Everyone who walked out from the room got a Pluralsight Subscription coupn worth $29 and keychain from Telerik. Couple of them got books from SQLAuthority, T shirts from Telerik and almost all of them with great learning from the day.

Intel also announced a contest for which Lohith says

exopc-hands-idf-2010-09-1319-15-36-rm-eng If you did not attend the DevCon 2012 event. Intel one of the sponsors of the event has announced "EXO PC" as a giveaway to the best blog article on the event. So those of you who attended the event – hurry and write what you felt about DevCon 2012 as a blog post. paste the link to the blog post on BDotNet facebook wall….. so whos gonna win the EXO PC"

Be a BDTONET member today check the image links. bdotnet imagestwitter

Like every time this time also I got couple of followers in twitter Smile

I write for BeyondRelational also. Please provide your feedback to make this blog more readable.

Till next time “Keep Smiling”