[指南] AlphaCamp 第二學期與第三學期的差異

章節連結

課程設計差別

學期二

學期三

必備技能

1. 養成耐心看官方技術文本

2. 如何 Google 到自己想要的答案

AlphaCamp 相關文章

AlphaCamp 課程的第二學期和第三學期，其課程難易度與設計上有著顯著不同。趁著這篇寫下第一手的體驗心得。

課程設計差別

學期二

瀏覽器的前後隱含了 HTML, CSS 和 JavaScript 的互動。不過，你並不會接觸到如何取用或是設計資料庫，只需專注在如何將所得的資料呈現在使用者的瀏覽器上時，有良好的體驗。在這個階段，你會運用到大量的排版工具、熟悉DOM的操作、RWD的排版設定。必要時，你可能會接觸不少的第三方套件如 jQuery(教材裡沒有，但你在網路上搜尋你想要的效果會常看到這語言), Bootstrap，以及開始在搜尋引擎上查詢大量的範例來協助你完成產品的規格要求。
想看學期二學到什麼，可以點這邊：Alpha Camp 第二學期期末回顧

學期三

主要專注在後端資料庫的操作。在這學期，你幾乎不會使用到 DOM 的概念，反倒是要專注在前端設計的表單、表格，傳輸到後端後會以什麼樣的形式被取得。你要運用這些取得的資料，對資料庫進行查找、比對，並將結果渲染回使用者端。許多常見的應用程式功能，如登入、搜尋、認證、路由設定、同步與非同步執行、版本控制等在這個階段，會有更進一步的活用。教材只能講述你大略會遇到的情況。當遇到錯誤時，「如何除錯」、「如何有效的發問」和「如何搜尋」資料會是這個學期的重點隱藏功夫。
完整版可以點選這篇：Alpha Camp 第三學期期末回顧關於自學

必備技能

1. 養成耐心看官方技術文本

不免俗的就會提到老問題：英文不好怎麼辦？若你有學程式語言的耐心，相信你到最後一定也可以看懂。當你學一個程式語言時，你不會想著我要先背起來有多少的函式、邏輯控制的語法才開始寫。反倒是以「我想要做出什麼功能」為出發點，去找尋有沒有對應的指令或是想法可以幫助你達成目標。最後，你會發現其實學自然語言(如：英文)也是一樣的概念。
P.S. 英文資料量比簡體中文多，而簡體中文又比繁體中文多。所以想逃避不看非繁體中文的文章和分享是幾乎不可能的事。

2. 如何 Google 到自己想要的答案

問題有百百種，但在丟上搜尋引擎前，可以先嘗試以下方法：
A. 這功能可能會用到哪些技術、關鍵字，然後再丟上搜尋引擎爬文。
B. 直接將錯誤訊息複製貼上，看一下是什麼樣的狀況會導致出錯。

AlphaCamp 相關文章

★全文分享★ [筆記] Body-Parser 無法解析的 FormData 解決方案 – multer

運用 express 的框架來架設後端的 Node.js 伺服器時，當遇上前端傳來的表單資料為 multipart/form-data 格式時，那麼 body-parser 套件是不支援的。這時可以運用 multer 套件來解決這個問題。使用範例1.首先先

★全文分享★ [筆記] 解決 Vue 專案的 localhost:8080/sockjs-node 的無效請求

這篇是解決不時在測試 Vue 專案上時，常會在瀏覽器的 console 內看見的無效 GET 請求如：http://localhost:8080/sockjs-node/info?t=<一串亂數>，要如何處理。步驟1.若是處在開發階段看到的話，會因為你所

★全文分享★ [筆記] Vue.js & Node.js 專案初始化筆記

這篇主要是筆記下如何快速的在本機端生成一個 Vue.js 的專案，並結合 Bootstrap 和 Node.js 二者來產生一個前後端兼備但卻彼此分離的網路應用程式。步驟Vue.js 框架下，其網址多半會帶有 # 字樣。這是

★全文分享★ [筆記] Alpha Camp 第四學期期末回顧之三 – 專案發表後

畢業專案簡報時，評審的手也沒有閒著，從各個角度來測試專案是否能正常運作，進一步的防止有心人士偷改資料造成系統當機。Max、維元、楚玄、Sam…..等評審給予的回饋，在往後的成長道路上，

★全文分享★ [筆記] Alpha Camp 第四學期期末回顧之二 – 畢業專案

這回的畢業專案，AlphaCamp指定了三個方向(電商、旅遊規劃和CRM系統)，其餘的就交給各個團隊自己打磨。在這一個月的時間內完成ERD、決定使用者故事的開發的優先順序、實際寫 Code 和最後佈署後的

★全文分享★ [筆記] Alpha Camp 第四學期期末回顧之一 – 個人成長

AlphaCamp 的第四學期內容算是非常扎實。隨著接觸的內容變多的情況下，在心態上也得有所轉變，不再能一味的希望課程能教導或提供完整的範例給你。課程的內容應被當成是一個個的楔子，跟每個

★全文分享★ [筆記] Node.js 在 Windows 上的開發環境建置

這篇文章記載下於 Windows 上建置開發 NodeJS 相關應用的環境過程和步驟。操作步驟//1. 安裝 cmder，下載位置在右邊：https://cmder.net///2. 安裝 nvm，到右邊的 Github 網站下載：https://github.com/coreybutler/nvm-win

