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

☸ 課程說明

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

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

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

☸ 課程編號

  • DCT-104021

☸ 課程主題

  • 打造前端工程師的開發環境
    • 各式前端工具介紹
    • 開發工具安裝與設定
    • 自動化前端流程管理
    • 部署環境的封裝與管理
  • 使用 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 平台的繳款方式繳費。

☸​ 退票辦法

  • 考量行政成本,已完成繳費之學員如欲取消報名,繳完費至開課前十天(含)申請退費,主辦單位將退學費90%課程前十日起即不接受退票
  • 如需退費,請填寫課程退費申請表​,收到申請表,課程專員將寄發通知信mail以告知申請進度
  • 統一退費日期為申請日之下個月10號,若申請時間已超過當月20號,則退費時間順延至下下個月10號。申請時間為「課程退費申請表」的填寫日期。
  • 學員須自行負擔匯款手續費,NT 30元

☸ 注意事項

  • 本課程包含午餐
  • 學員攜帶筆電,且須事先安裝好實作環境,上課前會提供相關文件供學員參考
  • 學員的筆電建議使用 Windows 或 Mac OS X 作業系統
    • 若為 Windows 作業系統建議使用 Windows 7 以上版本
  • 如需開立三聯式發票,請於報名時提供【公司名稱】與【統一編號】 
  • 如公司報帳需要,提早開立發票請提前告知或備註
  • 若報名課程學員人數不足15人,主辦單位有權取消當次課程,並退還全額課程費用
  • 若因不可抗拒因素(如:天災、停電)主辦單位有權取消當次課程,並退還全額課程費用
  • 任何問題請至活動頁面點選【聯絡主辦單位】來信,謝謝。
高雄北訓電腦中心 / 高雄市三民區中山一路318號

イベントチケット

チケット種別 販売期間 価格
優惠票

2015/07/10 00:00(+0800) ~ 2015/10/21 12:00(+0800) 販売終了
  • TWD$7,000
7/1前已報名《預約上課》前端工程訓練學員

2015/07/01 00:00(+0800) ~ 2015/10/21 00:00(+0800) 販売終了
  • 無料
次へ