https://adls.3medu.com 基於網頁技術的知識診斷系統。 提供用戶素材編輯、診斷（考試）、診斷分析報告；並提供組織管理者組織內成員與總體的分析報告，及檢視成員診斷分析報告。 獨立規劃、獨立設計、獨立實作、建構專案開發流程。 設計分為 Component、Layout、Controller 三層： - Component：為單一 React Component，封裝行為、CSS 樣式，並經過抽象化。 - Layout：定義介面的佈局，例如：瀑布流式、左右兩欄式。可為槽狀結構。 - Controller：負責集成 Component、Layout、Ajax，並處理資料的更新、轉換等事宜。 - Ajax 使用 jQuery，並經過抽象化。 - Router 使用 JSF 技術，以對內容、程式原始碼進行保護。 - 登入、帳號、組織由公司另一服務處理，故登入頁面不在此專案的範疇，並未使用 React。 使用技能： - Design Tool：Sketch app for macOS - OOP - Programing Language：JavaScript ES6 above - Web Technology：HTML5、CSS3、Flex Box - Frontend Framework：React、jQuery、HighCharts、KaTeX - Development Tool：Gulp、SASS、Babel、Closure Compiler - Version Control：Git with Source Tree and GitLab