Learn HTML5, JavaScript and CSS with free "School of Webcraft Mozilla" (Mashable) (Yahoo!)

Mozilla readies for the half of January Webcraft, school run 100% free developer training resource in partnership with the University of Peer 2 peer.

Last semester, school Webcraft offered 15 classes. Mozilla tent now bypass 30 January semester classes.

Classes will be between six and ten weeks; they turn you on topics relevant to web designers and developers, including HTML5, JavaScript and CSS. Previous classes also included non-developer topics such as the organic listing. Required skill levels will take place range from beginner to expert. Volunteer courses will start on 26 January, and proposals for new ideas of course are always accepted.

Students learn through a combination of free and open learning materials, online study and practical assignments groups who test their skills of piracy.

If you are a leader in the developer community, you can also step up and lead to a course for yourself. If you want to organize a class, you'll get P2PU and Mozilla support in the form of course design, materials, facilitation and other learning resources.

Registration opens January 8. until then, you can subscribe to Webcraft school e-mail list.

Mozilla believes that the developer training is "both secondary and university level... date, ugly students and lose." Another problem is that young learners simply do not have access to good web dev resources for learning. And the certification training is expensive and often out by current practices.

Creating a field training completely free and open for developers and future developers of all stripes, Mozilla hopes to correct some issues surrounding education technology.

We fully support this mission. while allowing more people to become better informed and more knowledgeable in web development and related technologies is a victory in our book.

Of course, we would like to see more just front-end and explored markup languages. but for that to happen, some knowledgeable developers will have to volunteer to teach their peers the basics (or not-so-base) of other programming languages.

The challenge with HTML5 - in images (Weblogs @ ASP.NET)

I love working with Web technologies and look forward to new features HTML5 poised ultimately at the table (which can be used today). After being the battle of the layer at the time by the div versus IE4 and Netscape 4 I think that we are directed on this road reconstituted to browsers implement features differently. I spent a lot of research time and playing around HTML5 examples and features (mainly because we are already witnessing the demand for training on HTML5) and there are many great things there that will truly revolutionize web applications we know. However, just browsers did it again and many people outside of the development world does really feel a need to update their browser if it works reasonably well, Mum and dad come to mind) so that there will be some time.

There is a nice http://www.HTML5Test.com test site through various features of HTML5 and notes how even though they are supported. They test for everything and are very clear on this subject on the site:

"HTML5 test result is only an indication of how your browser supports standard and related upcoming HTML5 specifications." It does not attempt to test all the new features offered by HTML5 or trying to test the functionality of each feature it does not detect. Despite these shortcomings, we hope to quantify the level of support to users and web developers will get an idea of how hard browser manufacturers are working on the improvement of their browsers and the web as a platform for development.

The score is calculated by testing for the many new features of HTML5. Each feature is worth one or more points. Apart from the main specification HTML5 and other specifications established W3C HTML Working Group, this test also provides points for support related projects and specifications. Some of these specifications were originally part of the HTML5, but are now developed by other W3C working groups. WebGL is also part of this test despite do not in development by the W3C, because it extends element HTML5 canvas with a 3d context.

The test also gives points bonus for supporting audio codecs and video and SVG or MathML incorporation in a simple HTML document. These tests do count towards the total score because HTML5 specifies audio not required nor video codec. Also SVG and MathML are not required by HTML5, the specification States only to the rules for how this content must be nested inside a single HTML file.

Please note that put to the test specifications are still in development and may change prior to receive an official status. In the future new tests are added for parts of the specification which are currently still missing. The maximum number of points that can be marked is 300 at the moment, but it is a moving target. »

It looks like their tests have not been updated since June, but figures are quite stressful as a developer because it means I am going to do a lot of browser sniffing to assume that a particular feature is available for use. That very different step of what we do today as many browser sniffing say you? I would have to disagree, because HTML5 need to a whole new level. In today's world, we have libraries such as jQuery (my personal favorite), prototype, script.aculo.us, YUI Library MooTools, script etc that handle the heavy lifting for us. Until these libraries manage all HTML5 key features available it will be a challenge. Some features like tables are fairly well supported in most major while other features such as audio and video are hit browsers or fail depending on what codec you want to use. Run the tests yourself to see what goes and what fails for different browsers. You can also view the results of compliance HTML5 test following http://test.w3.org/html/tests/reporting/report.htm (a work in progress).

