網站前端工程師的學習利器JS Bin

工具用途

你可以利用 JS Bin 提供的線上環境,直接線上編輯網頁,對各式「前端技術」進行分享、測試與偵錯,甚至於可以用來當成教學或提問工具,總之只要跟前端有關的議題 ( HTML5, CSS3, JavaScript ),都很適合先放到這裡,然後透過一個唯一的 JS Bin 網址分享出去。

初探 RequireJS

一直以來,我們都習慣使用 script 這個 HTML 標籤來載入 JavaScript 檔案。這種方式有兩種缺點:

  • 無法在 JavaScript 程式中直接管理相依性,必須在 HTML 中處理。

  • 雖然目前新式瀏覽器已經能夠以非同步的方式來載入 js 檔案,但是舊型瀏覽器還是會有阻塞 (blocking) 問題。

終於 CommonJS 提出了 AMD 這個 API 規範,用以讓我們的 JavaScript 程式可以模組化,並同時解決 js 檔案載入時的阻塞問題。

學習基本的jQuery區塊建構

Try jQuery is a combination of videos, interactive console challenges, and writing code in the browser. You'll need about 2 hours of time to make it through everything.