[S20_WebFund] Lab5 資工二乙 407262201 孫運振

Group content visibility: 
Use group defaults
Groups audience: 

1.截圖

網址:https://calendar21453.glitch.me/

使用步驟:

(1)開啟頁面,按右下角的按鈕

(2)選擇日期

(3)輸入記事內容

(4)成功加入行事曆!太神啦

(5)當然還能安裝囉

2.說明功能

我利用Google PWA 製作了類似行事曆的應用。因為是從官方文件改的所以樣式很像。

  • 重開之後行事曆內容當然還會在,除非你把資料刪掉
  • 可以加入日期及記事內容
  • 沒有填寫日期或記事內容就加入行事曆會出現警告
  • 加入日期後重整,會自動按照日期排序
  • 刪除可按右上角叉叉
  • 可以安裝成應用程式(就是PWA)

3.心得

我是先將官方教學做完後再來做我的行事曆,在將官方教學改成行事曆時,因為要大量修改javascript檔案,而且又是第一次看javascript,所以感覺有點難做,不過稍微熟悉一下語法就能看懂8成了,就好改多了,這次同時學到了將網頁變成PWA及javascript,真是一舉兩得。