[筆記] Alpha Camp 第二學期 期末回顧

Alpha Camp 的第二學期課程,一晃眼間就兩個月過去了。從現在回首來看,發現自己也默默的熟悉了一些網頁互動的技巧,寫程式也開始不讓人那樣心生恐懼。將情境轉換成電腦可以理解的小步驟,並將其一點一滴的刻出來。當最後完工時,真的會挺有成就感的。
alpha camp logo


Alpha Camp 第二學期課程內容


學到什麼?

瀏覽器的前後隱含了 HTML, CSS 和 JavaScript 的互動。在兩個月前,我完全不認為自己有能力寫出一個 Side Project 出來。不過在課程的潛移默化下,似乎跟自然語言的習得的體驗類似,就有種:我居然也有辦法寫的出來一個簡單的小工具。

Foreign Exchange Gadget

這個小工具主要是方便查詢貨幣匯率。換言之就是,1塊A貨幣可以兌換X塊B貨幣的概念。
預設使用情境如下:
1.當使用者進入網頁時,首先看到的是新台幣的數據
2.使用者可以點選上方的貨幣名稱,迅速切換熱門貨幣(手機版為6個;電腦版為7個)
3.使用者也可以輸入3位的貨幣代碼,並按下”Enter”或是右方的”Search”來查詢
4.貨幣代碼要有中文顯示名稱

foreign exchange gadget demo

最後成品請點此。這個 Side Project 幫助自己複習了事件監聽、JSON的資料處理、取值特定字串、迴圈及一系列迭代器運用、CSS 排版、時間資料處理。


發現自我

為了養成持續學習的習慣,真的是個意志力的大考驗。每週定期的學習和時間規劃,剛好配合上碩士論文的求學進度。為了兩全其美,將自己的生活作息、精神力控制、EQ控制等剛好做個完整的重新設定,算是意料之外的收穫。

課堂之外與下一步

課堂上的教材的確是非常有趣,而且也是目前業界常用的,像是 Bootstrap、grid 和 flex 排版方式。體驗過這些後,當看到新穎的網站設計時,反倒腦袋會想究竟它的原型是怎樣磨出來的。不過這有利也有弊,你可能無法單純欣賞網頁的美。如同電影人去看電影時,腦袋裡會想這運鏡是如何是一樣的。另外,參考同學的作品並從中發現自己沒想到的點,也是讓自己成長變快的方法。一個人參加線上課程(如 Udemy)之類的最怕遇到的瓶頸就是:沒有參考的學習對象,也沒有人可以發問。雖說不是沒有成功案例,但讓很多有心人往往陣亡在路上。

成功 = 堅持到底 + 方法,而 Alpha Camp 的確是個將精良工具和方法融合的恰到好處。我想根據目前自身的學習狀況,打鐵趁熱往下一步前進是正確的選擇。


Alpha Camp 相關文章

