Skip to content
Bestian Tang edited this page Sep 19, 2023 · 7 revisions

Welcome to the edu-lang wiki! 這第一個小階梯學習的開發流程

水面:使用者可以經驗到什麼?

  1. 無後端小階梯編輯 + 分享介面
  • 開發中:hackstep
  • 需要UI設計
  • 需要編輯功能
  • 1.3 編輯的同步時,網頁上的url,hash(#)後面要會跟著改變 => done
  • 1.4 要有切換預覽(preview)的功能
  • 1.5 要有複製連結(copy link)的按鈕 => done
  • 1.6 另一位用戶,必須要能夠從link,進入完全相同的編輯和預覽狀態。
  • 1.7 功能性可以參考hackmd, 但不能有任何後端。
  • 1.8 功能性可以參考開發者冒險, 但必須支援https。
  1. 水中與水底

元語言剖析器 md => JSON 編輯器到元語言轉換器 (titile:String, intros:[String], texts:[String], urls:[String], tips:[String]) => md

寫給UI/UX設計師:

  1. 水面的部分,可以自己開專案,用
npm i edu-lang

來安裝本套件

再在需要的地方,用

import { parseMarkdownToSteps } from 'edu-lang';

就可以導入元語言剖析器函數了 md => JSON

寫給技術人員:

  1. 測試時,請run:
npm test
  1. 查看不過的地方,加以修正

  2. 創造新功能時先寫test