【心得4】10/05

今天使用了materializecss套件開始接觸更美觀的CSS語法，CSS能將整個單調的基礎html網頁美化，影響著整個網頁的排版，在materializecss裡面有很多現成素材可以自己去探索、改編，是個很棒很實用的網頁！今天主要使用到的是卡片（CARD）的效果，可以調整卡片大小以及縮放時的排版，隨著視窗大小不同排版也就不同，因此常常看同一個網頁時手機跟電腦排版不同，這就是就是「RWD網站」。

今天也學習到一種常見的基本語法－「迴圈」，可以解決很多重複的程式碼，非常方便，但是需要思考一下才能活用它，是個比較需要邏輯思考的語法，以往寫C或是Python時都是印出一個圖形或是用來計算，今天竟然能用在跑出多張圖卡上！一開始跟著老師寫的時候少了幾個「</div>」一直跑不出來有點挫折，後來跑出來覺得又驚又喜，還有這種用法！（迴圈利用用text+=每段語法）

我的作業選擇「寶可夢圖鑑」去模仿，平常就很喜歡可愛的寶可夢，剛好這次作業很彈性可以把喜歡的元素加入其中，我創了三個array，一個放置圖片；一個放置他們的名字；一個放他們的屬性，利用迴圈就能將12隻寶可夢的完整資訊輕鬆排列出來，不用一行一行複製貼上再修改，真的很方便，我還自我感覺良好，覺得有做到原網頁的60%雛形，很開心地到處分享，希望日後能夠寫出更多好作品！

作業:https://jsfiddle.net/racoons5/uxd743yf/3/#&togetherjs=by2KxwC3Aa