★全文分享★  [筆記] Body-Parser 無法解析的 FormData 解決方案 – multer
[筆記] Body-Parser 無法解析的 FormData 解決方案 – multer
運用 express 的框架來架設後端的 Node.js 伺
★全文分享★  [筆記] 解決 Vue 專案的 localhost:8080/sockjs-node 的無效請求
[筆記] 解決 Vue 專案的 localhost:8080/sockjs-node 的無效請求
這篇是解決不時在測試 Vue 專案上時,常
★全文分享★  [筆記] Vue.js & Node.js 專案初始化筆記
[筆記] Vue.js & Node.js 專案初始化筆記
這篇主要是筆記下如何快速的在本機端生
★全文分享★  [筆記] Alpha Camp 第四學期 期末回顧之三 – 專案發表後
[筆記] Alpha Camp 第四學期 期末回顧之三 –  專案發表後
畢業專案簡報時,評審的手也沒有閒著,
★全文分享★  [筆記] Alpha Camp 第四學期 期末回顧之二 – 畢業專案
[筆記] Alpha Camp 第四學期 期末回顧之二 – 畢業專案
這回的畢業專案,AlphaCamp指定了三個方向(
★全文分享★  [筆記] Alpha Camp 第四學期 期末回顧之一 – 個人成長
[筆記] Alpha Camp 第四學期 期末回顧之一 – 個人成長
AlphaCamp 的第四學期內容算是非常扎實。隨
★全文分享★  [筆記] Node.js 在 Windows 上的開發環境建置
[筆記] Node.js 在 Windows 上的開發環境建置
這篇文章記載下於 Windows 上建置開發 NodeJS
★全文分享★  [筆記] Sequelize NodeJS 專案初始化筆記
[筆記] Sequelize NodeJS 專案初始化筆記
本篇記錄下 AlphaCamp 第四學期的重頭戲之
★全文分享★  [筆記] Heroku Sequelize 佈署細節
[筆記] Heroku Sequelize 佈署細節
本篇記錄下如何將 SQL 關聯式資料庫佈署
★全文分享★  [筆記] 運用 Heroku 佈署的初始化步驟
[筆記] 運用 Heroku 佈署的初始化步驟
這篇文章記錄下如何將本機端的專案推撥
★全文分享★  運用 Node.js 建網站的初始化步驟
運用 Node.js 建網站的初始化步驟
AlphaCamp 的課程進入到第三學期後期,趁機
★全文分享★  [指南] AlphaCamp 第二學期與第三學期的差異
[指南] AlphaCamp 第二學期與第三學期的差異
AlphaCamp 課程的第二學期和第三學期,其課
★全文分享★  [筆記] Alpha Camp 第三學期 期末回顧 關於自學
[筆記] Alpha Camp 第三學期 期末回顧 關於自學
學寫程式的過程旅途上,「自學」在不知
★全文分享★  [筆記] Handlebars Register Helper 自定義 Helper 用法
[筆記] Handlebars Register Helper 自定義 Helper 用法
Handlebars 的模版,其判斷式功能的延展性
★全文分享★  [筆記] Google Place API 串接 (Google Map 系列服務)
[筆記] Google Place API 串接 (Google Map 系列服務)
Alpha Camp 的第二學期課程,讓大家試試水
★全文分享★  [筆記] Alpha Camp 第三學期
[筆記] Alpha Camp 第三學期
Alpha Camp 是個新興的線上線下整合的課程
★全文分享★  [筆記] Pagination 分頁功能 實作 JavaScript
[筆記] Pagination 分頁功能 實作 JavaScript
網頁設計中常見的分頁功能(Pagination)的實
★全文分享★  [訪談記錄] 自身興趣和實作 在工作上找到歸屬感與成就
[訪談記錄] 自身興趣和實作 在工作上找到歸屬感與成就
AlphaCamp 第二學期的第三份訪談,幸運的請
★全文分享★  [筆記] Git 忽略 .DS_Store 等排除檔案
[筆記] Git 忽略 .DS_Store 等排除檔案
初學 Git 常會遇上的一個問題就是,Git 會
★全文分享★  [筆記] Git 更新分支、解除衝突方法一覽
[筆記] Git 更新分支、解除衝突方法一覽
從本機端同步到 GitHub 上頭的專案,於每
★全文分享★  [筆記] API 串接, Axios 和綁定DOM事件
[筆記] API 串接, Axios 和綁定DOM事件
在 Alpha Camp 的第二學期課程中,有提到寫
★全文分享★  [筆記] textContent, event.target 和 innerHTML
[筆記] textContent, event.target 和 innerHTML
筆記一下在學習撰寫 JavaScript DOM時,常會
★全文分享★  [訪談記錄] 觀察、效能和成就感
[訪談記錄] 觀察、效能和成就感
第二場訪談請到大學時期認識的 Mr Miao,
★全文分享★  [筆記] BootStrap Card + Grid System + Modal 彈出視窗
[筆記] BootStrap Card + Grid System + Modal 彈出視窗
運用 BootStrap 4.0 版本起有的 Card 樣式,再
★全文分享★  [訪談記錄] 反思 試著對未來的職涯跨出一步
[訪談記錄] 反思 試著對未來的職涯跨出一步
訪談後的反思,是個讓理想化為現實的具
★全文分享★  [訪談記錄] 堅持加上興趣 在程式的世界中遨遊
[訪談記錄] 堅持加上興趣 在程式的世界中遨遊
YH 目前任職於某日商台灣分社旗下擔任軟
★全文分享★  [筆記] Alpha Camp 第二學期 啟程
[筆記] Alpha Camp 第二學期 啟程
Alpha Camp 是個新興的線上線下整合的課程
★全文分享★  [筆記] Alpha Camp 第一學期 暖身
[筆記] Alpha Camp 第一學期 暖身
Alpha Camp 是個新興的線上線下整合的課程
按讚加入粉絲團

延伸閱讀