SlideShare a Scribd company logo
1 of 21
深夜進修加薪升官之技術實戰課程 
-系列二
深夜進修加薪升官之技術實戰課程-系列二 
HTML5 & JavaScript 
程式開發實戰 
ian.msmvp@outlook.com 
陳葵懋(Ian)
深夜進修加薪升官之技術實戰課程-系列二 
• Web Apps V.S Native Apps 
• WinJS 
• Universal Windows Apps
深夜進修加薪升官之技術實戰課程-系列二 
• 具有HTML、CSS、JavaScript 基 
本認識 
• 想知道HTML 、CSS、JavaScript 
如何開發APP
深夜進修加薪升官之技術實戰課程-系列二 
• Visual Studio 2013 Updat 2 ↑ 
• Windows 8 / 8.1 
• Hyper-V
深夜進修加薪升官之技術實戰課程-系列二
不完全是 
• 可以上架市集 
• 可以使用原生設備的功能(相機、通話、地理位置…….)
• 我可以感受到舒適的效能 
• 我可以從市集取得App 
• 我可以用到設備上的功能 
• 我不是技術人員,我不在乎App是用什麼語言寫的 
爭論HTML5 & CSS & JavaScript 開發出來的 
APP是不是Natvie APP真的沒那麼重要!
深夜進修加薪升官之技術實戰課程-系列二
• 首次出現是在Windows 8 Store App 
• Microsoft 針對JavaScript開發人員所提供的 
一組JavaScript Library 
• Windows Runtime的支援得以存取Windows底層
• App UI 控制項http://try.buildwinjs.com/ 
• 搭配HTML5 + CSS + WinJS 可以開發 
Windows 8/8.1 Store App、Windows Phone App 
• 開源https://github.com/winjs/winjs
深夜進修加薪升官之技術實戰課程-系列二
• 
• 
•
• 
• 
• 
•
深夜進修加薪升官之技術實戰課程-系列二
• http://goo.gl/n2q8pU 
• http://try.buildwinjs.com/#play 
• http://goo.gl/KWrAqv 
• http://goo.gl/qMnsgU 
•

More Related Content

What's hot

Angular js twmvc#17
Angular js twmvc#17Angular js twmvc#17
Angular js twmvc#17twMVC
 
Mobile Web Game 開發心得分享
Mobile Web Game 開發心得分享Mobile Web Game 開發心得分享
Mobile Web Game 開發心得分享世欽 陳
 
Hello Html5 Games
Hello Html5 GamesHello Html5 Games
Hello Html5 Gamestbmallf2e
 
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場twMVC
 
AngularJS training in Luster
AngularJS training in LusterAngularJS training in Luster
AngularJS training in LusterJason Chung
 
Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)
Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)
Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)Jeff Chu
 
Hyweb RWD & CMS develop scenario
Hyweb RWD & CMS develop scenarioHyweb RWD & CMS develop scenario
Hyweb RWD & CMS develop scenarioKai Fu Hsieh
 
一淘新首页总结
一淘新首页总结一淘新首页总结
一淘新首页总结jieorlin
 
2013年京JS参会分享
2013年京JS参会分享2013年京JS参会分享
2013年京JS参会分享Jiyee Sheng
 
在Windows azure平台上進行資料庫處理及架構設計
在Windows azure平台上進行資料庫處理及架構設計在Windows azure平台上進行資料庫處理及架構設計
在Windows azure平台上進行資料庫處理及架構設計Sky Chang
 
20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日twMVC
 
使用Asp.net mvc搭配windows azure建構可擴展網站
使用Asp.net mvc搭配windows azure建構可擴展網站使用Asp.net mvc搭配windows azure建構可擴展網站
使用Asp.net mvc搭配windows azure建構可擴展網站Sky Chang
 
SignalR實戰技巧 twmvc#17
SignalR實戰技巧 twmvc#17 SignalR實戰技巧 twmvc#17
SignalR實戰技巧 twmvc#17 twMVC
 

What's hot (14)

Angular js twmvc#17
Angular js twmvc#17Angular js twmvc#17
Angular js twmvc#17
 
Mobile Web Game 開發心得分享
Mobile Web Game 開發心得分享Mobile Web Game 開發心得分享
Mobile Web Game 開發心得分享
 
Hello Html5 Games
Hello Html5 GamesHello Html5 Games
Hello Html5 Games
 
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
雲端環境的快取策略-Global Azure Bootcamp 2015 臺北場
 
AngularJS training in Luster
AngularJS training in LusterAngularJS training in Luster
AngularJS training in Luster
 
Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)
Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)
Microsoft Azure 虛擬機器與虛擬網路 (2014-4-2 雲端達人班)
 
