前端開發

這裏收錄了持續更新維護的前端技術文件連結,想要學習前端開發領域卻沒有任何基礎者,先參考以下「HTML+JavaScript+CSS」概念三篇,不需要動手快速瀏覽即可,瞭解什是前端開發。
 
HTML+JavaScript+CSS 概念(上下)

如果你有耐心,想要有系統性的學習,瞭解各項技術細節,並習慣透過紙本學習者,歡迎參考《Web 前端開發完全入門》與進階書《 HTML5完美風暴-第三版》。

 
     


開始學習前端開發首先需要取得開發工具,可以選擇的工具非常多,我們建議使用 Visusal Studio Code ,請直接至「Visusal Studio Code 下載頁」下載,完成之後,參考這篇「Visual Studio Code 基本設定」切換至中文介面。

建立 HTML 網頁-從零開始


  CSS

JavaScript

版面設計 & 語意標籤

HTML5 JavaScript API
Indexed Database API
jQuery Mobile
》技術規格說明文件
  • Hello HTML5
  • W3C HTML5:HTML5 官方規格文件網頁。
  • HTML5ROCKS:一個Google專案,從行動應用開發、遊戲開發到商業應用開發三個面向,提供相關的HTML5技術資源文件。
  • MOZILLA DEVELOPER NETWORK:MOZILLA 網路開發者技術文件集結。
各種 JavaScript 函式庫
  • xChars:JavaScript 函式庫,以HTML,CSS與SVG技術為基礎,支援各種自訂的視覺化動態圖表與圖形建立。
  • RequireJS:支援 JavaScript 模組化與延遲載入,改良與提升JavaScript 執行速度與程式品質。
  • node.js:一個純粹使用 JavaScript 語言打造的 Web 伺服器開發平台,事件導向、非阻斷式 I/O 開發模型,特別適合用來發展支援巨量密集資料運算與即時回應特性的應用程式開發。
測試服務
  • CSS3 TEST:提供 CSS3 的支援檢測,進入網站即可看到目前所使用的瀏覽器對CSS3規格的支援度。
  • Can I use:目前為止各種 HTML5 技術,於各大瀏覽器的支援狀況
  • IETester:模擬各種版本的 IE 環境。
  • MOBILE HTML5:HTML5 各種行動裝置平台的相容性列表。

沒有留言: