ALPHA Camp 學期 2–1 學習心境

到底離開學期一體驗，進入學期二這四個禮拜，在學習內容和心態上有什麼變化呢？

Photo by Franciele da Silva on Unsplash

學期 2–1 整體難易度比學期一還要高，又剛好我工作和學習正開始忙碌的時候，自九月開始每週時間配置—

工作： 40 小時
英文學習： 13–15 小時
吃飯、睡覺：60–70 小時
剩約 43 小時可利用

好險這次中秋節學期進度暫停，多了一週的時間幫助很大（終於可以玩動森…咦？）這才讓我可在截止日前完成作業。新學期難度更深，再加上自身學習時間更短：

心態從未知的興奮感到時時緊張憂慮。

接下來讓我依照四週的學習內容和心態想法分別做整理吧。

第一週

主要學習JavaScript的陣列、函式、物件，也是第一次將各個小程式做結合成一份很長的程式碼，還要把結合過的程式碼重新整理順過一次。一開始就來JavaScript更深的概念應用，作業不多但每項作業都有難度要花很多時間去解題。文章內容長度也比學期一來得更長、更多生疏名詞，而且大部份的補充資料最後都沒有時間看。

因為時間有限，學習方式與學期一最大的不同，是我直接做練習題取代重複來回看文章，以此驗證自己已瞭解文章的內容。學期一還開開心心額外做筆記、學習如何做筆記，現在光看完文章就來不及了，更不用說做筆記，也變成直接在程式碼旁邊做備註。

週年慶摸彩活動 — 設定多組隨機號碼彩卷、隨機抽選得獎者，並且把得獎人資訊做部份隱藏。

整合之前寫的程式碼，變成一個完整的抽獎程式。

RPG 戰鬥 — 這個作業很有趣，戰士和巫師兩個角色，運用彼此生命數和魔法值不同和變化，所進行的打鬥設計。

因為直接聯想到以前玩過的 RPG 遊戲，一整個燃起想好好改變原始設定，即便只是兩個角色搭配兩個變數值，也想將這個程式做得更好玩且更合理化。所以我額外做了更複雜設定的 RPG 戰鬥自我挑戰（自作孽！？），可是因為能力不足，還來回修改規則，寫到最後只想跑去玩個真正的遊戲慰勞一下自己。

邊寫邊玩的 RPG 自製小遊戲。

助教不僅兩種 RPG 版本都看過，還給予不同思考方向！讚！

第二週

主要學習 Bootstrap 用法，並且帶到學期一所學CSS 設定裡最頭痛的部份 — Flexbox 和 Grid 排版，在加上 Responsive Web Design 因應各螢幕大小做不同排版，以求閱讀舒適。

根據螢幕尺寸改變排版（終於理解是怎麼操作的了！）

當然在學習之前，沒想到還會有其它工具，也能做出相同的排版需求。實際體驗 Bootstrap，原來 Bootstrap 可取代很多 CSS 上的設定，不用另外寫 CSS 去對應 HTML 的 Class ，一一寫出樣式設計語法，真的是很方便！那為什麼一開始不學這個就好了？

原來他的方便性還是有代價的：

• 樣式一致。 Bootstrap 的預設樣式設定，其顏色、字體大小、行高、滑鼠移動按鈕變化是固定且不好更改（還沒找到方法）。如果只依賴它，網頁就會缺少獨特性。
• 多了英文單字和用法要瞭解。其英文字與用法只是和 CSS 語法類似，但不完全一樣。所以還是得靠熟練度，才能在寫程式過程中，減少查找時間和降低測試次數。或不知道 HTML class 是自定義還是 Bootstrap 預設。
• 不知道程式是在跑 Bootstrap 還是 CSS。尤其初學者更會亂掉！會不懂這個排版到底是被什麼影響到的？Bootstrap 有可能會與其它外掛或 CSS 設定打架。

逃避心態只升沒降，雖說最後依舊在時間內趕完進度，但在心理上自覺沒有變好。在這週自省時，想要開始嘗試將心態轉變：

從「還有多少還沒看完」調整為「已經看完了多少」、
從「還有多少要學」調整為「自己已經學到了多少」。

使用 Bootstrap 快速做出網頁，因為快速也有很多受限。

第三週

這週學習：如何整合過去所學的 HTML/CSS/JS、怎麼樣找都找不到的 DOM 節點、邏輯和節點需搭配好的事件軀動設計 DOM Events。終於可以學到互動網頁是怎麼做的，但這週學習對我來說是超級大魔王！比單純寫 JavaScript 還要難！好險這週碰到中秋節連假延後進度完成日，等於有兩週時間學習，讓我可以在期限內完成作業！

為什麼難呢？因為要結合三種語言，正所謂「牽一髮動全身」，在這週之後可以「快樂」的體會到。另外是找節點，很不習慣有多種寫法也可以抓到相同的節點，更不用說又是一堆新單字要熟練。總之除了多練習、多做備註、在提醒自己不要有未雨綢繆的心態。

第四週

這週主題就是實作，沒有文章。光是實作就要花一整週的時間完成，實作過程中要查找的資料量不比以前看文章還要少，幾乎是把前幾週的文章再瀏覽過一次。

計分板
真正的互動！按鈕 icon 不再是擺好看的了！可以按 ＋ 符號將分數往上加，按 － 符號做扣分，數字會因應滑鼠點擊按鈕做出變化。

RGB to Hex Converter
光是 HTML 排版，即便樣式我主要是使用 Bootstrap 資源去寫，連功能互動都還沒碰到就花了四小時才完成。寫功能互動 JavaScript 從找節點到事件驅動設計，又花了四小時。再花兩小時解 bug。

這樣一個看似簡單的排版，花了我將近四小時。

第一種版本寫完，第二種版本就快很多了。大概花我四小時寫完，主要還是卡在排版，為什麼這個不能置中？為什麼這個字不是粗體？會有種到塞車或遇到不守規矩的情況，讓人脾氣爆躁想按喇叭的憤怒感！

最難不是程式互動，而是排版！

總結

這學期也額外導入 Trello 去管理我的進度和作業，這出發點在增加我學習的動力。除了更好瀏覽進度，因為太多新的名詞和觀念，沒有時間整理筆記，藉由專案管理方式，在完成每篇文章時，再次自我評估是否已學習到各個章節的重點。

在第二週轉用 Trello ，嘗試另一種做筆記的方式。

七週跟著 ALPHA Camp 進度學習，最想逃避的第一名還是寫每週回顧和最終心得！即便自己知道學習上的自省和反饋很重要，但每次要面對寫心得就會先有反感。也許主因在於這是最花時間、沒有明確答案，也只能靠記憶和破爛文筆去完成，一點信心也沒有。很感謝每週回顧都有助教給我鼓舞和回饋，這些即時性的反饋，都能協助我原本無力徬徨要進行新一週進度時，有這些無形的陪伴讓我能有動力繼續往前進！

助教滿滿用心的回饋！

接下來的學習（沒錯！我已經報名學期 2–2），希望能夠減少對於寫心得和寫回饋的排斥感。可能從每週回顧縮小成每天回顧，只要有學習的那天，在結束後就先花一點時間，簡單記錄學習內容和感想，到一個段落後再做結合整理。才不會一口氣花至少半天到一天的時間寫（再加上三到五天的逃避期），造成「會花費很長時間」的既定不好印象，導致想逃避或想拖延的心態無限延燒。其它就祈導我能每週在期限內完成作業吧！