HTML5‧網路新勢力-研討會後心得筆記

11 月 21, 2011

HTML5‧網路新勢力-研討會後心得筆記

作者：大頭鼠

上週五11/18參加HTML5‧網路新勢力台北場，趁記憶猶新寫了這篇心得。本篇心得寫法比較偏向當下聽到時腦中冒出的單句式描述，未針對相關紀錄進行連貫性文章寫法，故看起來可能會有些無法連貫，先說聲抱歉。早上的課程比較偏向IE9對於HTML5支援的狀況，下午偏重基礎HTML5程式開發介紹，與jQuery Mobile程式開發介紹。下午場對於尚未接觸HTML5程式開發但想要快速了解者，有顯著的幫助…

本次主題共分為六個段落，但以下三者略過：

開發世界下一步：技術勢力報告(略，開場引言沒特別重點)
迎向接案捷徑：微軟合作夥伴計畫介紹(略略，錢錢錢，果然是M$)
軟硬體最麻吉：中小企業伺服器超值組合(略略略，來亂的嗎？硬體介紹，跟HTML5完全沒關係)

以下就另外三個段落進行概要式條列心得分享：

※IE9全進化：網站開發實戰以及下一代瀏覽器全揭露，李匡正協理

無所不在的開發者，2011年全球約有50M，DotNet約有6.9萬
無所不在的裝置，帶來了新的機會與市場
HTML5+Javascript+WebMatrix是個很好的Mobile開發環境；WebMatrix是免費的!!!
協理對於VISTA很難用，與IE6.7.8未完整支援HTML5與CSS3說聲抱歉
IE9全面支援HTML5，且IE10 Preview部分指數幹掉了大部分的瀏覽器，請參考http://samples.msdn.microsoft.com/ietestcenter/，表示微軟已經有決心要挽回瀏覽器市場
微軟是W3C的主要規格制定者
HTML5無機密可言，因為是全部載回Client端；故Javascript應該要設計放在Server端而非Client端
HTML5支援SVG，在VISIO中可將畫好的圖另存為SVG；真汗顏，用那麼久還不知道
HTML5的影音規格，支援MPEG4/H.264，MP3/AAC-HTML5支援Web Font，也就字型是從Server存取，Client端就算沒安裝也可用；缺點是可能需花點時間下載字型
IE9不支援XP的原因，在於IE9僅支援DirectX 10，但XP不支援DirectX 10，所以要Vista之後的版本才能使用(←個人表懷疑，明明就是不想向下相容)
Script Junkie，提供HTML5與Javascript資源的好地方，http://msdn.microsoft.com/en-us/scriptjunkie

※擁抱網站潮流：HTML5及網站全面升級的技巧，Will 保哥

HTML5的DOCTYPE變簡單了!用<!DOCTYPE html>語法，全部瀏覽器都看得懂(含IE6以下)
HTML5新增的TAG屬性大部分都是為了SEO，為了方便讓瀏覽器看得懂和找到資訊並分類；如Header，Footer，Article等
講者問了個問題，為何非IE的舊版永遠不會有相容性的問題？因為非IE的瀏覽器永遠是最新版。雖然是玩笑話，但也凸顯出IE的相容性問題
填充物(Polyfills)是個好東西，可解決大部分跨瀏覽器的問題
講者表示，HTML5目前其實還不成熟，也無較佳的開發工具，故目前拿HTML5來開發RIA其實是不適合的；但如果是互動性不太高的網站或Mobile Web，HTML5是很適合的，值得投資
Mobile上資料表格的設計上，記得要延伸按鈕區域，避免未注意到只能按到文字的地方
相容性問題，可透過於網頁上放上html5shiv或Modernizr，可解決舊瀏覽器(IE)不支援HTML5的問題
看到了保哥其他相關的投影片連結，邁向 HTML5 – 如何與 ASP.NET 整合 (台北場+高雄場)，Migrate to HTML5 (2011 微軟開發者大會)，寫的也很棒

※掌握行動Web關鍵：網站服務成功轉移行動裝置及其技巧，黃忠成顧問

UI介面部分，可使用jQuery Mobie，11/18週五時已推出1.0版；有提供基本轉場效果，呈現起來還不錯!!!
HTML5也需要Reset，但講師建議使用精簡版即可，請參考講師提供的網址，http://snipt.net/doggy/html5-reset-css
講師建議不用要ASP.NET而用ASP.NET MVC，程式碼會較輕量且整合較佳
開發環境部分，Visual Studio最新preview版，內建.Net 4+jQuery Mobie，可作為整合開發使用。但因為是preview版在jQuery版本選擇上會選擇錯誤，需手動調整
WebMatrix是個尤物，若無法裝VS可考慮裝這套免費程式進行開發。且可直接於檔案總管目錄資料夾按右鍵直接變成localhost的功能，還滿方便的
ASP.NET MVC 3 Razor是個新的開發方式-PhoneGap用來開發跨平台的Mobile Apps.是個不錯的工具

依照慣例微軟會於研討會結束後將投影片與影片放在官方網站上供人下載，目前因研討會全省巡迴尚未結束，故還未放上。而小弟僅將個人覺得重要需記錄的投影片留下紀錄如下，僅供回憶用，故不完整請見諒!!!

Web Next！HTML5 網路新勢力投影片(部分)

View more presentations from 大頭鼠楊