1 / 28

Jeff Burtoft @ boyofgreen

Jeff Burtoft @ boyofgreen. From 5 to 8 building Windows 8 Apps with HTML5 and JavaScript. HTML5HACKS.COM. Agenda slide. Introduction to Windows 8 Web vs. Native Getting started with HTML5 Converting a Web App to HTML5 WinJS Windows APIs Windows Store. Windows 8.

herbst
Download Presentation

Jeff Burtoft @ boyofgreen

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Jeff Burtoft@boyofgreen From 5 to 8building Windows 8 Apps with HTML5 and JavaScript

  2. HTML5HACKS.COM

  3. Agenda slide Introduction to Windows 8 Web vs. Native Getting started with HTML5 Converting a Web App to HTML5 WinJS Windows APIs Windows Store

  4. Windows 8

  5. A new UI where touch is a first-class citizen along with full mouse-and-keyboard support Windows reimagined Designed from the chipset up for multiple form-factors – tablets, laptops, desktops & all-in-ones The Windows Store on every device with a full commerce platform and flexibility New development models built on WinRT, including native support for HTML/CSS/JS, C#/XAML, C++/DirectX

  6. Fast and fluid user experienceResponsive, alive, beautiful Immersive and full-screen Focuses attention on your apps Touch-first with full keyboard and mouseEnables your choice of interaction Web of apps working together Apps are connected to each other and the cloud Experience for all PC devices and architectures No compromise across new form factors, desktops and laptops Windows 8 Experience

  7. Windows reimagined New fast and fluid Start screen Touch, mouse, keyboard Everything great about Windows 7 we made even better

  8. Windows 8 Platform Metro style Apps Desktop Apps HTML JavaScript HTML / CSS XAML View JavaScript (Chakra) C C++ C# VB Model Controller C# VB C C++ WinRT APIs Devices & Printing Communication & Data Graphics & Media System Services .NET / SL Internet Explorer Win32 Application Model Windows Core OS Services Core

  9. Web vs. Native

  10. Cross Browser/ Cross Platform Wide distribution over web Self managed updates Cross-platform, cross device Users not required to install Why Web

  11. Distribution through store Updates managed through windows store Platform consistency with Modern UI Live tiles Toast notifications Share/search contracts Embedded c++ or c# modules Access to hardware and windows APIs Locally installed Why Native

  12. Common HTML5 features Chakra JS engine / Trident layout engine Platform consistency with Modern UI Device orientation recognition Windows 8 tiles and badges Local file storage/access (limited in web) JavaScript HTML5

  13. Getting Started With HTML5/JavaScript Apps

  14. Types of HTML5 Apps HTML5 Instance App IE10 renderer, IE10 JavaScript Engine in a First Class App instance. C# HTML5 C++ Hybrid App Multiple components of different languages, delivered as a Single App

  15. New Project

  16. App Manifest contains all information needed to deploythe app Blockmap contains hashes of all files within the app package Signature validates the integrity of the app package Building blocks of an app package Files / Assets AppXManifest.xml BlockMap Signature Zip Central Directory .appx package

  17. Explicitly declares the app integration endpoints File capabilities (music/pictures/videos/documents libraries, removable storage) Devices (webcam, microphone, location, sms, proximity); extensible to new device classes Network and identity (internet, private network, credentials) File type associations App contracts (search, share, etc.) Contained in appxmanifest.xml; Visual Studio provides editor App manifest and capabilities

  18. Converting a Web App to HTML5

  19. BYOL (Bring Your Own Library) Special Build of jQuery to avoid build warnings WinJS library provided for UI, APIs common library tasks Can Use Library and WinJS together Js Libraries

  20. Adopt Modern UI, design for touch

  21. WinJS WinJS provides common library features that are optimized for the Windows 8 Environment

  22. UI animation • UI fragments • UI Pages • Promise • Validation • Log • XHR • application (on active event, check point events) • Resources • Namespace • Utilities

  23. Windows APIs In a Windows Store App, you have access all the features of the web, plus the rich Windows APIs

  24. Media • Networking • Printing • Presentation • Remote Desktop • Security • Social • UI Automation • User interaction • Core • Controls • Data and content • Devices • Files and folders • Globalization • Graphics • Helpers

  25. Windows Store

  26. Windows Store Certified by Windows ISV validation Technical certification Content certification Installed and updated by end user Available to the user on other PCs Rated and reviewed by the user

  27. Q&A

More Related