html css javascript 行動應用程式解決方案

21
深夜進修加薪升官之技術實戰課程 -系列二

Upload: ian-chen

Post on 07-Jul-2015

516 views

Category:

Technology


7 download

DESCRIPTION

簡介 HTML CSS JavaScript 行動應用程式解決方案 - Universal APP

TRANSCRIPT

Page 1: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

Page 2: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

HTML5 & JavaScript

程式開發實戰

[email protected]

陳葵懋(Ian)

Page 3: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

• Web Apps V.S Native Apps

• WinJS

• Universal Windows Apps

Page 4: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

•具有HTML、CSS、JavaScript基本認識

•想知道HTML、CSS、JavaScript如何開發APP

Page 5: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

• Visual Studio 2013 Updat 2 ↑

• Windows 8 / 8.1

• Hyper-V

Page 6: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

Page 7: HTML CSS JavaScript 行動應用程式解決方案

不完全是

• 可以上架市集

• 可以使用原生設備的功能 (相機、通話、地理位置…….)

Page 8: HTML CSS JavaScript 行動應用程式解決方案

• 我可以感受到舒適的效能

• 我可以從市集取得App

• 我可以用到設備上的功能

• 我不是技術人員,我不在乎App是用什麼語言寫的

爭論HTML5 & CSS & JavaScript開發出來的

APP是不是Natvie APP真的沒那麼重要!

Page 9: HTML CSS JavaScript 行動應用程式解決方案
Page 10: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

Page 11: HTML CSS JavaScript 行動應用程式解決方案

• 首次出現是在Windows 8 Store App

• Microsoft 針對JavaScript開發人員所提供的

一組JavaScript Library

• Windows Runtime的支援得以存取Windows底層

Page 12: HTML CSS JavaScript 行動應用程式解決方案

• App UI 控制項 http://try.buildwinjs.com/

• 搭配 HTML5 + CSS + WinJS可以開發

Windows 8/8.1 Store App、Windows Phone App

• 開源 https://github.com/winjs/winjs

Page 13: HTML CSS JavaScript 行動應用程式解決方案
Page 14: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

Page 15: HTML CSS JavaScript 行動應用程式解決方案

Page 16: HTML CSS JavaScript 行動應用程式解決方案
Page 17: HTML CSS JavaScript 行動應用程式解決方案

••

••

Page 18: HTML CSS JavaScript 行動應用程式解決方案
Page 19: HTML CSS JavaScript 行動應用程式解決方案
Page 20: HTML CSS JavaScript 行動應用程式解決方案

深夜進修加薪升官之技術實戰課程-系列二

Page 21: HTML CSS JavaScript 行動應用程式解決方案

• http://goo.gl/n2q8pU

• http://try.buildwinjs.com/#play

• http://goo.gl/KWrAqv

• http://goo.gl/qMnsgU