Lab4

[S19_WebFund] Lab4 資工二乙 406262199 陳奕帆

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

1.截圖

2.心得:

這次作業相較前面的課程少很多,但是並沒有比較簡單,嘗試必較多次才有成功。JQuery裡面教了許多不同方法來選取你要修改的元素,跟之前學得相較來多,比較活用的感覺。

 

第二部分 Github personal page :

1.網址  https://sanfordcchen.github.io/

 

2.說明新增部分:

在網頁最下面加了一個立刻回到網頁最上面的Linkbutton

 

3.心得:

[S19_WebFund] Lab4 資工二乙 406262436 許丞文

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

心得

這次freecodecamp的部分東西較少,但在json的部分花了較多時間去理解,而自己又多花時間去完成javescript的部分。

 

第二部分 Github personal page :

網址: https://erichsu1224.github.io/coursematch/

新增內容

   在我的button上加了alert的功能

心得

[S19_WebFund] Lab4 資工二乙 406262369 陳洧成

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

1. 完成之截圖

 

2.心得

一邊看磨課師的教學影片一邊做tutorial幫助我吸收比較多,如果還是有不會的東西,就會上W3C School查,在學的時候感覺很容易,但在實作的時候卻沒想像中簡單

 

第二部分 Github personal page :

1.網址 https://jerry871004.github.io/yoo123/

2.說明新增部分

因為Hexo不能增加jquery,json的內容,所以直接重新開一個網站

3.心得

[S19_WebFund] Lab4 資工二甲 406261341 周彥亞

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

1.截圖

2.心得

有越來越上手的感覺但還是要花蠻長的時間完成

第二部分 Github personal page :

1.網址

https://meatball14589.github.io/Lab3/

2.說明新增部分

新增按鈕隱藏內容,點開後顯示全部內容

3.心得

還是不太會做,但也在FreeCodeCamp和網路上學很多技巧

[S19_WebFund] Lab4 405421463 林威廷

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

1.完成之截圖

2.心得

jquery的部分還算能吸收,操作簡單又能快速看到結果,還蠻有趣的,但在寫json時,遇到了相當大的困難,花了蠻多的時間研究寫法,這個部分雖然花了不少時間,但最後的理解似乎也沒有jquery那麼好

第二部分 Github personal page :

1.網址

https://wm55414.github.io/

2.說明新增部分

在網頁中新增了五個按鈕,可以選擇想要看的文章,其他的文章會以滑動的方式收起,最後一個按鈕則是以滑動的方式秀出所有文章內容

[S19_WebFund] Lab4 圖資四 404040298 林吳沛軒

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

完成之截圖


心得

這次的freecamp的東西比較少,不過內容的紮實性仍然跟之前一樣,還是有許多不是馬上就能理解的地方,還是要慢慢鑽研才能理解,要放在自己網站上的應用或許又是另個考驗

第二部分 Github personal page :

1.網址

https://thankyou9527.github.io/952/

2.說明新增部分

新增返回最上頁面的按鍵

3.心得

頁面