★全文分享★ [筆記] Sequelize NodeJS 專案初始化筆記

本篇記錄下 AlphaCamp 第四學期的重頭戲之一，與他人一同打造類 Twitter 專案的過程。同時，這也是記錄如何從無到有打造一個專案的過程。一、專案規劃提出規格(Spec)清單，內容包含以下：1.使用角

★全文分享★ [筆記] Heroku Sequelize 佈署細節

本篇記錄下如何將 SQL 關聯式資料庫佈署到 Heroku 上的步驟與心得。操作步驟// 1. Heroku 指定的資料庫是用 PostgreSQL，故先用 npm 安裝相關套件npm i pg// 2. 調整 config/config.json 的設定 “production”: { “use_env

★全文分享★ [筆記] 運用 Heroku 佈署的初始化步驟

這篇文章記錄下如何將本機端的專案推撥到 Heroku 上的步驟。整體操作難度不高，但是要盡量讓 git 和 heroku 的檔案放在同一層。否則上傳時，heroku 會抓不到 package.json 的檔案。步驟1. 首先，先上 Hero

★全文分享★ 運用 Node.js 建網站的初始化步驟

AlphaCamp 的課程進入到第三學期後期，趁機整理一下如何運用 Node.js 來建立一個簡單網站的步驟(包含前端畫面、後端資料庫、登入頁面、串接API以及除錯)。第一部分1.Wireframe畫面的設計草稿，每個頁

★全文分享★ [指南] AlphaCamp 第二學期與第三學期的差異

AlphaCamp 課程的第二學期和第三學期，其課程難易度與設計上有著顯著不同。趁著這篇寫下第一手的體驗心得。課程設計差別學期二瀏覽器的前後隱含了 HTML, CSS 和 JavaScript 的互動。不過，你並不會

★全文分享★ [筆記] Alpha Camp 第三學期期末回顧關於自學

學寫程式的過程旅途上，「自學」在不知不覺中就成為身體中記憶的一部分。畢竟寫程式卡關的問題有百百種，有時只是單純打錯字、也有可能是一開始的邏輯設計就出了毛病。這時，運用搜尋「

★全文分享★ [筆記] Handlebars Register Helper 自定義 Helper 用法

Handlebars 的模版，其判斷式功能的延展性不佳，類似 {{#if 3>2}} 這類的用法都預設無法使用。RegisterHelper 就是用來解決這個問題。使用方法初始化//initialize handlebars (not express-handlebars)const Handlebars = r

★全文分享★ [筆記] Google Place API 串接 (Google Map 系列服務)

Alpha Camp 的第二學期課程，讓大家試試水溫串接 API。在心血來潮下，想說串接個 Google Map 的 API 來玩玩看。不過要做的準備工作還真不少，以下是試驗不少次後所得到的心得。串接前的準備工作1. Goo

★全文分享★ [筆記] Alpha Camp 第三學期

Alpha Camp 是個新興的線上線下整合的課程平台。第三階段是為期8週的課程，主要將學習 Web 開發實務框架，使用 JavaScript + Node.js 打造一個兼具前、後端與資料庫的網路應用程式。若對第一階段有興

★全文分享★ [筆記] Pagination 分頁功能實作 JavaScript

網頁設計中常見的分頁功能(Pagination)的實作筆記過程。邏輯上，可以拆解成以下兩項：1.計算總共頁數2.依照使用者點擊的頁數來決定顯示多少項目實作步驟1.HTML部分<!–採用 Bootstrap 4.0 –><nav a

★全文分享★ [訪談記錄] 自身興趣和實作在工作上找到歸屬感與成就

AlphaCamp 第二學期的第三份訪談，幸運的請到一位自高中時期認識的神人朋友，來聊一下他的程式學習歷程。相關訪談1.什麼契機下開始接觸程式？小學的時候有去資策會上過 RPG 製作大師的課程，使

★全文分享★ [筆記] Git 忽略 .DS_Store 等排除檔案

初學 Git 常會遇上的一個問題就是，Git 會自動追蹤一些系統記錄檔案(如MAC上的 .DS_Store)，所以一份排除清單就是必要的一份工作。排除方法1.在 git 專案下，新增 .gitignore 檔案請利用終端機(Terminal)新

★全文分享★ [筆記] Git 更新分支、解除衝突方法一覽

從本機端同步到 GitHub 上頭的專案，於每次上傳 commit 時都會比對兩邊的資料。若有出現不一致的情形，就會挑出錯誤訊息。錯誤情境1.遠端資料較新由於 Github 網站本身有提供修改的地方(可以線上

★全文分享★ [筆記] API 串接, Axios 和綁定DOM事件

在 Alpha Camp 的第二學期課程中，有提到寫個網頁來向遠端伺服器請求資料，故整理一下自己腦海中所學到的技巧與觀念。重點提示運用 “Axios” 工具以 “GET” 方式請求資料<script src=”https://unpkg.com/axios/

★全文分享★ [筆記] textContent, event.target 和 innerHTML

筆記一下在學習撰寫 JavaScript DOM時，常會遇上的三大功能 innerHTML, textContent 與 event.target 的用法。重點整理innerHTML常搭配 HTML 的 Element Object 來執行，將一段 HTML Code 寫入特定區塊。// 以下例子取自 w3