{"id":1207,"date":"2013-08-27T10:49:31","date_gmt":"2013-08-27T17:49:31","guid":{"rendered":"http:\/\/www.laurenwood.org\/anyway\/?p=1207"},"modified":"2013-08-27T10:49:31","modified_gmt":"2013-08-27T17:49:31","slug":"teaching-html5","status":"publish","type":"post","link":"https:\/\/www.laurenwood.org\/anyway\/2013\/08\/teaching-html5\/","title":{"rendered":"Teaching HTML5<\/span>"},"content":{"rendered":"

For the XML<\/span> Sum\u00admer School<\/a> this year, I\u2019m teach\u00ading about HTML5<\/span>, CSS3<\/span> and ePub in the Hands-on Web Pub\u00adlish\u00ading<\/a> course. The basic premise of the course is to show what tech\u00adno\u00adlo\u00adgies are involved in tak\u00ading a bunch of Word doc\u00adu\u00adments or XML<\/span> files and turn\u00ading them into a decent-look\u00ading web\u00adsite or ePub. The course includes les\u00adsons on rel\u00adev\u00adant bits of XSLT<\/span> trans\u00adform\u00ada\u00adtion (since Word is XML<\/span> under the cov\u00aders, if you dig deeply enough), script\u00ading in Ruby to auto\u00admate as much as pos\u00adsible, and, of course, enough inform\u00ada\u00adtion about HTML<\/span> and CSS<\/span> that people can make a decent-look\u00ading web\u00adsite in class in the hands-on part.<\/p>\n

As a start\u00ading point for the exer\u00adcises, we\u2019ll use a gen\u00ader\u00adated tem\u00adplate from HTML5<\/span> boil\u00ader\u00adplate<\/a>, since, if you pick the right options, it is rel\u00adat\u00adively clean and simple to under\u00adstand. Look\u00ading at the cur\u00adrent com\u00admon design prac\u00adtices used across a num\u00adber of options (HTML5<\/span> boil\u00ader\u00adplate, Boot\u00adstrap<\/a>, Word\u00adPress<\/a> tem\u00adplates for example) coupled with web com\u00adpon\u00adents and the sheer size and num\u00adber of HTM\u00adL5-related spe\u00adcific\u00ada\u00adtions from WHATWG<\/span> and the W3C<\/span>, I\u2019m won\u00adder\u00ading just how much more com\u00adplic\u00adated it can all get before the pen\u00addu\u00adlum starts swinging back again towards sim\u00adpli\u00adcity and sep\u00adar\u00ada\u00adtion of con\u00adtent from pro\u00adcessing. Even a bare-bones tem\u00adplate has a num\u00adber of lines in it to deal with older ver\u00adsions of IE<\/span>, or to load some JavaS\u00adcript or (mostly) jQuery lib\u00adrary. It\u2019s no won\u00adder we\u2019re start\u00ading to see so many frame\u00adworks that try to cov\u00ader up all of that com\u00adplex\u00adity (Boot\u00adstrap again, or Ember<\/a>, for example). <\/p>\n

In the mean\u00adtime, at least I have a reas\u00adon\u00adably con\u00adstrained use case to help me decide which of the myri\u00adad pos\u00adsib\u00adil\u00adit\u00adies are worth spend\u00ading time teach\u00ading, and which are best left for the del\u00adeg\u00adates to read up on after the class. <\/p>\n","protected":false},"excerpt":{"rendered":"

For the XML<\/span> Sum\u00admer School this year, I\u2019m teach\u00ading about HTML5<\/span>, CSS3<\/span> and ePub in the Hands-on Web Pub\u00adlish\u00ading course. The basic premise of the course is to show what tech\u00adno\u00adlo\u00adgies are involved in tak\u00ading a bunch of Word doc\u00adu\u00adments or XML<\/span> files and turn\u00ading them into a decent-look\u00ading web\u00adsite or ePub. The course includes \u2026 Con\u00adtin\u00adue read\u00ading \u201cTeach\u00ading HTML5<\/span>\u2033<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"","activitypub_status":"","footnotes":""},"categories":[17,105],"tags":[61,31],"class_list":["post-1207","post","type-post","status-publish","format-standard","hentry","category-presentations","category-xml","tag-oxford","tag-xmlsummerschool"],"_links":{"self":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts\/1207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/comments?post=1207"}],"version-history":[{"count":4,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts\/1207\/revisions"}],"predecessor-version":[{"id":1211,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/posts\/1207\/revisions\/1211"}],"wp:attachment":[{"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/media?parent=1207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/categories?post=1207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.laurenwood.org\/anyway\/wp-json\/wp\/v2\/tags?post=1207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}