Hyweb RWD & CMS develop scenario
Hyweb RWD & CMS develop scenarioHyweb RWD & CMS develop scenario
Hyweb RWD & CMS develop scenario
 
一淘新首页总结
一淘新首页总结一淘新首页总结
一淘新首页总结
 
2013年京JS参会分享
2013年京JS参会分享2013年京JS参会分享
2013年京JS参会分享
 
在Windows azure平台上進行資料庫處理及架構設計
在Windows azure平台上進行資料庫處理及架構設計在Windows azure平台上進行資料庫處理及架構設計
在Windows azure平台上進行資料庫處理及架構設計
 
20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日20130823微軟雲端平台開發者日
20130823微軟雲端平台開發者日
 
我用Django做页游
我用Django做页游我用Django做页游
我用Django做页游
 
使用Asp.net mvc搭配windows azure建構可擴展網站
使用Asp.net mvc搭配windows azure建構可擴展網站使用Asp.net mvc搭配windows azure建構可擴展網站
使用Asp.net mvc搭配windows azure建構可擴展網站
 
SignalR實戰技巧 twmvc#17
SignalR實戰技巧 twmvc#17 SignalR實戰技巧 twmvc#17
SignalR實戰技巧 twmvc#17
 

Similar to HTML CSS JavaScript 行動應用程式解決方案

Universal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java scriptUniversal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java scriptIan Chen
 
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1  mobile - oss - oss行動領域-1 (ver1.0) 開放原始碼 Ch3.1  mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0) My own sweet home!
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍36Kr.com
 
BAS010_虛擬化基礎_v190325-Draft
BAS010_虛擬化基礎_v190325-DraftBAS010_虛擬化基礎_v190325-Draft
BAS010_虛擬化基礎_v190325-Draftrwp99346
 
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409zhengyiwuxian
 
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台MOBINODE
 
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局   long20141212 html5 及微軟跨平台佈局   long
20141212 html5 及微軟跨平台佈局 longMeng-Ru (Raymond) Tsai
 
前端大型系統的基石 TypeScript
前端大型系統的基石 TypeScript前端大型系統的基石 TypeScript
前端大型系統的基石 TypeScriptGelis Wu
 
美团前端架构简介
美团前端架构简介美团前端架构简介
美团前端架构简介pan weizeng
 
Android快速发布&持续集成
Android快速发布&持续集成Android快速发布&持续集成
Android快速发布&持续集成whykill
 
GDC Taipei Summit review 2012
GDC Taipei Summit review 2012GDC Taipei Summit review 2012
GDC Taipei Summit review 2012Victor Lee
 
Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器
Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器
Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器iflytek
 
Build desktop app_by_xulrunner
Build desktop app_by_xulrunnerBuild desktop app_by_xulrunner
Build desktop app_by_xulrunnerRack Lin
 
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型Tom Fan
 
初窺 Flutter 開發.pdf
初窺 Flutter 開發.pdf初窺 Flutter 開發.pdf
初窺 Flutter 開發.pdfgdscnycu
 
zhuwenlongChinese
zhuwenlongChinesezhuwenlongChinese
zhuwenlongChineseWenlong Zhu
 
以Code igniter為基礎的網頁前端程式設計
以Code igniter為基礎的網頁前端程式設計以Code igniter為基礎的網頁前端程式設計
以Code igniter為基礎的網頁前端程式設計Amigo 陳兆祥
 
Windows App development for iOS, Android developer
Windows App development for iOS, Android developerWindows App development for iOS, Android developer
Windows App development for iOS, Android developerAscii Huang
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發Fred Chien
 

Similar to HTML CSS JavaScript 行動應用程式解決方案 (20)

Universal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java scriptUniversal windows apps 開發—運用 html 及 java script
Universal windows apps 開發—運用 html 及 java script
 
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1  mobile - oss - oss行動領域-1 (ver1.0) 開放原始碼 Ch3.1  mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
 
Appcan平台介绍
Appcan平台介绍Appcan平台介绍
Appcan平台介绍
 
BAS010_虛擬化基礎_v190325-Draft
BAS010_虛擬化基礎_v190325-DraftBAS010_虛擬化基礎_v190325-Draft
BAS010_虛擬化基礎_v190325-Draft
 
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
 
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
 
20141212 html5 及微軟跨平台佈局 long
20141212 html5 及微軟跨平台佈局   long20141212 html5 及微軟跨平台佈局   long
20141212 html5 及微軟跨平台佈局 long
 
前端大型系統的基石 TypeScript
前端大型系統的基石 TypeScript前端大型系統的基石 TypeScript
前端大型系統的基石 TypeScript
 
美团前端架构简介
美团前端架构简介美团前端架构简介
美团前端架构简介
 
Android快速发布&持续集成
Android快速发布&持续集成Android快速发布&持续集成
Android快速发布&持续集成
 
