Free HTML 5 tutorials (免费的 HTML 5 教程)
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:
- Chrome security : 102 vulnerabilities (note this is a high number and not a good thing)
- Internet Explorer (all versions): 14 vulnerabilities (note: zero would be best)
If you want a test drive that favors IE and other non Chrome browsers use https://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 https://w3fools.com
- https://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc
- https://code.google.com/edu/submissions/html-css-javascript/ (yeah Google, I really don't dislike them that much, and I just haven't reviewed, I am confident it isn't a waste of time)
- https://reference.sitepoint.com/css
Now that we have that out of the way, here are the HTML 5 tutorials you might want to take a look at.
https://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?
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
https://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.
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!)
https://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
https://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 https://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
Aging articles, but worth the reading, neutral in tone
Comment left at https://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:
https://bit.ly/mNYqB8Now 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
https://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.
Comments
Anonymous
May 19, 2011
I was willing to tolerate the "blah blah your browser is insecure" nonsense, but recommending W3schools? Really? For shame... http://www.w3fools.comAnonymous
May 19, 2011
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!Anonymous
March 12, 2012
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?Anonymous
March 13, 2012
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