攻城獅必學 - 從0到1打造購物網站

修改內容

106.5.14更

課程將會於5/15晚間上架審核，因應時間關係此版本並無字幕，課程上架後會針對單元逐一進行再製，包含字幕、註解、畫面調整等等，如有不便還請見諒，我們會盡力給予更好的學習品質。

為什麼要開這堂課？

近幾年來，台灣掀起一股創業熱潮，年輕人們勇於築夢與走出舒適圈，有的做起網拍，從阿里巴巴、淘寶等平台批貨回來賣，也有像我們一樣，開起工作室接外包，負責網站平台開發建置。

▲如果你也是熱血青年想一圓創業夢，卻又擔心自己的能力不足？那歡迎你訂閱我們 CodeLabs 粉絲專頁，我們團隊裡有專業的全端工程師、UX / UI 設計師，以及時常在社群分享 Coding 等教學文章，並在 Hahow 定期上架新的程式課程。

▲而在這堂課中我們會教導你如何使用 CSS、JQuery、PHP 等語言來架設購物網站，內容可能不像大學裡所教導的程式課程，而是偏向於實作方面，我們會帶入目前主流上所使用的一些技術與平台，快速帶領你進入架站的世界。

誰適合這堂課？

雖然我很想說全世界的人都應該來學這堂課，但可惜這堂課不是適合所有人，在 Hahow上已經有許多老師開過網頁程式基礎課程，所以我們決定製作這堂課程是，學員已經學過基本程式語言、邏輯，有一定基礎概念，把 " 懂 " 變成 " 會 " 的實作教學。

教學方式？

如果你對於自己的實力不夠有自信，不確定自己上這堂課是否會太過吃力，我想你是多慮了，這堂課程會採用 Live Coding 的方式來做教學，而老師在過程中經過的重點，會將畫面切換成投影片或是動畫來做講解教學，以便於同學能夠融會貫通，我們會盡量讓學員們了解其中的原理，減少學員們的疑惑。另外我們會開設一個 Slack 群組方便大家在課後與學員與老師之間做討論。

粉絲團直播

如果想了解課程的授課品質，或是想聽聽看老師教課時的聲音，可以先鎖定我們的粉絲團，將會有定期的直播教學，近期直播內容會針對本堂課程作客前提示與基礎教學。

傳送門 >>> https://www.facebook.com/codelabs.tw/

你將會學到甚麼？

「攻城獅必學 - 從0到1打造購物網站」顧名思義就是從空白的文字編輯器裏頭慢慢敲上程式碼把一套完整的購物網站架設出來，教你如何使用 GCP 雲端平台架設網站，從前端連到後端， 會員系統以及購物車的建置…等等共 38 堂超過 480 分鐘的扎實課程，並根據學員數的增加，日後預計再追加製作 22 堂實用課程!

課程介紹

Step.1  工欲善其事，必先利其器。 (需要工具、技能) 

• 網頁瀏覽器 ( Chrome, Firefox or Safari )

• 純文字編輯器 ( 推薦 Sublime Text3, Atom or Notepad++ )

• 對於 PHP、HTML、CSS 有基本的認識

Step.2 GCP 應用

• 接著我們將使用 Google Cloud Platform 的 Compute Engine 來教導學員如何架設一個虛擬伺服器，並且透過一步一步的實作建立資料庫、網頁目錄、SSH 登入權限等等。

Step.3 PHP 框架

• 我們將使用 PHP 的框架 Codeigniter，並且透過實作能了解如何透過 CI 的幫助來建置網站。

Step.4 架構分析

• 學完基礎內容之後我們將分析接下來要製作的網站架構，並且規劃接下來要製作的事項與資料庫架構，透過 Trello 來管理開發進度。

Step.5+6 實作演練+自我練習

• DK 老師將帶領你一步一步從 0 到 1 架設完一個完整的購物網站

• 內容將會非常豐富 ( 非半吊子的網站 ) 

• 跟著課堂實作演練，並延伸練習，自我挑戰，增加自我實力。

• 如果僅僅跟著課程所教所做，絕對不夠，如果學生願意自我延伸練習，遇到任何問題都可以在討論區與老師討論與研究。

