Build mini - Windows 10 Dev & Cross platform Dev
•Download as PPTX, PDF•
0 likes•734 views
This document provides an overview and summary of a presentation about Universal Windows Platform (UWP), Microsoft Edge, Visual Studio, and Cordova. It discusses UWP allowing developers to build apps that work across Windows 10 devices. It also summarizes that Edge is the new web browser replacing Internet Explorer, and has a new rendering engine. Visual Studio 2015 and Visual Studio Code are presented as tools for UWP and Cordova app development. Cordova is introduced as a tool for building cross-platform apps using HTML, CSS, and JavaScript that can be deployed to iOS, Android, and Windows devices.
Report
Share
More Related Content
What's hot
What's hot (20)
Similar to Build mini - Windows 10 Dev & Cross platform Dev
Similar to Build mini - Windows 10 Dev & Cross platform Dev (20)
More from Ian Chen
More from Ian Chen (18)
Recently uploaded
Recently uploaded (20)
Build mini - Windows 10 Dev & Cross platform Dev
- 1. https://www.facebook.com/k.net.io //Build// Mini 2015 Universal Windows Platform、Edge、Visual Studio Code、 Cordova Ian 2015.6.6
- 2. https://www.facebook.com/k.net.io • Microsoft MVP (ASP.NET) • TechDays 2014 講師 • MVP 2015 微軟實戰課程日 講師 • html5 & javascript程式開發實戰書籍共同作者 • K.NET 社群創辦成員 • Study4.TW 社群成員 • www.dotblogs.com.tw/ian • Ian.msmvp@outlook.com About Me
- 3. https://www.facebook.com/k.net.io Agenda • Windows 10 Universal Windows Platform • Edge • Visual Studio • Cross Platform App - Cordova
- 5. https://www.facebook.com/k.net.io Windows 10 http://windows.microsoft.com/zh-tw/windows/preview-iso
- 6. https://www.facebook.com/k.net.io Windows 10 Home Mobile Pro Eterprise Education Mobile Enterprise PC、平板電腦 智慧型手機和小 型平板電腦 Base on Windows 10 Home for小型企 業 Base on Windows 10 Pro for 中大型 企業 Base on Windows 10 Enterprise for 學校職員、 系統管理員、教 師和學生設計的 版本 針對企業客戶所 使用的智慧型手 機和小型平版電 腦所設計 http://blogs.technet.com/b/technet_taiwan/archive/2015/05/20/windows-10-editions- introduction.aspx Windows 10 上市的第一年提供 Windows 7、Windows 8.1 和 Windows Phone 8.1 裝置免費升級 Windows 10 Home、Windows 10 Mobile 和 Windows 10 Pro 完整版。
- 7. https://www.facebook.com/k.net.io One store, one dev center IoT HoloLens Surface Hub ONE APP PLATFORM ONE STORE ONE CORE OS
- 8. https://www.facebook.com/k.net.io Universal Windows Platform • Windows 8 Universal apps • Windows 8 (8.1) • Windows Phone • Universal Windows Platform (UWP) • 手機、平板電腦、電腦，以及即將加 入的 Xbox XboxIoT Universal Windows Platform Core APIs
- 9. https://www.facebook.com/k.net.io Phone Small Tablet 2-in-1s (Tablet or Laptop) Desktops & All-in-OnesPhablet Large Tablet Classic Laptop Xbox IoTSurface Hub Holographic Windows 10
- 10. https://www.facebook.com/k.net.io One Store + One Dev Center Reuse Existing Code One SDK + Tooling Adaptive User Interface Natural User Inputs One Universal Windows Platform
- 11. https://www.facebook.com/k.net.io Dev • create a single app package • Unified Developer Platform - 統一開發平台 • provides a guaranteed core API layer across devices • Adaptive Code • across all device types
- 12. https://www.facebook.com/k.net.io Dev • Best developer experience for building Universal Windows apps • Deploy/Debug/Profile • Simulator • Local Machine • Mobile Emulators • Remote Machine • Device • XAML Designer/Intellisense Windows 10 All other features work at parity with Windows 10, except: • Deploy/Debug/Profile • Mobile Emulators • Remote Machine • Device • XAML Intellisense • No WACK (Server R2) Windows 8.1 Windows Server 2012 R2 All other features work at parity with Windows 10, except: • Deploy/Debug/Profile • Remote Machine • Device • XAML Intellisense Windows 7
- 13. https://www.facebook.com/k.net.io Dev • C++, C#, Visual Basic, and JavaScript • DirectX , XAML, Html
- 15. https://www.facebook.com/k.net.io Dev • Windows.Foundation.Metadata.ApiInformation • IsTypePresent bool isHardwareButtonsAPIPresent = Windows.Foundation.Metadata.ApiInformation.IsTypePresent ("Windows.Phone.UI.Input.HardwareButtons"); if (isHardwareButtonsAPIPresent) { Windows.Phone.UI.Input.HardwareButtons.CameraPressed += HardwareButtons_CameraPressed; }
- 16. https://www.facebook.com/k.net.io Dev • Windows.Foundation.Metadata.ApiInformation • IsTypePresent,IsEventPresent, IsMethodPresent, IsPropertyPresent,IsApiContractPresent bool isHardwareButtons_CameraPressedAPIPresent = Windows.Foundation.Metadata.ApiInformation.IsEventPresent ("Windows.Phone.UI.Input.HardwareButtons", "CameraPressed");
- 20. https://www.facebook.com/k.net.io UWP Bridge project-islandwoodproject-astoria Project Centennial Project Westminster Windows 10 UWP
- 21. https://www.facebook.com/k.net.io Project Astoria (java) • 最大程度的Reuse code - Build Windows apps for phones with few code changes • Use a Microsoft interoperability library • Test and debug your app from your preferred IDE • 部份Android UI會轉換為Windows Phone原生UI (Not 100%) • 使用java直接呼叫Windows Phone專用API(動態磚) • https://dev.windows.com/en-US/ProjectAPreviewSignup
- 22. https://www.facebook.com/k.net.io Project Astoria (java) + Your Android Code (Project Astoria SDK & App analysis) + Your app in the Windows Store Your IDE (Project Astoria Plugins) Your dev machine + Windows Magic Live tiles … IntelliJ Android Studio Eclipse Windows Mac https://dev.windows.com/en-US/ProjectAPreviewSignup
- 23. https://www.facebook.com/k.net.io Project Islandwood (Objective c) • Import Xcode® projects into Visual Studio • Build and debug your Objective-C code from Visual Studio • future - support Swift • Success project - Candy Crash Saga • https://projectipreviewsignup.windows.com/
- 24. https://www.facebook.com/k.net.io Ref • https://dev.windows.com/zh-TW • https://github.com/Microsoft/Windows-universal-samples • https://msdn.microsoft.com/zh- tw/library/windows/apps/dn894631.aspx • https://dev.windows.com/en-US/uwp-bridges • https://projectipreviewsignup.windows.com/ • http://channel9.msdn.com/Events/Build/2015/2-692
- 26. https://www.facebook.com/k.net.io Microsoft Edge I am IE Who am I ? Edge
- 27. https://www.facebook.com/k.net.io Microsoft Edge • Project Spartan • New rendering engine Base onTrident 重新改寫 • IE11 on Win 10 + for 企業舊系統使用 ( 盡早升級應用系統 ) • 不再支援IE專用技術(ActiveX、VBScript…) • 符合更多HTML5、JavaScript標準
- 29. https://www.facebook.com/k.net.io New & updated HTML5 features CSS • @supports • Flexbox standards update • dppx unit • transform-style: preserve-3d • Filter effects Storage & networking • HTTP/2 • Content security policy • Web Crypto API updates • HSTS (HTTP Strict Transport Security Media & RTC • Media capture • HLS • WebAudio • Video Tracks • WAV Audio support Input & Editing • Touch events • Pointer lock API • Media Queries L4 - Interaction • Selection API • Gamepad API JavaScript • ES6 Math, Number, String, RegExp & Object built-ins • Arrow functions, Enhanced object literal, Template strings, Default, Rest, Spread • Map, Set, Weakmap, __proto__, Proxies • Let, Const, Promises, Classes DOM & Graphics • SVG foreignobject • SVG attribute animation • Complete WebGL support • DOM event constructors • DOM Level 3 XPath Shipped Preview Release In development
- 30. https://www.facebook.com/k.net.io Mobile Issues • Use IE redirect to www.xxx.xxx • Use Chrome redirect to www.xxx.xxx/mobile/.... Change User Agent String
- 31. https://www.facebook.com/k.net.io Microsoft Edge Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0 Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko) Version/8.0 Safari/600.1.25 Mozilla/5.0 (Windows NT 10.0; WOW64; rv:35.0) Gecko/20100101 Firefox/35.0 Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.93 Safari/537.36
- 36. https://www.facebook.com/k.net.io Visual Studio 2015 • Visual Studio Tools for Apache Cordova • Visual Studio Emulator for Android • Visual Studio Tools for Universal Windows App Development • Git 版本控制加強 • CodeLens
- 37. https://www.facebook.com/k.net.io Visual Studio 2015 • Support bower package manager • bower.json • bower install • bower_components folder
- 38. https://www.facebook.com/k.net.io Visual Studio Code • Editor • Support • Intellisense • Version Control - Git • https://code.visualstudio.com
- 43. https://www.facebook.com/k.net.io Hybrid App Native APP Web APP Hybrid APP
- 44. https://www.facebook.com/k.net.io Hybrid App • Cross platform • Fast - Web to app • 對講求高效的app較不合適(Game、3D) • UI驗體較無法發揮平台特性
- 45. https://www.facebook.com/k.net.io Hybrid App Dev • PhoneGap / Cordova • written once，run everywhere • 跨平台通用的JavaScript API • Titanium • 針對特定平台制定API，追求提供平台特性的使用者體驗 • 使用特定的IDE開發工具
- 46. https://www.facebook.com/k.net.io Cross Platform App Dev C# + XIB C# + AXML C# + XAML Native UI Native UI Native UI Black Box
- 47. https://www.facebook.com/k.net.io Visual Studio Tools for Apache Cordova • Build apps for iOS, Android, and Windows • Build mobile apps using HTML, CSS, and JavaScript • Flexibility to use any JavaScript framework • Native device access with support for common and custom plug-ins exposed as JavaScript APIs https://www.visualstudio.com/en-US/explore/cordova-vs
- 48. https://www.facebook.com/k.net.io Visual Studio Tools for Apache Cordova • 封装Native的功能，提供跨平台一致性Device API • 將Html、CSS、JavaScript 打包成APP
- 49. https://www.facebook.com/k.net.io Microsoft Services Custom API’s Application LogicUser Experience Open-source front-end frameworks http://plugins.cordova.io Mobile Platform Development Examples of plugins for interfacing with device capabilities
- 50. https://www.facebook.com/k.net.io Visual Studio Tools for Apache Cordova • Android • Physical device • New Visual Studio Android Emulator • Android Emulator, belonging to the Android SDK • Apache Ripple Emulator
- 51. https://www.facebook.com/k.net.io Visual Studio Tools for Apache Cordova • iOS • Physical device • iOS Emulator • Apache Ripple Emulator
- 52. https://www.facebook.com/k.net.io Visual Studio Tools for Apache Cordova • Windows • Physical device • Visual Studio emulators for Windows Phone and Windows
- 56. https://www.facebook.com/k.net.io //Build// Mini 2015 課後問卷 • 每週三會有常態性聚會活動 (於星巴克裕誠店，近巨蛋捷運站)
Editor's Notes
- Project Hello Win 10 Windows Device Family Extension SDK
- 筆記功能 閱讀模式
- Demo Intellisense Demo command line Demo Customization
- Project Template +bootstrap +Winjs