《台北》前端工程訓練:npm,bower,yo,gulp,webpack 應用實戰

  • 2015/09/05(周六) 09:00(+0800) ~ 2015/09/06(周日) 17:00(+0800) ( iCal/Outlook, Google 日曆 )
  • 淡江大學台北校區(506教室) / 台北市大安區金華街199巷5號
  • 45 / 48
  • 多奇數位創意有限公司聯絡主辦單位

☸ 課程說明

前端工程領域在近幾年可謂百家爭鳴、百花齊放,越來越多的前端框架、前端套件,甚至前端工具,皆如雨春筍的冒出頭,一下子 grunt 又一下子 gulp,一下子 browserify 又一下子 webpack 的,好不讓人眼花撩亂、霧裡看花啊!身為一個前端工程師,所要面對的不僅僅是多如牛毛的技術細節,還要應付各式各樣的煩悶又重複的工作,效能調校、圖片壓縮、打包JS/CSS檔案、套件版本管理與升級、... 全部都要會,沒有強烈的熱情著實難以為繼。

市面上各式前端工具此消彼長,優劣勝敗各有所見,正所謂前端工具的重點不在量多,而在於質精,能搭配出一套好用的前端工具箱,是身為一個前端工程師不可或缺的技能之一。

本課程精選5套優質的前端工具,經由系統化的課程設計與實例演練,預計讓學員能在最短時間內掌握前端流程管理的精隨之處,學會這些工具所改善的不僅僅是提升效率與降低錯誤而已,更重要的是讓前端的工作變得更有趣,也進而讓前端人員專注於核心問題,不斷創造價值。

☸ 課程編號

  • DCT-104017

☸ 課程主題

  • 打造前端工程師的開發環境
    • 各式前端工具介紹
    • 開發工具安裝與設定
    • 自動化前端流程管理
    • 部署環境的封裝與管理
  • 使用 npm 套件管理員
    • 使用 nodejs
    • 安裝與升級 npm
    • 搜尋套件、安裝、更新、移除
    • 理解 package, module 與相依性
    • 關於 package.json 設定檔
    • 關於 node_modules 資料夾
    • 版本控管的注意事項
    • npm 在 Windows 的注意事項
  • 使用 bower
    • 安裝與升級 bower
    • 搜尋套件、安裝、更新、移除
    • 關於 bower.json 與 .bowerrc
    • 管理套件相依性
  • 使用 yo
    • 安裝與升級 yo
    • 關於 generator 與 sub-generator
    • 搜尋  generator、安裝、更新、移除
  • 使用 gulp
    • 安裝與升級 gulp
    • 關於 gulpfile.js
    • 細部解說 Gulp API
    • 常見 gulp 外掛的安裝與使用
    • gulp 與 grunt 的比較
  • 使用 webpack
    • 安裝與升級 webpack
    • webpack 運作架構解析
    • 基本使用方式
    • 認識 loaders
    • 關於 webpack.config.js
    • 關於監看模式 (watch mode)
    • 使用 webpack 內建的開發伺服器
    • 介紹 "Hot Module Replacement" (HMR)
    • webpack 與 browserify 的比較
  • 前端工作流程應用實戰
    • 整合 gulp 與 bower 工作流程
    • 整合 gulp 與 webpack 工作流程
    • 常見的前端工作流程工作
    • 各式前端開發情境演練

☸ 適合對象

  • Web 開發人員 / 網頁設計師 / 網頁前端工程師
  • 具有基礎的 JavaScript 程式語言能力 ( 會宣告變數與撰寫函式即可 )
  • 本課程不適合完全沒有 Web 開發經驗的人

☸ 預期效益

  • 了解如何利用正確的工具改善前端工作流程
  • 了解 npm, bower, yo, gulp, webpack 工具的安裝與使用
  • 學會如何撰寫 gulp 與 webpack 腳本進行流程自動化

☸ 講者名單

  • 多奇數位創意有限公司 技術總監  Will 保哥

☸ 講者簡歷

  • 現任多奇數位創意有限公司技術總監。連續當選微軟最有價值專家(ASP.NET/IIS MVP)。早期專研 LAMP 相關技術,自 2005 年起轉向 Microsoft .NET Platform 開發技術,熟悉各式 Web 開發技術、網站效能調校、SQL Server、網站內容管理系統、網路系統整合。
  • 曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010/2011/2012 講師、TechEd China 2011 講師,出版著作有 ASP.NET MVC 2 開發實戰、ASP.NET MVC 4 開發實戰與 Windows Phone 開發實戰等書籍。
  • 近期獎項:2013第6屆iT邦幫忙鐵人賽 ,榮獲【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。
  • 以 30天精通Git版本控管 獲得【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】,得獎公告:2013第6屆iT邦幫忙鐵人賽得獎名單出爐!
  • 部落格http://blog.miniasp.com/
  • 粉絲頁https://www.facebook.com/will.fans

☸ 繳費資訊

  • 課程費用:
    • 原價:NT$ 9,600
    • 優惠價:NT$ 7,000
    • 7/1前已報名【《預約上課》前端工程訓練】的學員,請使用邀請碼報名此課程。
  • 繳費方式:直接透過 KKTIX 平台的繳款方式繳費。

☸​ 退票辦法

  • 無論任何因素導致學員無法配合上課者,例如到年底之前你完全排不出空檔上課皆可向我們申請全額退費
  • 學員須自行負擔匯款手續費,NT 30元

☸ 注意事項

  • 本課程包含午餐
  • 學員攜帶筆電,且須事先安裝好實作環境,上課前會提供相關文件供學員參考
  • 學員的筆電建議使用 Windows 或 Mac OS X 作業系統
    • 若為 Windows 作業系統建議使用 Windows 7 以上版本
  • 如需開立三聯式發票,請於報名時提供【公司名稱】與【統一編號】 
  • 如公司報帳需要,提早開立發票請提前告知或備註
  • 任何問題請至活動頁面點選【聯絡主辦單位】來信,謝謝。

☸ 基礎環境安裝說明:前端工程師如何在 Windows 安裝自動化流程工具

淡江大學台北校區(506教室) / 台北市大安區金華街199巷5號

活動票券

票種 販售時間 售價
優惠票 2015/07/10 12:00(+0800) ~ 2015/09/02 12:00(+0800) 結束販售
  • TWD$7,000
7/1前已報名《預約上課》前端工程訓練學員 2015/07/01 00:00(+0800) ~ 2015/09/02 12:00(+0800) 結束販售
  • 免費
下一步