Lab4

[S17_WebFund] Lab5 資工四乙 402262268 潘子騰

1. Codecademy完成單元之截圖:

2.心得

之前做專題的時候有使用過php,但主要還是用一些post,get,作為資料傳輸的媒介,透過這次上php的課程,我更加認識了php,之前有些變數型態宣告的錯誤,原來自己的基本觀念不清楚,透過php順便複習了OO的概念,和基本迴圈判定等的基本語法。

[S17_WebFund] Lab4 資工二甲 404261141 林明嫻

1.GithubPage連結

86maylin.github.io

2.GithubPage截圖和敘述

用jQuery做出一點擊圖片就會跳動的效果

3.FreeCodeCamp完成單元之截圖

4.心得

課程的部分是蠻簡單的,可是它好像因為為了讓新手容易理解,jQuery方面簡化了部分,所以實際上要把它加入我的page讓我頭痛了好久

[S17_WebFund] Lab4 資工二乙 404262212 李京倫

1.GithubPage連結

https://leec22.github.io/

 

2.GithubPage截圖和敘述

這次的作業中, 我用了學到的jquery的些技巧,讓網頁中的圖片以及文字產生了需許特效.像是晃動掉落等等. 讓網頁看起來更活潑一些.

 

3.FreeCodeCamp完成單元之截圖

 

4.心得

我覺得在這個網站寫程式還是非常有意思的, 由於他是一步一步循環漸進,所以可以很容易發現自己的錯誤在哪,而且感覺這次完成的速度較上次快很多,應該是比較熟練了. 這次學到了相當多的特效, 並運用到github.  覺得這個網站用來自學相當不錯,有空應當會把作業外的部分也寫一寫.

 

[S17_WebFund] Lab4 資工二甲 404261189 曹又升

1.GithubPage連結:

samx81.github.io

2.GithubPage截圖和實作功能敘述:

整理一下排版

用 jquery 做了不會那麼直接就跑出個人資料的 hover
以及點大頭貼會把資料區淡出,再點標題會淡入

 

3.FreeCodeCamp完成單元之截圖:

 

4.心得:

就算有跟著 freeCodeCamp 去跑流程,在自己實做的時候還是會卡卡的,要多多練習才是

[S17_WebFund] Lab4 資工二乙 404262470 黃大祐

1.GithubPage連結:

http://tayuhuang.github.io/

2.GithubPage截圖和實作功能敘述:

還沒想到要擺什麼東西哈哈

3.FreeCodeCamp完成單元之截圖:

 

4.心得:

經由這幾次的作業,我發現英文真的很重要,要不然連一個介面都要看很久才能知道在幹嘛,出一個錯還要慢慢找個半天,還會找不到@@

[S17_WebFund] Lab4 資工四乙 402262294 王文君

1.GitHub Page 連結:https://wen-chung.github.io/

2.GithubPage截圖和實作功能敘述

點選哈囉哈囉的div可淡入個人資料的兩個div

截圖:

3.FreeCodeCamp完成單元之截圖

4.心得

在網頁上加上jquery感覺更動態了,jquery的語法很簡潔,可讀性也高,非常好用!之後會找時間再想辦法把它學得更深入一點

 

 

 

[S17_WebFund] Lab4 資工二甲 404261036 龐睿琪

1.GithubPage連結

https://prq9706.github.io/zailaiyige/

2.GithubPage截圖和實作功能敘述

在網頁上方寫了一個作者,該文字可以滑動

創建了顯示和隱藏按鈕,若點擊隱藏上面的圖片會消失,再點擊顯示,圖片又會出現

3.FreeCodeCamp完成單元之截圖

4.心得

用FreeCodeCamp學寫jquery是非常好玩的事情,一邊打codeblocks在旁邊的窗口中就能看到效果真的很有意思。在我寫好的網頁中加入jquery時還遇到了打上代碼後網頁就運行不了的情況。這項作業對我真的很有挑戰。同時感覺到寫網頁是很有意思的 

[S17_WebFund] Lab4 資工三甲 403261209 王琮宜

1.GithubPage連結:https://i294672.github.io/

2.GithubPage截圖和實作功能敘述

更換背景,跑馬燈

/files/files/%E6%93%B7%E5%8F%96(1).PNG

3.FreeCodeCamp完成單元之截圖

/files/files/%E6%93%B7%E5%8F%962.PNG

/files/files/%E6%93%B7%E5%8F%963.PNG

4.心得

剛做jQuery時常卡住,但一段時間過後就逐漸上手,做動態效果的時候感覺還不錯。

 

頁面