A23 - 「自學經驗」回顧

 

        說到自學的案例，其實遇到蠻多次需要找資料或解決方案的狀況，因為幾乎每次在做(作業)實作練習的過程中，常遇到想要做的功能不知道語法、不知道怎麼下手或是遇到不會解的bug而卡關，只是碰到的狀況有些容易有些困難。

        這學期讓我印象較為深刻的一次自學經驗是在實作(A13)毛小孩星球相片集的特效製作，在實作(A13)之前剛學完Grid排版及偽元素的應用，網頁排版上可能練習比較多次了所以沒有太大的問題，但使用偽元素做出特效的部份就是一項挑戰，雖然前面教案也剛學過使用偽元素做漢堡排樣式及動畫特效，可是相片集是要實作邊框線條展開的特效，兩個特效呈現的方式是完全不同，頓時陷入不知道要如何下手的狀況，因此先查找教案的特效是如何實作，也一邊搜尋網路上相關的資料及類似的範例來參考，然後一步一步慢慢的嘗試把偽元素樣式做出來並搭配上動畫特效。

        經過這次的經驗，發現偽元素及CSS動畫特效其實沒有想像中的難，有時候只是需要一點巧思，像這次在實作線條展開的動畫卡關，一部份的問題其實是我不知道如何用偽元素畫出邊框的樣式，進而影響動畫不知道要如何實作，後來是看了很多範例後才想到要怎麼製作邊框樣式，最後搭配上展開的特效才解決卡關的狀況。透過每一次的自學不斷的累積經驗，相信寫程式的過程會越來越得心應手。