JavaScript、Bootstrap、RWD、DOM[Alpha Camp學期2-1] 正式踏入這個世界！

第一週- JavaScript核心概念

這學期以JavaScript做開場，在學期一完成後自信滿滿的我一踏入馬上就開始懷疑人生了 T.T~

難度和學期一的確是有段落差。

這週課程以補齊JavaScript核心基本概念為主，介紹陣列、物件、函式概念及用法。第一次跟課對我來說好像是懂了卻彷彿很模糊，在課堂作業時就傻眼了做不出來，再回頭看課程、查資料和看各種範例才拼拼湊湊完成了這週課程。

很慶幸我個性就是拗 😂，我就不信我會看不懂這種初學者的東西。

我實際花了兩週時間在這預計一週的課程裡。除了查資料、練習各種範例外，難得的我在HackMD寫了筆記，把我弄懂的東西放上來做個紀錄，也在完成所有課程後再回頭快速複習一遍、重做一遍作業們。在我重作作業時完全無障礙一遍過時，我知道"我得到它了"！

非常的感謝Alpha Camp學習設定的方式，在學習開始前可以預讀，讓我在學期一到學期2-1的難度落差銜接上有充裕的時間。也很感謝可以觀摩前人的作業，在我真的打死結時可以看一下答案，也在我完成後可以觀摩以往同學們有沒有其他不同的做法，讓我學到更多不只是課堂上的基礎知識。

第二週- 切版技巧和工具

這週比起上週輕鬆一點。課程從CSS的FlexBox、Position觀念下手練習，接著對我來說花比較多時間的是Bootstrap的熟悉，最後再以RWD的概念結尾。

由於CSS在學期一時我一玩就會不小心一個通宵，Position用法在學期一時雖然課程沒有但我那時查資料查到覺得有趣就通宵玩了幾天，這週CSS部分對我而言就像是複習一樣輕鬆。果然凡是努力過就會留下痕跡！

Bootstrap對我來說就是新世界了，寫作業時花很多時間找想要的效果到底放哪一頁，那時心裡想"騙人！沒有比較快呀？"，但在完成作業後又用練習Bootstrap的想法參加Alpha Camp舉辦的黑客松，在短短3、4個小時逼出自己的極限(我極限怎麼這麼低 😂)，果然對Bootstrap熟悉度急速上升啊！就像近幾年有個概念"刻意練習"一樣，真的相當有用！

以下是我黑客松弄出來的Bootstrap切版練習 (照片來源是FB婦仇者廚房，只是初學者的練習，如有侵權請通知我刪掉)

See the Pen 婦仇者廚房-sideproject-bootstrap練習 by Naomi (@wuwachon) on CodePen.

RWD的部分就是提個概念沒有特別著墨。雖然沒有作業感覺自己不知道到底學到了沒，但這單元提醒我在切換螢幕尺寸切板可能會跑掉的問題，讓我之後在切板時都會特別注意，畢竟我完成個自己驕傲的小作品就想跟朋友炫耀一下，都馬用手機...  畫面跑掉怎麼炫耀 😂

這週很感謝Alpha Camp舉辦的黑客松，在這次活動原以為自己頂多參觀一下，卻因著活動氣氛也想定個題目參與一下挑戰自己。在這次活動裡除了自我成長外，看著眾多同學們的分享，也讓我的想像力寬廣了一點點 😝

第三週- DOM操作和事件處理

這週終於進入動態網頁入門了，實在是太好玩了！簡直是愛不釋手啊！

課程對我而言難度不高容易上手，但因為太好玩反而花了很多時間在自己想玩的練習上。這週有工作坊，助教帶著同學們互動井字遊戲練習節點選擇和置換節點內容，結束後我一個沒忍住通宵把整個井字遊戲給寫出來了 😅

See the Pen OOXX遊戲 TicTaxToe DOM操作 by Naomi (@wuwachon) on CodePen.

愉快的一週！寫完井字遊戲就想再來個象棋 😅。目前才好不容易完成了切版，不能再沉迷下去了，再玩下去課程進度就落後了 。

第四週- 綜合練習和資料結構設計入門

這週主要是結合前三週的課程而給的作業練習。可能前三週課程都是至少跟過兩遍，也花大量時間查找資料和自主練習，這週作業對我而言難度不高。但在資料結構設計部分卻卡了我整整一週😓。

很感謝幫我改作業的助教不厭其煩地和我一來一往多次，很有耐心地細細跟我講解我的誤區。在多次修改後，我彷彿懂了(?)，終於通過這次作業(灑花!)。

學期2-1就這樣到了尾聲。但這才2-1呀，接著馬不停蹄的要再朝2-2邁進了！加油！這世界越來越有趣了！😁