Free HTML 5 tutorials (免费的 HTML 5 教程)

Free HTML 5 tutorials (免费的 HTML 5 教程)

  • Comments 4

There are some excellent tutorials out there about HTML 5, but they seem to be fans of Chrome, which is ok, I am a fan of Internet Explorer.  After all it is just about technology, and frankly I like a technology religious war. But really, Chrome is insecure.

So I am going to point you to HTML 5 tutorials, but make sure to question their attitude about Chrome, just as you should question everything I remark on.  There are a number of tests out there that state Chrome is better than IE 9, really?  Shouldn’t you browser be secure?  Chrome is not secure, so even if it runs HTML 5 (and I question the tests) better than IE 9, I would use Chrome with caution.  For the current security readings on:

If you want a test drive that favors IE and other non Chrome browsers use http://ietestdrive.com and give the IE 10 product preview a try as well, wow!

Here are some sites, but I haven't reviewed, recommended by Ben L. and http://w3fools.com

Now that we have that out of the way, here are the HTML 5 tutorials you might want to take a look at.

http://www.html-5-tutorial.com/index.htm @@@@@

Neutral in tone

Good example of a tutorial, and a great starting place!  Although I haven’t worked through it, I will.  Nice look, good navigation, useful advertisements (hey you got to make money somehow!)

  • Positives: Many
  • Con: Comments are not posted directly so the students have no ability to ask questions, something that is important for learning, maybe a twitter feed to overcome this?

 

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/ @@@@

Neutral in tone

You need to scroll down quite a bit to get to the article style of tutorial (ok, I give up, articles can be tutorials)

  • Pro: Solid HTML 5 advisement
  • Pro: Good comment section with lots of discussion!
  • Con: Wow, lots of advertisement placed badly, but on a large screen you can easily ignore the advertisements

http://ryanconn.com/tutorials/html-5-tutorial/ @@

Neutral in tone

I give this tutorial @@ only because it is just a video, but a good video and worth the watching

Good comment section, I left a comment on 5/19/2011, so let’s see if the author is moderating comments.

http://html5tutorial.net/ @@

This is a strongly chrome fan site.  It isn’t a tutorial site, it is an article site, nothing wrong with that, but it does not follow a “learning” format or paradigm. 

Response to comment: I left a comment there on 5/19/2011 around 9 AM PST, see bottom of this blog entry for the comment.  Now let’s see how long it take to appear.  One of the things that demonstrates a good blog or website is the ability to have dialog.  (So feel free to leave a comment here!)

http://www.ehow.com/way_5368790_html-tutorial.html @@

Neutral article, is it a tutorial? No, it’s an article, but if you used the title: HTML 5 article, that would not be interesting.  Good article.  Short. Read if you need to get started. 

Comments: Uses Facebook, so I am never sure about those kinds of commenting systems

http://w3schools.com/html/default.asp (Per http:w3fools.com and reader suggestion, I no longer recommend this site, if you want to give me more feedback feel free to do so)

Somewhat neutral, advertisements are strongly google oriented

  • Con: Not recommended by http://w3fools.com, which was pointed out to me by Ben L. in his excellent comment
  • Con: Doesn’t cover HTML 5 specifically
  • Con: No direct comments, hey if you are a school you have to take comments

If you are just getting into HTML or have that interview you need to brush up for, this is the one you want to do

http://www.htmlgoodies.com/primers/html/article.php/3914511/Top-HTML-5-Tutorials-from-HTMLGoodies.htm @@

Aging articles, but worth the reading, neutral in tone

 

 

 

 

 

 

 

 

 

 

Comment left at http://html5tutorial.net

First off the first test of a browser would be: Is it secure, Chrome fails badly having more than twice the security issues over the past three monts as of 5/19/2011 than Sarari, IE 9, FireFox added together. See the National Vulnerability Database:
http://bit.ly/mNYqB8

Now to the html5 test, seriously, is this a valid test? Well I can point to a test that shows Chrome’s lack of graphics acceleration for instance. See
http://ietestdrive.com, try Chrome with that one, pretty bad when compared to IE 9, or Sarari, and if you try the IE 10 product review, all fall away.

Also, IE 8? Who is using IE 8? Now factor in the lack of security in Chrome, I would have to advise anyone who is going to use Chrome to make sure their antivirus be up to date.

Leave a Comment
  • Please add 3 and 7 and type the answer here:
  • Post
  • I was willing to tolerate the "blah blah your browser is insecure" nonsense, but recommending W3schools? Really?

    For shame...

    http://www.w3fools.com

  • Thank you Ben L.  I have made mods to the blog post about w3schools.com per your feedback.

    The "blah blah" about Chrome isn't going to change however.  102 vulnerabilites.  Thats from NIST.GOV, not Microsoft.  You could be right, but I am keeping that in the blogpost.

    Look forward to meeting with you someday. :)

    Finally, keep questioning all authority and bloggers which are two different groups!

  • Surf4Fun thanks for putting this list together and providing grading for each of the HTML5 Tutorials. Would you look at www.html5videotutorial.com and give your feedback please?

  • Constatine M.

    Thank you for your comments. I have looked at the recommended website and will definitely mention it one of my blogs this week.  At this time I have done a through review, but generally I think it is nicely done.

    Sam

Page 1 of 1 (4 items)
Generic Content

Legal Note:

  1. The author, Sam Stokes, is an employee of Microsoft
  2. There is no guarantee that anything I write is correct, I do try to make sure that what I write is correct.
  3. Use anything written in this blog at your own risk
  4. Test what I write about before using the information
  • Sometimes posts will disappear because I realized that they really don't fit with the total chaos of what I write about
  • Links are tested and available on date of publication, what others do with their links are out of my control

Restrictions:

  • Whatever I write on this blog is unedited by management or anyone, which should be obvious from the randomness of the blog.  I simply write about things I like.
  • Microsoft does not restrict me in anyway, so I generallyblather about whatever I want to.
  • For personal reasons I will not write about:
    • Company confidential stuff, mainly because Microsoft is more transparent than any company I have ever worked for.
    • Other people unless they give me permission to write about them