API&Ajax串接、前端網頁細部功能、程式碼優化、MVC架構練習[Alpha Camp學期 2-2] 覺得自己長大了
第一週- API&Ajax串接
這學期以API&Ajax串接做開場，難度不高，只是讓我又打開了新世界大門，以前從來沒想過原來不用所有事都要自己做😂。
這週練習了幾個很方便練習的API(Random狗狗照片、Random User、找歌詞)。除了課堂的練習，也讓我萌生了以後也想成為提供API帶給別人方便的開發者。
這週玩得很愉快，除了課堂作業外，Alpha Camp這週又再度舉辦了黑客松。沒想到在分享要做什麼的想法時，現場炸了！😂
比起上次有意識的在想黑客松要刻意練習什麼，這次我是沒怎麼想就直接訂主題。訂完主題後想user story再構圖，後來就是建構需要的資料，查找想要的效果語法用法，最後把程式碼慢慢補完細部調整完成。
這次的主題是月老廟。構想來源是社群裡有人分享去拜月老都沒拖單，我就想疫情期間就別去現場了吧，我們來試試線上拜拜求籤擲茭試手氣😂。
以下是我黑客松弄出來的網頁開發練習 (照片來源是google搜尋到的，籤詩是網上隨意找的各個古詩詞，只是初學者的練習，如有侵權請通知我刪掉)
See the Pen sideproject-月老廟 by Naomi (@wuwachon) on CodePen.
完成了黑客松的side project，我發現自己對於監聽事件處理更熟悉了，也因為資料有點多，也開始對於怎麼讓程式更簡單易讀這件事有感覺。在開始做之前試圖要找別人建置好的古詩詞API，發現只有簡體版的，又開始研究怎麼簡轉繁。在一系列的查資料、看不懂、再查資料、又看不懂的循環下，最後都沒有採用😂，但對於我想學習後續的課程更有動力了，我就是相信等到後面課程教到我一定就懂。
第二週- 電影清單：前端體驗綜合實作
這週開始建構一個完整的網頁，內容極多。從電影資料的API手把手教一個簡單網夜各個細部功能怎麼建構，包含了一開始的HTML文件、API資料取用、Search功能、Local Storage、Paginator。照著做都不難，就是細節比較多一點。這週算是輕鬆的一週。
到目前為止，跟學期2-1一上來就懷疑人生比起來，這學期有一種由苦到甜的感覺。不僅內容難度不高還特別有成就感做出像模像樣的網頁，大部分的bug幾乎都是拼錯字導致(debug特別痛苦)，但在這學期同學們之間基底深厚度就很明顯看的出來。
很感謝Alpha Camp設計課程時多了個讓同學們可以互相觀摩作業的機制，很多時候自己做的很嗨完成作業要的功能，一觀摩同學作業才發現原來可以寫得更漂亮、精簡、清楚，有好多神等級的同學雖然我不理解這程度為什麼會出現在這😂，但還是很慶幸能觀摩到這些神乎其技的程式碼。
第三週- 接續上週自主實作
這週接續上週手把手完成電影清單網頁，這週主要就是利用Random User的API設計一個社群名單網頁，應用上週學到的各個細部操作，再優化細節。以難度來說也不算難，但因為想做的太多反而很花時間😂。
到目前為止，再Alpha Camp的學習讓我越玩越嗨、越學越有動力。
第四週- 翻牌遊戲：微型專案設計
這週以重頭到尾的翻牌遊戲給了我MVC的概念(Model-View-Control)。
在第一週開始有意識的想優化、簡化、易讀化程式碼，在這週有了個手把手的教學。(我最喜歡可以互動的網頁了！)
See the Pen 2-2 S4A18翻牌遊戲 by Naomi (@wuwachon) on CodePen.
這週的工作坊再重新檢視了學期2-1的井字遊戲，再這次工作坊裡，助教一個個檢查同學即時寫出來的程式碼，提醒大家調整的方向，讓我對於簡化函式功能更有概念。
課程結束後，銜接下一個學期2-3的是Git&GitHub、學習回顧、前後端選課引導。目前還在花時間慢慢消化中，期望我能保持滿滿的動力持續學習！
後話
在這整個學期裡，我發現自己長大了！(不是變胖橫向發展😂)
與上學期相比，這學期觀摩作業、查找資料、幫同學或學弟妹解決問題變得特別主動積極。不是因為覺得力不從心才觀摩作業，相反的，這學期內容對我來說困難度不高，但就是有一股腦地想知道更多的感覺！而同學和學弟妹們的問題，也是我在這路上曾經困擾我的，只是我進度稍微快了一點點能剛好解決他們卡住的點。
我發現學習需要足夠的動力和成就感，正向的自我喊話非常重要！這學期經歷了很多看不懂查資料還是不懂再查資料的過程，尤其看到同學都超神會有點懷疑我們上同一堂課嗎？😂但這些狀況如果告訴自己："酷！我要學起來！"、"哎呀！看不懂，我應該是越級打怪了，之後上到一定就懂了，現在放過他！"、"好難啊！好有挑戰！來拚！"，就等於隨時再幫自己充電。
我相信這條路我才剛在入口(從選課引導的學無止盡就發現自己掉進海裡了😂)，但我也相信"奮鬥的路很寬，也不擁擠，安逸的路很窄，而且很擁擠"，之後的課程也要和現在一樣充滿動力！學期2-3我來了！
留言
張貼留言