chacha7202 的部落格

[S19_WebFund] Lab7 405040269 圖資三 彭宏鈞

1.截圖:

  

code

2.心得:

  其實將Google Map嵌入自己的網頁和前面幾個作業比起來是比較簡單的,只要在google map找到想要的地點後再透過分享-嵌入地圖的地方將程式碼複製到自己的網頁即可,相信未來有接觸都需要嵌入地圖的部分一定會活用這個技巧

 

3網頁:https://chacha7202.github.io/self_example/#

[S19_WebFund] Lab5 圖資三 405040269 彭宏鈞

1.截圖

2.說明功能:

 這是一個PWA的APP,可以查詢多個國家的天氣,

而來源是DarkSky的API,

還有離線頁面體驗的功能,

自己則是簡單修改顏色和icon的大小

 

3.心得:

  這個作業說實在花了許多時間,因為網頁的教學是中文,但是實際在操作時是英文的介面,而中文的翻譯又很不完全,導致都要看一遍中文說明再對照英文才能看懂內容,還有要理解每個段落的程式碼的功能也很花時間,不過最後還是成功完成了,也有一個應用程序在我的Chrome主頁上

[S19_WebFund] Lab4 圖資三 405040269 彭宏鈞

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

1.完成之截圖

2.心得

  這次在Jquery的部分我做得蠻順手的,可能是因為指令的操作上蠻簡單易懂的,也了解到Jquery的功能有多方便,但是JSon的部分我則是蠻苦手的,要不斷去找一些文章和影片輔助才大概了解到程式在做些什麼

第二部分 Github personal page :

1.網址:https://chacha7202.github.io/self_example/

2.說明新增部分:

[S19_WebFund] Lab3 圖資三 405040269 彭宏鈞

1.網頁網址:

https://chacha7202.github.io/self_example/

Github證明:

 

2.心得:

  這次的作業有結合到上一次的作業,一開始真的完全不知道該怎麼做,所以看了許多文章,後來簡單的弄出只有文字的網頁後,才開始進行後續的動作,我介紹了自己看過的一些日劇在網頁上,雖然做得不是很好,也沒有申請到網域,因為該網站的身分驗證上有問題,但是透過這種自己將網頁做出來的感覺很有成就感,希望未來自己可以做得更精美而且有內容

[S19_WebFund] Lab1 405040269 圖資三 彭宏鈞

第一部分: WireShark

1.截圖:

  GET: 

 

POST:

 

Cookie:

 

2.文字說明:

GET是將要傳遞的資訊內容寫在Header上,就像明信片一樣是寫在上面的加進要傳送的地址也就是URL上,所以能直接在URL上看到

POST則是信封內有裝信件的寄送方式(信封有內容物),不但信封可以寫東西信封內還可以置入你想要寄送的資料或檔案不會在URL上就能看到

405040269 圖資三 彭宏鈞

#自我介紹

  我是圖資三的彭宏鈞,目前輔系資工系,平常喜歡看電影,影集,還有和玩線上遊戲

 

#修本課程動機和期望

 

  除了因為有輔系之外,上學期也修過遠距醫療的課程,覺得吸收到不同的知識,也想藉著選修這堂課加強自己對Web領域的理解

 

#Linkedin截圖