網站前、後台實戰練功場

課程說明：

請注意：本課程為中階網站開發課程， 且採用線上同步教學，可一次訂多場次，每場只提供四個名額

《前端和後端工程師都需了解的前、後台資料介接技巧》

在完成「前台視覺設計」與「後台管理系統」之後，接下來就是前、後台的資料介接。前台必須正常帶出資料庫資料而不跑版，甚至需要將資料庫資料整合至互動效果中（例如：大圖輪播）。在現今 RWD 已經成為網站標準配備的時代，更要考慮前台在不同裝置的資料呈現。若前、後端工程師對於彼此的工作沒有基礎概念，可能造成整合時來回修改，甚至導致前端需要重新切版，或需要重新帶資料的狀況。

《什麼是Elixir (Gulp&Bower)》

在 Laravel 「前端」開發流程中，Elixir 佔了一個很重要的角色。Elixir 是一個 Node.js 模組，安裝後會存放在每個 Laravel 專案資料夾內的 node_modules。它提供了一組更簡單的 API 指令來執行 Gulp 前端工作管理器，可自動化處理 Sass/SCSS/Less 的編譯、CSS 的合併、JavaScript 的合併、將 CSS/JavaScript 會用到的資源檔 (如：JS檔、圖檔、字型檔) 複製到 public 資料夾下......等基本卻繁瑣的任務，讓前端開發流程更順暢。

《網站後台系統的重要性》

建置網站的技術有兩類：「靜態網頁 (static web page)」與「動態網頁 (dynamic web page)」。「靜態網頁」指的是由純HTML 標籤構成的網頁。然而，「動態網頁」則是指由某種程式語言 (例如：PHP) 動態產生 HTML，設計師不但需要撰寫程式，更有可能要投入許多時間在處理「資料庫 (database)」。

這裏提供一個假設的情境，可能有位客戶委託您設計「一萬頁」產品說明頁，需要替換不同的圖片和文字，且這一萬個產品說明頁的外觀和規格需要看起來一致。此時如果使用「靜態網頁」技術處理，則需要用 HTML 老老實實地作一萬頁，然後逐一上傳到網站空間，耗時耗力，成本也非常驚人。然而，若採用「動態網頁」技術處理，您只需要做好「一頁」帶有程式的網頁，並將一萬筆圖片和文字儲存於資料庫中，讓這個網頁自動切換和帶出，則是又快又省力。

使用者透過瀏覽器所看到的動態網頁，稱為「網站前台」，也就是大部分使用者可以瀏覽的「網站」。而網站管理者所操作的上稿系統，則稱為「網站後台系統」提供網站管理者更具親和力的使用者介面，對資料庫進行「增、刪、改、查」，亦即「新增資料」、「刪除資料」、「修改資料」、「查詢資料」或更複雜的任務。

《最流行的 PHP 框架－ Laravel》

Laravel 是一套開源 (open-source) 的 PHP 網站開發「框架 (framework)」，它基於「MVC (model-view-controller) 」的設計模式，能讓「前端 (front-end)」人員和「後端 (back-end)」人員各自獨立工作 (低耦合)，並無傳統工作流程需要人工整合，容易弄亂彼此的 HTML 原始碼與 PHP 程式碼的缺點。Laravel 的一大優點就是自動化整合雙方原始碼和程式碼，前、後端人員對網站的後續維護與修改，都不會發生誤改到對方檔案的情形。而且傳統工法中，後端人員通常必須等前端人員完成切版，才能開始套程式。使用 Laravel，切版和寫程式可以同步進行，降低等待時間。

Laravel 提供豐富的套件，如：使用者驗證、表單驗證、資料庫指令、網頁樣板指令...等。其語法簡潔並參考了其他知名框架的長處，如：Ruby on Rails 與 ASP.NET MVC。

Laravel 不但是當下最流行的 PHP RESTful/JSON 框架，根據 SitePoint的統計，Laravel 更蟬連了 2014年、2015年 PHP 框架市佔率的冠軍，在十多種 PHP 框架中脫穎而出，高達 25% 以上的市場佔有率。

參考連結：
http://www.sitepoint.com/best-php-frameworks-2014/ 
http://www.sitepoint.com/best-php-framework-2015-sitepoint-survey-results/ 
http://beebom.com/2015/02/best-free-php-frameworks 

線上課程形式與時間說明：

1. 本課程為線上講課，使用工具為 Google hangouts。
2. 可同時報名多場。
3. 本次課程之場次，上課時間如下：

您將學到：

Laravel前端工作管理術

• Laravel-Elixir
• Gulp設定
• Bower使用

Laravel前、後台資料介接技巧

• 前台頁面架構說明
• 資料集設定與傳送
• html建立資料集寫法

Laravel框架語法

• Laravel專案結構
• View、Route、Controller的關係
• Route基本概念
• Controller新增與設定
• View與Controller的串接

Laravel登入與驗證

• 登入與驗證原理說明
• Laravel登入機制使用
• 自訂登入機制

商品後台管理開發基礎

• 單層增刪改查

商品後台管理開發進階

• 二層式增刪改查

商品列表排序功能開發

• 上下移原理說明
• jQuery Ajax 在Laravel的使用方式
• Ajax與Controller的介接

圖片上傳自動縮圖功能開發

• 圖片上傳機制開發
• 縮圖功能原理說明與開發

課程講義：

本課程將會發給所有報名者

• 講義 (PDF檔案)
• 原始碼範例檔

適合對象：

1. 報名者需有HTML + CSS + SQL語法 + PHP基礎。
2. 想學習 Laravel PHP框架語法的開發者。
3. 想替客戶、公司、或自己設計一個網站後台系統的開發者。

講師簡介：

林靜君老師

廣瞻互動媒體設計有限公司台灣地區執行長與專案總監。知名電腦連鎖補習班之資深講師，有十五年以上程式設計經驗，7年行銷管理經驗，專長為 RWD 互動網站設計與 Android APP 開發。

靜君老師擁有多項軟體操作、行銷規劃、專案規劃、專案執行、課程規劃與軟體教學等經驗，精通前後台技術的整合應用、專案管理、搜尋引擎優化與關鍵字廣告。