[S19_WebFund] Lab5 醫資一 407570177 丁翊

Group content visibility: 
Use group defaults
Groups audience: 

一.截圖

圖(1)

圖(2)

網址:https://googlecodelabs-your-first-pwapp-902.glitch.me/

二.説明功能

圖一:我新增了Taiwan-輔仁大學,并且將顔色,内容,框架,鏈結都改了。

圖二:可安裝在本地。

PWA功能:主要用到Dark Sky API ,Lighthouse 跟 DevTools的Audits(好用) ,還有Service Worker 的離綫功能(重要)以及他的注冊/更新的功能(重要)還有安裝功能。

三.心得

我剛開始覺得很簡單(畢竟在不理解的情況複製貼上教學的就好了),但之後我發現出了很多奇妙的問題讓我卡了很久,我有去逼問同學,我也有全部重做幾遍。我才發現説真的,表面上簡單,但難的是要去理解PWA到底在幹嘛,有哪些功能,我到現在頭腦都有點亂,畢竟看到了一大堆老師上課提過很重要的addEventListener方法,function方法及manifest功能,讓我再次理解到其實Web要難也是跟Java不分上下的(甚至更難)(我根本不敢去研究PWA裏面有個public/scripts/luxon-1.11.4.js裏的碼),但學起來是非常牛逼的,就是内行人。我覺得親民的也因該只有純粹版面設計的HTML跟CSS了。不管怎麽説,PWA我覺得挺重要的,要好好去理解他的用處及功能(我之後還要回去仔細研究細節),將來甚至現在都會運用到此功能,一切都是爲了消費者及人民在考慮。