The following table lists scores than HTML5Test site returned for different browsers, that I installed on my desktop and laptop. A specific list to run tests and features supported are given when you access the site. Note that I went ahead and tested the beta version of IE9 and it was almost as good as I expected it, but it is not officially that I expect that number is going to change much.

Am opposed to HTML5 from these tests? Of course not - I'm actually really excited what it offers.  However, I try to be realistic and feel it will definitely add a new level of headaches in the process of developing Web application having been's something like this many years ago. On the reverse, developers who are able to target a specific browser (generally intranet applications) or controlling cross-browser issues will release some fairly soft applications. See http://html5gallery.com/ for a blow to look at some more advanced sites out there that use HTML5. See also Microsoft together to showcase IE9 http://www.beautyoftheweb.com site.

Using application HTML5 cache to create offline Web Applications (java .sys - con .com)

HTML5 brought the application, a new feature that allows to make web applications and sites available offline cache. The new standard also provides a simple way to preload some or all of your web application assets (HTML files, images, CSS, JavaScript and so on) while the client is always online. In this process of caching files are stored in a cache for the application, where they sit ready for further offline use.

Compare this to regular browser, in which the pages that you visit are cached in the cache of the browser based on the rules of server and configuring client-side caching. But even if web pages are cached normally, it does not provide a reliable way to allow you to access the pages while you are offline (by plane, for example). In addition, an application cache can cache pages that have not been visited and are generally not available in the regular browser cache. Preloading files can even speed up the performance of your site, if you use course bandwidth to download these files at the outset.

Regularly caching can lead to undesirable results while you're offline.
The mechanism that makes available web applications offline is simple: create a manifest file lists the assets of your application and the reference in an attribute manifest in html elements (text) of your web pages. Simple sounds? This is the case. Don't forget that there are some common misconceptions about how offline web apps work and any caching of the browser are now for you, you can get a few surprises (tricky) when you try to debug and test your web applications (online and offline). This article explains what it takes to fend for themselves, so you don't have to learn the hard way. This article also covers some lower-level object and event features that you can tap application cache. Sounds good? Say great start!

Note: a startup files that comprise a web application offline sample set is available at: http://tech.kaazing.com/training/offline/peter-lubbers-html5-offline-web-apps-presentation-code.zip

Fundamental principles
Let's start with the basics. Consider a web application that has a few web pages: a page index, a CSS file, images and JavaScript files. This web site may be made available offline in less than five minutes (once you get it blocking). Here's how:

Open your favorite text editor, create a text file and save it with the extension .manifest. For example, offline.manifest.
Add the following directive in the first line:
CACHE MANIFEST
List the files that you want to make available offline (one row per file), as shown in the following example:

CACHE MANIFEST
index.html
cache.html
Resources/IMG/HTML5.PNG
Resources/CSS/html5.css
Resources/js/HTML5.js

Note: files must be referenced in the manifest file. Full URL is allowed as well.

Open files HTML that you want to make available offline (index.html and cache.html in this case) and add the manifest attribute to the html elements as follows:

Configure your server to be used with the correct mime type .manifest files (this is covered more in detail later) will to index your site. The page load, and to store the files locally, most browsers will ask if you want to make the files available for use in offline mode. The browser will then be analyzed the manifest file and download all of the assets specified in the file. Note: Unlike implementing caching regular browser, you haven't actually visit each page to load in the cache.Go application offline and continue to browse and enjoy your site.

Notification of storage offline browser

Peter Lubbers is documentation and training Kaazing Director where he oversees all aspects of documentation and training. He is co-author of the book Apress Pro HTML5 programming and taught HTML5 training courses. A follower of the HTML5 and WebSocket, Peter often speaks at international events.

Prior to joining Kaazing, Peter worked as an architect information at Oracle, where he wrote many books. It also develops solutions for automation documentation and two of his inventions are patented.

Originally from the Netherlands, Peter served a special forces commando in the Royal Dutch Green Berets. In his time free (ha!) Peter likes to run ultra-marathons. He is the 2007 and 2009 ultrarunner.net Series champion and three times winner of the Tahoe Super Triple marathon. Peter lives in the Tahoe national forest and likes to operate in the foothills of the Sierra Nevada of Lake Tahoe (preferably in only once!).