[F20_WebFund] Lab5 資工二乙 408262325 應名宥

Group content visibility: 
Use group defaults
Groups audience: 

網頁截圖 : 

lighthouse分數截圖 : 

網站網址 : https://6977k.csb.app/

說明功能 : 

做了一個能計算2階行列式的網站,上方有寫關於矩陣的定義

 

心得 : 

不得不說這次的作業真的是投入了很多的努力才完成的,因為原本google的教學被刪除了,所以從星期一開始一路查資料+到處問人,最後在github上找到前人留下來的google weather app,也因此原本的想法是與之前的個人網頁一樣使用github,或是用chrome的擴充元件web server for chrome去測試網站,但一想到要從頭寫出跟google pwa一樣的東西就非常頭大而難以下手,等到星期六跟同學討論,才知道其實可以用codesandbox來開發pwa,因為裡面有許多的部分是完整的,包括manifest.json ,serviceWorker.js , worker.js等等,稍作修改後便可以直接使用,於是就只剩下如何運用css , html跟javascript來寫出自己的網頁。

雖然說是有做出點東西,但目前還是有某些地方無法正常運作,像是manifest.json裡的某些設定參數,不知為何沒辦法限制手機使用者的觀看模式(直橫屏),在進入app時也沒辦法使用自定義的logo跟過場動畫,倒是第一次進入網站時的 "下載此網頁" 是正常的。經過這次與pwa的接觸,我認為這是一個非常好的工具,好像自己也可以寫出一個完整的應用程式一般,並且也了解到javascript真的非常好用(雖然寫起來有點麻煩而且要一直查資料),可以把自己平常在寫的程式放在網頁上,進而運用css美化版面,而不再是單純黑白色的cmd。