Loading...
001
todolist
by
卡斯伯
不要再按
“封存”
了
20180606
The F2E
活動說明
本活動是由六角學院發起的坑
,
目的是拉攏一堆人(填坑者)來一起練功
介紹頁面:
http://www.hexschool.com/2018/05/09/2018-05-09-the_f2e/
活動社團:
https://www.facebook.com/groups/173311386703334/
常見問題:
https://www.facebook.com/groups/173311386703334/permalink/179474316087041/
六角學院提供:
製作的目標
ex todolist
User story
設計稿
填坑者:
依據目標完成可展示的頁面
可完成 CSS 就算完工
常見問題:
要完成到什麼程度?
至少完成切版
一定要按照設計稿做嗎?
你可以依據主題自己自行發揮
提供的設計稿是什麼格式?
沒有提供 HTML, CSS
001
todolist
說明
說明:
https://www.facebook.com/groups/173311386703334/permalink/179453469422459/
video:
https://www.facebook.com/WccCasper/videos/537506876645540/
設計稿:
https://hexschool.github.io/THE_F2E_Design/todolist/
User story
1.能夠紀錄每天的待辦事項
2.可標示每個待辦優先重要級別,預設為無。
3.可拖拉待辦事項,調整排序。
4.每筆待辦可新增時間提醒
(yyyy/mm/dd
hh:mm)
5.每筆待辦可再填寫評論與附加檔案
6.待辦狀態:全部顯示(預設)、待處理、已處理
7.待辦事項過多時,需考量內容是否需要摺疊
Vue + Todo List 的原始碼
https://www.facebook.com/groups/173311386703334/permalink/180292126005260/
完整範例(註解):
https://github.com/Wcc723/vue-json-server-todolist/tree/master
模板+ Vue CLI(無註解)
https://github.com/Wcc723/vue-json-server-todolist/tree/template
注意:以上兩者均是透過 Vue Cli 環境建置,而完整版本另需要使用 Json-server 才能新增刪除資料
作業分享
MyToDoList by 冒險者
https://codepen.io/icguanyu/pen/ZRbaPN
可能會遇到的問題
icon 如何獲得?
fontawsome.com
是否全部功能都要做?
不一定,做到認為有挑戰的部份
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
不要再按 “封存” 了
The F2E 活動說明
001 todolist 說明
可能會遇到的問題