發表文章

目前顯示的是 3月, 2022的文章

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練習