今天繼續紀錄資策會「前端設計工程師」養成班的課程地圖：

程式

• PHP(90hrs)
  最一開始學習的程式語言倒是PHP這個後端語言，一些最核心的程式語言概念都是在這時候打下基礎，變數、函式、流程控制等等。後續學習到如何運用PHP處理前端submit、AJAX傳來的資料，再寫sql語言去資料庫查詢並傳回前端。

舉個例子，使用者想要查詢當月15日有甚麼活動，這時候可以透過表單傳送'15'這個參數到後端，後端語言(如PHP)便可以拿著這個參數，去資料庫中查到特定活動，再傳回前端呈現在網頁上。

• JavaScript(42hrs)
  JS所學到的，便是操作HTML上的各個物件。JS可以在瀏覽器解析好HTML後，再將其做改變，也可以藉由偵聽頁面事件，給予使用者回饋，例如滑鼠、鍵盤等事件。這一塊剛學的時候蠻困惑的，甚至覺得學不起來，直到後來學jQuery再回來看才通。

• jQuery(30hrs)

$("選擇器").on("事件",function(){
 //函式
})

以上是jQuery最基礎的「公式」，也就是先選擇頁面元素，註冊事件，每當事件發生時就執行函式。

學到這階段後，由於最後要完成一個具一定規模的團體專案，所以進入系統分析的課程。這一塊是純前端出發的網頁開發者比較缺乏的概念，但是在專案初期是相當重要的。

系統分析(60hrs)

這一段偏理論，在眾多loading重的課程當中相對愜意。系統分析得完整，可以讓專案順利許多，也能讓團隊成員對需求的理解趨向一致。不會說真的到寫code時才發現錯誤，到時彌補所要花費的成本將會是設計階段的多倍。系統分析有如下幾個階段：

• 使用者案例：網站有哪些功能？如: 買票
• 作業流程：定義買票流程，如: 註冊、查看票券、放入購物車、確認訂單、購買。
• User Story：從使用者的角度出發，以「使用者」為開頭的動作句描述。例如：
  「使用者可以按下放入購物車的鍵，將票券放入購物車」
  「使用者可以在購物車查看自己選擇的票券」
  「使用者可以在購物車中修改票券數量」
  「使用者可以刪除購物車中的票券」...這些句子會定義出要撰寫哪些程式，也作為驗收時的項目清單。
• ERM：定義專案中的實體以及其屬性，據此設計出資料庫。
• 表格規格描述：描述表格有那些欄位，其pk(Primary key), fk(foriegn key)

資料庫(30hrs)

這部分學習到資料庫的概念，如Table(表格)和SQL語法。SQL語法主要是用來創建表格和查詢出表格中的資料，以實現網站增(create)、刪(delete)、查(select)、改(update)的需求。舉例來說，當使用者註冊新帳戶時，前端會傳入「會員名稱」、「密碼」等資料，後端語言就會把這些資料新增到「會員」這張表格中，成為一筆資料。之後當這位會員登入時，只要查詢會員表格中是否有相符合的一筆資料，若有則讓這位會員登入。

以上就是資策會5.5個月所學習的內容。東西非常多，必須要很自律才能好好掌握，雖然很累但很充實！