GDC Taipei Summit review 2012
GDC Taipei Summit review 2012GDC Taipei Summit review 2012
GDC Taipei Summit review 2012
 
Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器
Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器
Web端交互逻辑抽象的实践—运营h5页面和逻辑自动生成利器
 
Build desktop app_by_xulrunner
Build desktop app_by_xulrunnerBuild desktop app_by_xulrunner
Build desktop app_by_xulrunner
 
Chrome dev tool
Chrome dev toolChrome dev tool
Chrome dev tool
 
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
 
初窺 Flutter 開發.pdf
初窺 Flutter 開發.pdf初窺 Flutter 開發.pdf
初窺 Flutter 開發.pdf
 
zhuwenlongChinese
zhuwenlongChinesezhuwenlongChinese
zhuwenlongChinese
 
以Code igniter為基礎的網頁前端程式設計
以Code igniter為基礎的網頁前端程式設計以Code igniter為基礎的網頁前端程式設計
以Code igniter為基礎的網頁前端程式設計
 
Windows App development for iOS, Android developer
Windows App development for iOS, Android developerWindows App development for iOS, Android developer
Windows App development for iOS, Android developer
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發
 

More from Ian Chen

AI and ML.NET
AI and ML.NETAI and ML.NET
AI and ML.NETIan Chen
 
Azure bot service
Azure bot serviceAzure bot service
Azure bot serviceIan Chen
 
AI and Machine Learning for .net developers
AI and Machine Learning for .net developersAI and Machine Learning for .net developers
AI and Machine Learning for .net developersIan Chen
 
Azurebootcamp 2018
Azurebootcamp 2018Azurebootcamp 2018
Azurebootcamp 2018Ian Chen
 
Microsoft ai computer vision
Microsoft ai  computer visionMicrosoft ai  computer vision
Microsoft ai computer visionIan Chen
 
Xamarin行動應用開發
Xamarin行動應用開發Xamarin行動應用開發
Xamarin行動應用開發Ian Chen
 
Mobile center
Mobile centerMobile center
Mobile centerIan Chen
 
第一科大Chatbot LUIS
第一科大Chatbot LUIS第一科大Chatbot LUIS
第一科大Chatbot LUISIan Chen
 
Azure blob storage & javascript client library
Azure  blob storage & javascript client library Azure  blob storage & javascript client library
Azure blob storage & javascript client library Ian Chen
 
Xamarin Dev Day
Xamarin Dev DayXamarin Dev Day
Xamarin Dev DayIan Chen
 
Azure app service
Azure app serviceAzure app service
Azure app serviceIan Chen
 
Azure document db
Azure document dbAzure document db
Azure document dbIan Chen
 
Application insights
Application insights Application insights
Application insights Ian Chen
 
Build mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform DevBuild mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform DevIan Chen
 
Global Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile serviceGlobal Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile serviceIan Chen
 

More from Ian Chen (17)

AI and ML.NET
AI and ML.NETAI and ML.NET
AI and ML.NET
 
Azure bot service
Azure bot serviceAzure bot service
Azure bot service
 
AI and Machine Learning for .net developers
AI and Machine Learning for .net developersAI and Machine Learning for .net developers
AI and Machine Learning for .net developers
 
Azurebootcamp 2018
Azurebootcamp 2018Azurebootcamp 2018
Azurebootcamp 2018
 
Microsoft ai computer vision
Microsoft ai  computer visionMicrosoft ai  computer vision
Microsoft ai computer vision
 
Xamarin行動應用開發
Xamarin行動應用開發Xamarin行動應用開發
Xamarin行動應用開發
 
Mobile center
Mobile centerMobile center
Mobile center
 
第一科大Chatbot LUIS
第一科大Chatbot LUIS第一科大Chatbot LUIS
第一科大Chatbot LUIS
 
Azure blob storage & javascript client library
Azure  blob storage & javascript client library Azure  blob storage & javascript client library
Azure blob storage & javascript client library
 
Xamarin Dev Day
Xamarin Dev DayXamarin Dev Day
Xamarin Dev Day
 
Azure app service
Azure app serviceAzure app service
Azure app service
 
Azure document db
Azure document dbAzure document db
Azure document db
 
Html5
Html5Html5
Html5
 
ChatBot
ChatBotChatBot
ChatBot
 
Application insights
Application insights Application insights
Application insights
 
Build mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform DevBuild mini - Windows 10 Dev & Cross platform Dev
Build mini - Windows 10 Dev & Cross platform Dev
 
Global Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile serviceGlobal Azure Bootcamp 2015 Taichung : Mobile service
Global Azure Bootcamp 2015 Taichung : Mobile service
 

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

Editor's Notes

  1. Project template RSS App