瀏覽器作為目前重要資訊載體的趨勢,假如希望把自己的成果或是內容跟更多人分享和交流,有必要擴充建制自己圍繞瀏覽器技術的基本常識,也就是html5/css3,話說網路上關於html的技術分享非常多,但往往參差不齊,而目前直接從w3c和mdn的文檔,最能原汁原味的體會他們的精髓,在學習html5/css3的感想,是對於所謂“資料結構”這件事越來越覺得是資訊科學的核心,前陣子因為做爬蟲和藥物資料庫的專案爬梳xml的資料、然後在摸索HPO時,發現了linked data的世界,而這次在學習html5/CSS3時,某部分跟latex語法之目的很像,某部分又像xml(xml一開始設計也是能被瀏覽器所讀取的)。
edx W3Cx Front-End Web Developer
由w3c協會的講師所開發在edx的教程,深入淺出,且往往可以解釋某個變革的原因,讓人可以知所緣由,而不只是死背知識。
w3c resource
w3c協會是目前制定圍繞瀏覽器技術標準的協會,其文檔非常的言簡意賅,直指核心,且可以知道目前領域知識的熱點(看哪些標準正在制定之類的)
w3c cheat cheat
w3c推出給開發者的小工具,可以快速查找html相關的tag/attribute資訊
mdn
mozilla提供的文檔,相對於w3c協會文檔的詳盡,mozilla的文檔相對來說,平易近人許多,且有基本入門的tutorial
html checker
w3c提供的工具,可以把自己寫的html檔案貼上去,會自動幫忙檢查,並且提供意見
html best practice style
– google
– jQuery
不錯的風格指引,可以用來揣摩
下面這張圖很清晰地把整個架構網頁世界的技術串連再一起,奠基於這上,衍生出無數的框架,但一切都是由下面這些基礎技術出發。