MOLiDay #10 - 使用 Webpack 進行現代化前端應用開發

What's MOLiDay

學校傳授了知識、理論、基本概念,但在資訊爆炸的時代中卻常常無法跟上最新趨勢。
我們該多看看現在世上許多新奇有趣、好吃又好玩的語言、技術與工具,並動手玩玩。

MOLi 聚集了許多資訊與技術的愛好者,也希望能將各自接觸過的有趣或實用資訊帶給大家,
透過定期與不定期的分享、工作坊,能與大家一起教學相長、一起學習成長!

Webpack

Webpack 是新世代的前端資源處理工具,它可以處理 CSS、JS 等前端資源複雜的打包與管理工作,讓我們能以現代化的工作流程來開發前端應用程式,提升前端程式碼的品質、相容性與穩定性。

然而,Webpack 的學習曲線陡峭,新手難以入門,因此本次分享將會帶著大家了解如何進行 Webpack 的設定配置,與你想要開發的前端應用程式完美配合。

另外,在了解如何使用 Webpack 之前,希望大家也能夠先理解,我們是為何需要使用像是 Webpack 這樣子的前端資源處理工具。因此,本次分享也會介紹大家往日熟悉的前端開發流程與現代化的前端開發流程的差異之處,以掌握從基礎前端開發者提升到進階前端開發者的一些關鍵。

分享內容:

  • 介紹過去常見的前端開發流程
  • 介紹現代化的 CSS 開發流程
    • 預處理器 ─ SASS / SCSS
  • 介紹現代化的 JavaScript 開發流程
    • ECMAScript 6
    • React JSX
    • Babel
    • 模組化機制
    • NPM
  • Webpack
    • 設定配置教學
    • 範例講解

分享人

地點、報名

線上報名。出示報名序號進場。
若臨時帶朋友來,也可現場報名。

地點:MOLi 實驗室(管理學院 237教室)。

倘若報名人數較多,會另外寄信通知更換教室

http://MOLi.rocks

相關設備

請各位同學自行攜帶筆電。

 

MOLi 實驗室(管理學院 237教室) / 54561南投縣埔里鎮大學路1號管理學院470號237室

Event Tickets

Ticket Type Sale Period Price
Normal Ticket ~ 2016/04/06 21:00(+0800) End of Sale
  • Free
Next Step