Step.6 延伸學習

• 如果這堂課無法滿足你渴求知識的慾望，請盡速訂閱 #CodeLabs!

隱藏課程

為了提升教學品質，當募資期間30天過後將結算募資達成率，並依照下表來加開隱藏課程。

更正 :
團隊討論後決定更改方案，不論募資期間達到多少比例，課程上架後都將依依解鎖課程。

• Front end - Facebook Like 粉絲團

• Front end - Groupon 優惠券、折扣碼

• Front end - Mulit-Product 組合優惠

• Front end - SMS 簡訊通知

• Front end - CMS 網頁內容

• Front end - Similar 你可能會喜歡

• Front end - HashTag 商品標籤

• Front end - Language 多國語系

• Front end - EZShip 物流串接

• Front end - Point 點數紅利

• Front end - Like 喜歡收藏

• Backend - CMS 內容管理

• Backend - 第三方登入(Facebook)

• Backend - Google Analytics 流量分析

• Backend - Email 電子報

• Backend - HashTag標籤管理

• Backend - Shipping 運費設定

• Backend - Groupon 折扣碼管理

• Backend - Point 紅利點數設定

• Backend - Reserve 庫存管理

• Backend - Report 報表分析

• Backend - Full Amount 滿額設定(ex: 全館買幾件打幾折)

※滿額設定合併於折扣碼的隱藏課程

DK老師簡歷

五年前進入到code的世界後...

• 曾經開發過大大小小的網站 ( 純手刻、無碼、無套件、無任何 Framework XD )
• 因為興趣投入到 Android
• 與夥伴打造了 WYSIWYG 所見即所得線上網站架設平台，並參與了幾場競賽活動
• 在一間非常豪邁的公司當過過客，讓我的能力值大幅提升，並且認識 PHP Codeigniter, MariyaDB
• 因為興趣進而接觸了超狂的 MEAN Stack 流派
• 正在打造 MapsWalker 沃克地圖，完全透過 Javascript 進行塑造，超越以往的極限，這才知道人外有人、天外有天，場外還有一隻熊的道理，然而目前在 MapsWalker 擔任 Full Stack Engineer 負責建構核心。

社群連結: LinkedIn 、DK Blog 

• July 2016 - Present | Full Stack Developer | CodeLabs.tw
• March 2015 - Present | Full Stack Developer | MapsWalker
• December 2015 | Support Full-Stack Engineer | FoFoSoLoMo
• October 2015 - July 2016 | Web Developer | EchoStudio
• January 2015 - June 2015 | Full-Stack Engineer | FoFoSoLoMo
• August 2014 - December 2014 | Technical Advisor | iSTART Incubation
• March 2014 - December 2014 | Technical Advisor | ChengHsi Inc
• .January 2014 - March 2014 | Front-End Developer | ChengHsi Inc.
• November 2013 | Student Ambassadors | Appuniverz
• December 2013 - April 2015 | Chief Technology Officer | USee

CodeLabs

我們是一個團隊來自於不同領域的人們聚集於此，互相學習互相討論，鑽研新技術與新知識只要你也是這樣的人，就是我們重要的夥伴!這堂課是目前在 Hahow 開設的第二堂程式課程 ( 第一堂 #Sass-讓css變得更簡單有趣 )，未來 CodeLabs 也會繼續準備新的課程，只要你有任何想學的新知識，我們都會努力去尋找講師來準備符合大眾的課程。

• 如果你覺得我們很棒，也請別吝嗇，快來我們的粉絲團給我一點動力吧!!

MapsWalker

沃克地圖是一款透過地圖快速找尋當地有那些景點、餐廳的服務，接著你可以收藏你喜歡的景點，未來可以透過 MapsWalker 安排一場旅行，甚至你可以加入探索者的行列，發掘世界各地的景點，分享給你的好友。

目前版本為旅遊記憶，透過 MapsWalker 你可以找尋過去曾經在 Facebook 打卡的景點。然而接著我們將推出旅遊規劃，還請各位敬請期待，有興趣可以關注我們的粉絲團，讓我們一起把旅行變得更有趣。Easy way for travel.

------------------------------------------------------

• 影片圖像來源 https://thenounproject.com/