張凱東 的部落格

[S19_WebFund] Lab5 資工二乙 406262175 張凱東

1.截圖

2.說明功能

更改了背景顏色,標題顏色

新增了輔仁大學,六都等選項可以使用

華氏(度F)較不常用.所以改成了常用的攝氏(度c)

濕度,風速,日出,日落改成了中文顯示

可以安裝在手機上

3.心得

照著網站的教學還有網站提供的程式碼 一步一步地弄出了一個PWA  實際接觸後發現 PWA真的很厲害 即使離線還是可以使用一些基本功能 但這些方便功能的背後是一堆前置作業跟一堆程式碼 要踏入PWA的領域 還真的是不簡單

[S19_WebFund] Lab4 資工二乙 406262175 張凱東

第一部分 JSON APIs, Ajax, jQuery tutorial on FreeCodeCamp:

1.完成之截圖:

2.心得:

JQuery的教程 提供了非常多方法去選取你要的元素進而修改 JQuery的函式庫(?)提供許多方法讓頁面變得更生動 像是文字抖動,文字消失等等 JASON我就學的比較吃力了 應該是學習前端傳送資料到伺服器端 伺服器端再做出相對印的回覆 像是按一個按鈕 就要印出貓咪的照片之類的

第二部分 Github personal page :

1.網址:

https://kaidung.github.io/CyanideandHappiness/

2.說明新增部分:

利用JQuery新增了隱藏或開啟圖片的按鈕 透過偵測按鈕是否被使用者點擊 把圖片都隱藏起來

[S19_WebFund] Lab3 資工二乙 406262175 張凱東

1. 網頁網址:

https://kaidung.github.io/CyanideandHappiness/

2.架在Github上的截圖:


3. 心得:

經過Lab2的學習過後 對HTML有些上手了 對於這次的作業 在設立好網頁前都還沒有頭緒 等建好網頁 找到編輯頁面後就好很多了 剩下的就是找一個主題 把想法打進去

FreeCodeCamp的教程 在這次的作業提供了很多幫助 畢竟HTML的所有基礎都有教程 忘記的東西都可以回去在學一次

[S19_WebFund] Lab1 資工二乙 406262175 張凱東

Wireshark:

1.截圖

POST:

GET:

cookie:

set-cookie:

2.文字說明:

大部分網站都會用POST跟GET傳輸資料 而POST相較於GET多了一個封包 因此在資訊安全上也相對安全一點 

cookie則是網站用來短暫記錄使用者的資料 像是網購時加入購物車的東西會被記錄起來