Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3
6 likes2,727 views
The document features a developer evangelist at Microsoft based in Silicon Valley, CA, providing information about their experience, resources, and tools for developers focusing on web technologies. It highlights various topics including labs, development tools, and features for building apps using Windows 8, as well as links to further resources and training. Additionally, it includes code snippets and setup information for developing with WinJS controls.
1 of 66
Downloaded 139 times
Ad
Recommended
Building Beautiful and Interactive Windows 8 apps with JavaScript, HTML5 & CSS3
Building Beautiful and Interactive Windows 8 apps with JavaScript, HTML5 & CSS3Doris Chen Doris Chen is a developer evangelist at Microsoft with over 15 years of experience in web technologies, based in Silicon Valley. She has extensively spoken and published on various platforms, holds a Ph.D. from UCLA, and offers guidance on Windows 8 application development. Doris provides resources for developers, including training, tips, and a supportive community through her blog and social media.
Using Components to Build Native-Quality HTML5 Apps
Using Components to Build Native-Quality HTML5 Appsgraynorton This document discusses how to build native-quality HTML5 apps using components. Components encapsulate markup, logic, state, and lifecycle management to create reusable UI elements like sliders, labels, and views. As apps are built from these components, they gain consistent look and feel, high performance, and other benefits like maintainability and reusability without reinventing the wheel. The document also explores how emerging web standards like HTML templates, custom elements, and Shadow DOM support building apps from reusable components.
What Web Developers Need to Know to Develop Windows 8 Apps
What Web Developers Need to Know to Develop Windows 8 AppsDoris Chen Doris Chen is a developer evangelist at Microsoft with over 15 years of experience in web technologies, based in Silicon Valley. She shares resources and insights about developing Windows 8 applications, including coding tips and access to development tools through her blogs and social media. The document provides guidance on building apps, including features, user interface design, and integration with device capabilities.
HTML5 Dev Conf 2013 Presentation
HTML5 Dev Conf 2013 PresentationIker Jamardo This document discusses cross-platform game development using HTML5. It begins by introducing Ludei, a company that develops games for iOS and Android using HTML5. It then discusses the benefits of using HTML5 for a single codebase that can run across platforms. However, it notes the current status of HTML5 has limitations due to browser fragmentation and performance issues on mobile. It recommends using a game engine and optimizing resources. Ludei offers a solution that runs games outside the browser for a native-like experience across iOS and Android with tools for monetization, social integration and more.
Essential html tweaks for accessible themes
Essential html tweaks for accessible themesMartin Stehle The document discusses essential HTML tweaks for accessible themes in WordPress. It covers defining the page language and language changes using HTML attributes like lang and dir. It also discusses adding page titles using the title element or WordPress functions, adding structure to continuous text, forms and tables using appropriate HTML elements, and providing alternatives for non-text content like images and videos. The goal is to make content accessible to all users, including those using assistive technologies.
WebGL For Game Development Spring 2013
WebGL For Game Development Spring 2013Tony Parisi Tony Parisi is a serial entrepreneur and consultant architect who has authored a book on WebGL. He provides an overview of using WebGL for game development, including what WebGL is, popular frameworks like Three.js, techniques for loading models, animating scenes, implementing interaction, creating particle systems, and integrating 2D and 3D. He also discusses considerations for making WebGL games robust and putting all the pieces together.
HTML5 and friends - Institutional Web Management Workshop 2010
HTML5 and friends - Institutional Web Management Workshop 2010Patrick Lauke This document provides an overview of HTML5 and related technologies, including:
- A brief history of HTML5 and how it came to be standardized by the W3C.
- New semantic elements in HTML5 that provide more accurate meanings.
- Improved form controls like date/time pickers without JavaScript.
- Native audio and video playback with <audio> and <video> tags.
- The <canvas> element for scriptable drawing.
- New JavaScript APIs for features like geolocation.
- Recommendations around feature detection and progressive enhancement when using emerging HTML5 features.
Desenvolvimento web com Ruby on Rails (parte 6)
Desenvolvimento web com Ruby on Rails (parte 6)Joao Lucas Santana This document discusses Devise, a flexible authentication solution for Rails applications. Devise allows authentication through username/password, OAuth, and other mechanisms. It follows the MVC pattern and integrates fully with Rails. Devise provides modules for common authentication needs like confirmable, recoverable, and lockable users. The document also provides instructions for installing Devise and generating Devise views and models. It demonstrates configuring Devise authentication in controllers and adding Devise authentication to tests.
Eloquent ORM
Eloquent ORMAndreas Gullberg Larsen The document discusses object relational mapping (ORM) and Laravel's Eloquent ORM. It shows how Eloquent provides an alternative to writing raw SQL queries by allowing developers to write object-oriented queries to perform CRUD operations and define relationships between models. Key points covered include using Eloquent to find, filter, create, update and delete model records, perform queries across relationships, and chain methods for complex queries. This reduces the need to write SQL directly and improves security by making SQL injection less likely.
Vue.js is boring - and that's a good thing
Vue.js is boring - and that's a good thingJoonas Lehtonen Vue.js is described as a "boring" framework that helps developers get work done without unnecessary complexity. It borrows best practices from other frameworks like React but aims to have simpler dependencies and templates. Vue.js uses reactive templates that can be written with plain JavaScript or JSX, and allows separating component logic from presentation with single file components. It also avoids unnecessary re-renders through its reactive system. The document demonstrates how Vue.js can be preferable for teams with mix of experience levels due to its flexibility and lack of complexity compared to other frameworks like React.
Eloquent ORM
Eloquent ORMShengyou Fan 本文件介绍了 Eloquent ORM 的基本概念及其在 Laravel 框架中的应用，包括如何通过 ORM 进行数据的增、查、改、删操作。还讨论了 Tinker 工具的使用，以及如何设置模型的属性和表之间的关系。最后，文档总结了在实际应用中使用 ORM 的最佳实践和注意事项。
Vue 2.0 + Vuex Router & Vuex at Vue.js
Vue 2.0 + Vuex Router & Vuex at Vue.jsTakuya Tejima The document discusses Vue.js 2.0, including its features and improvements such as enhanced rendering speed, separated compiler and runtime, and server-side rendering. It also covers the integration of Vue Router for single-page applications and Vuex for state management, highlighting their functionalities, benefits, and examples. Additionally, it emphasizes community involvement and resources for further learning and support.
12 Most Profound Quotes from Facebooks CEO Mark Zuckerberg
12 Most Profound Quotes from Facebooks CEO Mark ZuckerbergEkaterina Walter Mark Zuckerberg emphasizes the importance of enhancing people's lives and fostering social connections through long-term vision and innovation at Facebook. He advocates for risk-taking in business, continuous improvement, and prioritizing meaningful work over concerns about failure. His commitment to building value for users and creating a more connected world is a central theme in his approach to leadership.
Laravel Eloquent ORM
Laravel Eloquent ORMBa Thanh Huynh This document summarizes a presentation about using Eloquent ORM in Laravel. It introduces Laravel's database components including Query Builder, Eloquent ORM, and migrations. It describes how to define Laravel models and relationships. Pros and cons of Eloquent are listed. The workflow of defining models and relationships is outlined. There is a section on demoing raw SQL, Query Builder and Eloquent. Recommended learning materials on the topic are provided at the end.
Web 2.0 Business Models
Web 2.0 Business ModelsTeemu Arina This document discusses Web 2.0 business models and strategies. It provides examples of typical Web 2.0 business models like creating a niche user community and selling API access or services. It emphasizes that most Web 2.0 startups get to market with 200k Euros or less by giving value for free initially. The document also outlines strategies for positioning a Web 2.0 business, driving users through bottom-up innovations, and leveraging the power law of participation to engage users at different levels.
Steve Jobs Inspirational Quotes
Steve Jobs Inspirational QuotesInsideView This document contains 25 quotes from Steve Jobs on a variety of topics. Some of the key themes that emerge are Jobs' focus on excellence and innovation, his belief that quality should take priority over quantity, and his vision that technology could be used to change people's lives. He also expressed confidence in Apple's future leadership and his ongoing connection to the company even if he wasn't present at all times.
Creative Web 2.0 Learning
Creative Web 2.0 LearningJudy O'Connell The document presents Judy O’Connell's slides from the CTLA conference on May 23, 2007, discussing the impact of Web 2.0 technologies on libraries and learning environments. It covers the evolution of social networking, the importance of Library 2.0, and various online tools and resources that enhance communication, collaboration, and learning. O’Connell emphasizes the need for libraries to adapt and integrate these technologies to remain relevant in a web-savvy world.
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0Takuya Tejima The document provides a comprehensive guide on building a Single Page Application (SPA) using Vue.js and Vue Router 2.0, detailing key features, advantages, and examples of implementation. It highlights the importance of server-side rendering (SSR) and dynamic component rendering for improved performance and SEO. Additionally, it includes code samples for configuring routes, managing state with Vuex, and utilizing guards and lazy-loading to optimize the application experience.
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017Drift Sales teams in 2017 need to update their strategies by incorporating messaging into their outreach, fixing outdated BDR processes to engage buyers in real-time, and enhancing account-based marketing to provide personalized experiences. The document emphasizes integrating messaging tools like live chat into existing setups to better connect with prospects. Additionally, it highlights the importance of responding to leads in a timely manner and treating them as individuals rather than forcing traditional form-filling mechanisms.
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel To become a thought leader in your niche, first choose a specific niche where you can provide value. Strive to excel by continually learning, networking, and demonstrating your expertise through consistent content creation. For resources and guidance, visit www.becomeablogger.com.
Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3
Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3Doris Chen The document introduces Doris Chen, who is a Developer Evangelist at Microsoft based in Silicon Valley. She has over 15 years of experience in the software industry focusing on web technologies. She regularly speaks at conferences and publishes articles. Doris received her Ph.D. from UCLA.
Toronto User groups workshop - 2013-03-10 - HTML5 & Windows 8, friends with b...
Toronto User groups workshop - 2013-03-10 - HTML5 & Windows 8, friends with b...Frédéric Harper The document discusses Windows Phone development, focusing on managing product licensing and in-app purchases. It provides code snippets for checking license information and prompting users to purchase full functionality. Additionally, it introduces various UI controls available for developers in WinJS, along with resources for building Windows 8 applications.
Develop High Performance Windows 8 Application with HTML5 and JavaScriptHigh ...
Develop High Performance Windows 8 Application with HTML5 and JavaScriptHigh ...Doris Chen Doris Chen is a developer evangelist at Microsoft based in Silicon Valley. She has over 15 years of experience in the software industry focusing on web technologies. She regularly speaks at conferences and publishes content to help developers. Doris received her Ph.D. from UCLA. The document provides links and resources for developing HTML5 apps for Windows 8.
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Frédéric Harper This document discusses how to prepare HTML5 games for Windows 8 using the WinJS library. It provides an overview of key Windows 8 features like the Windows Store and touch support. It then demonstrates how to use WinJS to add data binding, navigation between pages, and an app bar to an HTML5 game demo. The demo shows a list of hikers that can be navigated and includes an "Add Hiker" button in the app bar. It encourages developers building Windows 8 games to contact the author for help.
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefitsFrédéric Harper Windows 8 and HTML5 are compatible technologies that can be used together to create engaging apps and experiences. Microsoft's Internet Explorer 10 and Windows 8 support many HTML5 and CSS3 features in a hardware-accelerated way for high performance. Popular features like geolocation, canvas, video and audio work well in both Windows 8 and IE10 apps. While there are some differences between developing for the web versus Windows apps, developers can leverage the Windows Runtime and WinJS to build apps that integrate well with the Windows experience. Tools are available to help developers utilize these technologies and standards to create the next generation of apps and experiences across devices and contexts.
Effectively using Nokia Web Tools 2.0 templates for Series 40 web apps
Effectively using Nokia Web Tools 2.0 templates for Series 40 web appsMicrosoft Mobile Developer The document discusses effective templates for Series 40 web apps, highlighting the advantages of web apps over Java apps, such as faster development and lower costs. It details the architecture of web apps, the use of Nokia's web tools for development, and the benefits of the cloud-assisted Xpress browser. Key features and functionalities, including a demo of templates and user interface components, are also covered to ensure design consistency and enhanced user experience.
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefitsFrédéric Harper The document discusses features related to web context integration for Windows applications, including cross-domain requests and automatic filtering. It highlights a demo for a Windows 8 template called MetroPress, which is customizable for WordPress. Additionally, the document mentions resources related to the developer movement and rewards for app development.
Introduction into windows 8 application development
Introduction into windows 8 application developmentCsaba Toth This document provides an agenda and overview for a presentation on Windows 8 application development. The presentation will examine Windows 8 application features, demonstrate how to build a sample Contoso Cookbook application, and cover topics like searching, sharing, tiles, notifications, trials and in-app purchases. The presenter, Csaba Toth, is an experienced .NET, Java and C# developer who will walk through creating the application and optimizing it for the Windows 8 platform.
Windows Phone and Open Source 1
Windows Phone and Open Source 1Igor Ralic This document summarizes various open source licenses and tools available for Windows Phone development. It discusses licenses like the Microsoft Public License, GNU licenses, Apache license and MIT license. It also lists and describes several Windows Phone development tools from the Silverlight toolkit, including controls for auto-complete text boxes, date pickers, hub tiles, long list selectors and performance progress bars. The document encourages using open source and provides links for more information.
More Related Content
Viewers also liked (12)
Eloquent ORM
Eloquent ORMAndreas Gullberg Larsen The document discusses object relational mapping (ORM) and Laravel's Eloquent ORM. It shows how Eloquent provides an alternative to writing raw SQL queries by allowing developers to write object-oriented queries to perform CRUD operations and define relationships between models. Key points covered include using Eloquent to find, filter, create, update and delete model records, perform queries across relationships, and chain methods for complex queries. This reduces the need to write SQL directly and improves security by making SQL injection less likely.
Vue.js is boring - and that's a good thing
Vue.js is boring - and that's a good thingJoonas Lehtonen Vue.js is described as a "boring" framework that helps developers get work done without unnecessary complexity. It borrows best practices from other frameworks like React but aims to have simpler dependencies and templates. Vue.js uses reactive templates that can be written with plain JavaScript or JSX, and allows separating component logic from presentation with single file components. It also avoids unnecessary re-renders through its reactive system. The document demonstrates how Vue.js can be preferable for teams with mix of experience levels due to its flexibility and lack of complexity compared to other frameworks like React.
Eloquent ORM
Eloquent ORMShengyou Fan 本文件介绍了 Eloquent ORM 的基本概念及其在 Laravel 框架中的应用，包括如何通过 ORM 进行数据的增、查、改、删操作。还讨论了 Tinker 工具的使用，以及如何设置模型的属性和表之间的关系。最后，文档总结了在实际应用中使用 ORM 的最佳实践和注意事项。
Vue 2.0 + Vuex Router & Vuex at Vue.js
Vue 2.0 + Vuex Router & Vuex at Vue.jsTakuya Tejima The document discusses Vue.js 2.0, including its features and improvements such as enhanced rendering speed, separated compiler and runtime, and server-side rendering. It also covers the integration of Vue Router for single-page applications and Vuex for state management, highlighting their functionalities, benefits, and examples. Additionally, it emphasizes community involvement and resources for further learning and support.
12 Most Profound Quotes from Facebooks CEO Mark Zuckerberg
12 Most Profound Quotes from Facebooks CEO Mark ZuckerbergEkaterina Walter Mark Zuckerberg emphasizes the importance of enhancing people's lives and fostering social connections through long-term vision and innovation at Facebook. He advocates for risk-taking in business, continuous improvement, and prioritizing meaningful work over concerns about failure. His commitment to building value for users and creating a more connected world is a central theme in his approach to leadership.
Laravel Eloquent ORM
Laravel Eloquent ORMBa Thanh Huynh This document summarizes a presentation about using Eloquent ORM in Laravel. It introduces Laravel's database components including Query Builder, Eloquent ORM, and migrations. It describes how to define Laravel models and relationships. Pros and cons of Eloquent are listed. The workflow of defining models and relationships is outlined. There is a section on demoing raw SQL, Query Builder and Eloquent. Recommended learning materials on the topic are provided at the end.
Web 2.0 Business Models
Web 2.0 Business ModelsTeemu Arina This document discusses Web 2.0 business models and strategies. It provides examples of typical Web 2.0 business models like creating a niche user community and selling API access or services. It emphasizes that most Web 2.0 startups get to market with 200k Euros or less by giving value for free initially. The document also outlines strategies for positioning a Web 2.0 business, driving users through bottom-up innovations, and leveraging the power law of participation to engage users at different levels.
Steve Jobs Inspirational Quotes
Steve Jobs Inspirational QuotesInsideView This document contains 25 quotes from Steve Jobs on a variety of topics. Some of the key themes that emerge are Jobs' focus on excellence and innovation, his belief that quality should take priority over quantity, and his vision that technology could be used to change people's lives. He also expressed confidence in Apple's future leadership and his ongoing connection to the company even if he wasn't present at all times.
Creative Web 2.0 Learning
Creative Web 2.0 LearningJudy O'Connell The document presents Judy O’Connell's slides from the CTLA conference on May 23, 2007, discussing the impact of Web 2.0 technologies on libraries and learning environments. It covers the evolution of social networking, the importance of Library 2.0, and various online tools and resources that enhance communication, collaboration, and learning. O’Connell emphasizes the need for libraries to adapt and integrate these technologies to remain relevant in a web-savvy world.
How to Build SPA with Vue Router 2.0
How to Build SPA with Vue Router 2.0Takuya Tejima The document provides a comprehensive guide on building a Single Page Application (SPA) using Vue.js and Vue Router 2.0, detailing key features, advantages, and examples of implementation. It highlights the importance of server-side rendering (SSR) and dynamic component rendering for improved performance and SEO. Additionally, it includes code samples for configuring routes, managing state with Vuex, and utilizing guards and lazy-loading to optimize the application experience.
3 Things Every Sales Team Needs to Be Thinking About in 2017
3 Things Every Sales Team Needs to Be Thinking About in 2017Drift Sales teams in 2017 need to update their strategies by incorporating messaging into their outreach, fixing outdated BDR processes to engage buyers in real-time, and enhancing account-based marketing to provide personalized experiences. The document emphasizes integrating messaging tools like live chat into existing setups to better connect with prospects. Additionally, it highlights the importance of responding to leads in a timely manner and treating them as individuals rather than forcing traditional form-filling mechanisms.
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel To become a thought leader in your niche, first choose a specific niche where you can provide value. Strive to excel by continually learning, networking, and demonstrating your expertise through consistent content creation. For resources and guidance, visit www.becomeablogger.com.
Similar to Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3 (20)
Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3
Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3Doris Chen The document introduces Doris Chen, who is a Developer Evangelist at Microsoft based in Silicon Valley. She has over 15 years of experience in the software industry focusing on web technologies. She regularly speaks at conferences and publishes articles. Doris received her Ph.D. from UCLA.
Toronto User groups workshop - 2013-03-10 - HTML5 & Windows 8, friends with b...
Toronto User groups workshop - 2013-03-10 - HTML5 & Windows 8, friends with b...Frédéric Harper The document discusses Windows Phone development, focusing on managing product licensing and in-app purchases. It provides code snippets for checking license information and prompting users to purchase full functionality. Additionally, it introduces various UI controls available for developers in WinJS, along with resources for building Windows 8 applications.
Develop High Performance Windows 8 Application with HTML5 and JavaScriptHigh ...
Develop High Performance Windows 8 Application with HTML5 and JavaScriptHigh ...Doris Chen Doris Chen is a developer evangelist at Microsoft based in Silicon Valley. She has over 15 years of experience in the software industry focusing on web technologies. She regularly speaks at conferences and publishes content to help developers. Doris received her Ph.D. from UCLA. The document provides links and resources for developing HTML5 apps for Windows 8.
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...
Windows 8 Pure Imagination - 2012-11-24 - Getting your HTML5 game Windows 8 r...Frédéric Harper This document discusses how to prepare HTML5 games for Windows 8 using the WinJS library. It provides an overview of key Windows 8 features like the Windows Store and touch support. It then demonstrates how to use WinJS to add data binding, navigation between pages, and an app bar to an HTML5 game demo. The demo shows a list of hikers that can be navigated and includes an "Add Hiker" button in the app bar. It encourages developers building Windows 8 games to contact the author for help.
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefitsFrédéric Harper Windows 8 and HTML5 are compatible technologies that can be used together to create engaging apps and experiences. Microsoft's Internet Explorer 10 and Windows 8 support many HTML5 and CSS3 features in a hardware-accelerated way for high performance. Popular features like geolocation, canvas, video and audio work well in both Windows 8 and IE10 apps. While there are some differences between developing for the web versus Windows apps, developers can leverage the Windows Runtime and WinJS to build apps that integrate well with the Windows experience. Tools are available to help developers utilize these technologies and standards to create the next generation of apps and experiences across devices and contexts.
Effectively using Nokia Web Tools 2.0 templates for Series 40 web apps
Effectively using Nokia Web Tools 2.0 templates for Series 40 web appsMicrosoft Mobile Developer The document discusses effective templates for Series 40 web apps, highlighting the advantages of web apps over Java apps, such as faster development and lower costs. It details the architecture of web apps, the use of Nokia's web tools for development, and the benefits of the cloud-assisted Xpress browser. Key features and functionalities, including a demo of templates and user interface components, are also covered to ensure design consistency and enhanced user experience.
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefits
Confoo - 2013-02-28 - HTML5 & Windows 8, friends with benefitsFrédéric Harper The document discusses features related to web context integration for Windows applications, including cross-domain requests and automatic filtering. It highlights a demo for a Windows 8 template called MetroPress, which is customizable for WordPress. Additionally, the document mentions resources related to the developer movement and rewards for app development.
Introduction into windows 8 application development
Introduction into windows 8 application developmentCsaba Toth This document provides an agenda and overview for a presentation on Windows 8 application development. The presentation will examine Windows 8 application features, demonstrate how to build a sample Contoso Cookbook application, and cover topics like searching, sharing, tiles, notifications, trials and in-app purchases. The presenter, Csaba Toth, is an experienced .NET, Java and C# developer who will walk through creating the application and optimizing it for the Windows 8 platform.
Windows Phone and Open Source 1
Windows Phone and Open Source 1Igor Ralic This document summarizes various open source licenses and tools available for Windows Phone development. It discusses licenses like the Microsoft Public License, GNU licenses, Apache license and MIT license. It also lists and describes several Windows Phone development tools from the Silverlight toolkit, including controls for auto-complete text boxes, date pickers, hub tiles, long list selectors and performance progress bars. The document encourages using open source and provides links for more information.
Cross platform mobile web apps
Cross platform mobile web appsJames Pearce The document discusses the state of cross-platform mobile web apps. It notes that while HTML5 provides many capabilities of native mobile apps, developing cross-platform web apps remains challenging due to differences in browser platforms and a lack of universal support for HTML5 features. Hybrid mobile apps that use a native wrapper and HTML5 for app logic offer greater access to device functionality but still must target multiple platforms. Ultimately, no solution provides the same level of "nativeness" as truly native mobile apps.
Windows8 lightningtalk
Windows8 lightningtalkcarlspierre The document discusses Microsoft's Windows 8 operating system and its Metro user interface. It introduces Metro style apps and their architecture, which uses XAML and HTML/JavaScript to build apps that work across Windows 8 devices. It also discusses the Windows Runtime APIs, asynchronous programming, and the grid-based layout system. Code samples are provided to demonstrate creating a ListView to display data using data binding. The document suggests that Windows 8 aims to have apps reach 500+ million Windows devices, 300+ million Android devices, and 250+ million iOS devices.
Ideas for addictive series 40 web apps
Ideas for addictive series 40 web appsMicrosoft Mobile Developer The document presents ideas and guidelines for developing Series 40 web apps, highlighting their architecture, benefits, and development pointers. It emphasizes the importance of user engagement, a clear purpose, and a holistic approach in creating effective web apps within the constraints of low-cost devices. The document also lists potential web app ideas ranging from utility applications to social media consolidators.
HTML5: State of the Union
HTML5: State of the UnionSencha The document discusses the state of HTML5 and CSS3, highlighting core features, browser support, and the evolution of web standards. It covers topics such as new semantic tags, multimedia capabilities through <video> and <audio>, and advanced CSS properties including animations and gradients. Additionally, it addresses the importance of standards in web development and mentions various APIs and their status in the HTML5 specification.
Windows 8 app template feedback
Windows 8 app template feedbackSteren Giannini This document discusses the Windows 8 Metro application template created by Steren Giannini, focusing on its features for building content-based applications such as articles, videos, and pictures. It emphasizes the differences in using JavaScript with WinJS APIs and provides advice on structuring apps and utilizing Visual Studio. The template is aimed at simplifying development for non-technical users and includes links to demos and resources for further guidance.
Win j svsphonegap-damyan-petev-mihail-mateev
Win j svsphonegap-damyan-petev-mihail-mateevMihail Mateev This document provides an overview and comparison of WinJS and PhoneGap for developing Windows Store apps. It discusses the key components of WinJS like controls, layouts, animations and styling. It also explains how PhoneGap allows developing Windows Store apps using web technologies by providing access to native device APIs via a native web view. While WinJS and PhoneGap differ in their APIs, the document emphasizes they can both be used to create valid Windows Store apps and developers should choose based on preference and code portability needs. It encourages mixing frameworks freely as long as platform guidelines are followed.
HTML5 and the dawn of rich mobile web applications pt 1
HTML5 and the dawn of rich mobile web applications pt 1James Pearce Mobile applications are evolving to leverage HTML5 and rich web technologies. While native mobile applications currently have advantages in terms of performance and access to device features, HTML5 allows building applications that work across mobile devices and platforms using web standards. Frameworks like jQuery Mobile and Sencha Touch demonstrate how to build mobile-optimized interfaces using HTML, CSS, and JavaScript. HTML5 applications have the potential for broader reach and less development effort compared to building separate native apps, though performance compromises remain versus truly native apps.
Windows Store Apps using HTML and JavaScript: Become a Windows App Store deve...
Windows Store Apps using HTML and JavaScript: Become a Windows App Store deve...Sacha Bruttin This document provides an overview of developing Windows Store apps using HTML and JavaScript. It discusses getting started with app layout and UI, accessing and displaying data from APIs, enriching apps with features like semantic zoom and animations, implementing search contracts, and submitting apps to the Windows Store. The presentation is aimed at helping developers learn how to build their first Windows Store app in 60 minutes.
Bd conf sencha touch workshop
Bd conf sencha touch workshopJames Pearce The document provides an overview of building mobile web apps with HTML, CSS, and JavaScript. It discusses using declarative HTML, programmatic JavaScript, and thin clients as alternatives to thick clients. It also summarizes support for HTML5 features across different mobile browsers and frameworks like Sencha Touch that can be used to develop rich mobile apps with web standards.
Windows 8 Pure Imagination - 2012-11-25 - Extending Your Game with Windows 8 ...
Windows 8 Pure Imagination - 2012-11-25 - Extending Your Game with Windows 8 ...Frédéric Harper This document discusses extending games for Windows 8 and includes demos of various features. It covers designing for touch, using the accelerometer sensor, snapped views, user profile data, contacts, sharing, settings, live tiles, monetization through in-app purchases, and advertising. It provides code examples and resources for creating Windows 8 games.
Ad
More from Doris Chen (20)
Practical tipsmakemobilefaster oscon2016
Practical tipsmakemobilefaster oscon2016Doris Chen Doris Chen is a senior developer evangelist at Microsoft who focuses on web technologies like JavaScript and HTML5. Her presentation covers optimizing Cordova app performance, including measuring startup cost and memory usage, using CSS for gradients instead of images, animating with translate3d instead of left/top, and handling events through bubbling instead of individual listeners. She provides tips like keeping the DOM simple, batching layout changes, and cleaning up unused objects to prevent memory leaks.
Building Web Sites that Work Everywhere
Building Web Sites that Work EverywhereDoris Chen Doris Chen, a developer evangelist at Microsoft with over 18 years of experience, emphasizes the importance of cross-browser testing and feature detection in web development to ensure website compatibility. The document discusses various testing tools, CSS vendor prefixes, and the significance of polyfills and fallbacks for unsupported features across different browsers. It advocates for using Modernizr for feature detection and highlights the drawbacks of relying on user agent strings for browser detection.
Angular mobile angular_u
Angular mobile angular_uDoris Chen The document presents an overview of Angular and its features, including mobile app development using Apache Cordova. It discusses Angular's architecture, data binding, and the benefits and challenges of using Angular for web and hybrid mobile apps. It also provides insights into the use of Apache Cordova for cross-platform mobile development and highlights key considerations for developers.
Lastest Trends in Web Development
Lastest Trends in Web DevelopmentDoris Chen Doris Chen is a developer evangelist at Microsoft with over 15 years of experience in web technologies, actively engaging with the developer community. The document outlines various web development resources and technologies, including responsive design, HTML5, and Cordova for building multi-device hybrid applications. It also contains links to training, demos, and tools to enhance web development skills.
Angular or Backbone: Go Mobile!
Angular or Backbone: Go Mobile!Doris Chen The document discusses a comparison between Angular and Backbone frameworks, highlighting their features, learning curves, and performance. Angular offers a comprehensive solution with features like two-way data binding and custom directives, while Backbone provides a more flexible, minimalist approach. The author concludes that Angular might be easier to maintain for larger applications, whereas Backbone has a lower learning curve and faster performance in certain benchmarks.
OSCON Presentation: Developing High Performance Websites and Modern Apps with...
OSCON Presentation: Developing High Performance Websites and Modern Apps with...Doris Chen The document introduces Doris Chen, a developer evangelist at Microsoft with over 15 years of experience in web technologies, sharing best practices for writing performant JavaScript. It discusses key principles for efficient memory management, fast object manipulation, and arithmetic optimizations to enhance the performance of web applications. Additionally, it includes various resources and links for further learning about JavaScript best practices and performance optimization.
Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps Faster
Practical Performance Tips and Tricks to Make Your HTML/JavaScript Apps FasterDoris Chen The document discusses web performance optimization, outlining six key principles for improving load times and resource management. It emphasizes the importance of quickly responding to network requests, minimizing downloaded bytes, optimizing media usage, and efficiently structuring markup. Additionally, it provides practical tips and examples to implement these principles effectively.
Developing High Performance Websites and Modern Apps with JavaScript and HTML5
Developing High Performance Websites and Modern Apps with JavaScript and HTML5Doris Chen The document presents insights from a Microsoft developer evangelist with over 15 years of experience, focusing on best practices for optimizing JavaScript performance and effective web technologies. Key topics include efficient DOM manipulation, memory management, the advantages of JSON over XML, and strategies for fast arithmetic and array usage. The content emphasizes the importance of using fast types, avoiding unnecessary object creation, and leveraging profiling tools for performance improvement.
What Web Developers Need to Know to Develop Native HTML5/JS Apps
What Web Developers Need to Know to Develop Native HTML5/JS AppsDoris Chen This document provides biographical information about Doris Chen in 3 paragraphs. It states that she is a Developer Evangelist at Microsoft based in Silicon Valley, California. It lists her blog, Twitter, email, and details about her office hours. It notes that she has over 15 years of experience in the software industry focusing on web technologies. It also shares that she has spoken and published widely at several conferences and meetings. It concludes by mentioning that Doris received her Ph.D. from UCLA.
Windows 8 Opportunity
Windows 8 OpportunityDoris Chen Doris Chen is a developer evangelist at Microsoft based in Silicon Valley. She has over 15 years of experience in the software industry focusing on web technologies. She blogs at http://blogs.msdn.com/b/dorischen and can be found on Twitter @doristchen. Her areas of expertise include HTML5, CSS3, and Windows 8 app development.
Wins8 appfoforweb fluent
Wins8 appfoforweb fluentDoris Chen This document contains biographical information about Doris Chen, a developer evangelist at Microsoft. It notes that she has over 15 years of experience in software focusing on web technologies, has spoken widely at conferences, and holds a PhD from UCLA. Her blog and contact information are also included to allow developers to learn more about building apps for Windows 8.
Introduction to CSS3
Introduction to CSS3Doris Chen The document presents an introduction to CSS3, highlighting its importance as a key technology in the HTML5 family, which improves web design efficiency and responsiveness. It details new features including media queries, flexible box layout, grid layout, and multi-column layouts, as well as various tools and resources for implementing CSS3 in Windows 8 apps. The summary emphasizes the advantages of adaptive design for a diverse range of devices and audiences.
Practical HTML5: Using It Today
Practical HTML5: Using It TodayDoris Chen The document outlines best practices for web development using HTML5, focusing on browser fragmentation, feature detection, and the use of polyfills and shims for unsupported features. It emphasizes the importance of using feature detection over browser detection, with suggestions for tools like Modernizr and yepnope. Additionally, it highlights the need for semantic HTML5 tags and techniques for creating plugin-free web experiences while ensuring cross-browser compatibility.
Dive Into HTML5
Dive Into HTML5Doris Chen Doris Chen is a developer evangelist at Microsoft who has over 15 years of experience in the software industry focusing on web technologies. She will give a presentation on HTML5 that includes an overview of HTML5, its main features such as new semantic elements, CSS3, HTML5 video and audio, SVG, and Canvas. She will also demonstrate examples of these features.
Practical HTML5: Using It Today
Practical HTML5: Using It TodayDoris Chen The document discusses practical HTML5 usage, emphasizing the importance of feature detection over browser detection due to varying levels of support across browsers. It highlights the roles of polyfills and shims in providing missing capabilities and ensuring compatibility with non-modern browsers. The speaker, Doris Chen, shares her extensive experience and recommends tools like Modernizr for effective feature detection and responsive design support.
HTML 5 Development for Windows Phone and Desktop
HTML 5 Development for Windows Phone and DesktopDoris Chen The document discusses HTML5 development for Windows Phone and desktop, highlighting Microsoft’s initiatives and features included in the Windows Phone platform. It covers the importance of interoperability, performance enhancements, and the integration of web technologies, as well as a preview of PhoneGap for building cross-platform mobile applications. Additionally, it outlines tools and resources for developers, including support for geolocation, local storage, and media queries.
Dive into HTML5: SVG and Canvas
Dive into HTML5: SVG and CanvasDoris Chen The document provides an extensive overview of HTML5, focusing on its features, including the semantic structure, SVG, and Canvas elements. It covers the compatibility of these features with different versions of Internet Explorer, as well as best practices and tools for development. Additionally, it includes resources for further learning and upcoming events related to HTML5.
Performance Optimization and JavaScript Best Practices
Performance Optimization and JavaScript Best PracticesDoris Chen The document presents performance optimization strategies and best practices for JavaScript development by Doris Chen, a developer evangelist at Microsoft. It covers essential topics such as minimizing communication between client and server, avoiding premature optimization, and ensuring a clean separation of content, CSS, and JavaScript. Additional practices include asynchronous programming, resource management, and maintaining high code quality to enhance web application performance.
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)
jQuery Makes Writing JavaScript Fun Again (for HTML5 User Group)Doris Chen The document discusses jQuery, a widely used JavaScript library that simplifies HTML and JavaScript interactions, emphasizing its benefits such as cross-browser compatibility, a short learning curve, and various plugins. It covers essential jQuery features, new plugins like templates, datalink, and globalization, and provides insights into its use with OData and JSONP for applications like a Netflix movie search. Microsoft is actively contributing to jQuery, enhancing its capabilities while enabling easy integration with diverse server platforms.
Develop Netflix Movie Search App using jQuery, OData, JSONP and Netflix Techn...
Develop Netflix Movie Search App using jQuery, OData, JSONP and Netflix Techn...Doris Chen The document provides instructions for developing a Netflix movie search application using jQuery, OData, and JSONP. It includes steps to set up an HTML page, create a template for movie results, and make an AJAX call to the Netflix API for movie data. Instructions for implementing a movie playback feature using a Netflix developer account are also included.
Ad
Recently uploaded (20)
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptx
FIDO Seminar: Perspectives on Passkeys & Consumer Adoption.pptxFIDO Alliance FIDO Seminar: Perspectives on Passkeys & Consumer Adoption
10 Key Challenges for AI within the EU Data Protection Framework.pdf
10 Key Challenges for AI within the EU Data Protection Framework.pdfPriyanka Aash 10 Key Challenges for AI within the EU Data Protection Framework
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025
CapCut Pro Crack For PC Latest Version {Fully Unlocked} 2025pcprocore 👉𝗡𝗼𝘁𝗲:𝗖𝗼𝗽𝘆 𝗹𝗶𝗻𝗸 & 𝗽𝗮𝘀𝘁𝗲 𝗶𝗻𝘁𝗼 𝗚𝗼𝗼𝗴𝗹𝗲 𝗻𝗲𝘄 𝘁𝗮𝗯> https://pcprocore.com/ 👈◀
CapCut Pro Crack is a powerful tool that has taken the digital world by storm, offering users a fully unlocked experience that unleashes their creativity. With its user-friendly interface and advanced features, it’s no wonder why aspiring videographers are turning to this software for their projects.
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdf
War_And_Cyber_3_Years_Of_Struggle_And_Lessons_For_Global_Security.pdfbiswajitbanerjee38 Russia is one of the most aggressive nations when it comes to state coordinated cyberattacks — and Ukraine has been at the center of their crosshairs for 3 years. This report, provided the State Service of Special Communications and Information Protection of Ukraine contains an incredible amount of cybersecurity insights, showcasing the coordinated aggressive cyberwarfare campaigns of Russia against Ukraine.
It brings to the forefront that understanding your adversary, especially an aggressive nation state, is important for cyber defense. Knowing their motivations, capabilities, and tactics becomes an advantage when allocating resources for maximum impact.
Intelligence shows Russia is on a cyber rampage, leveraging FSB, SVR, and GRU resources to professionally target Ukraine’s critical infrastructures, military, and international diplomacy support efforts.
The number of total incidents against Ukraine, originating from Russia, has steadily increased from 1350 in 2021 to 4315 in 2024, but the number of actual critical incidents has been managed down from a high of 1048 in 2022 to a mere 59 in 2024 — showcasing how the rapid detection and response to cyberattacks has been impacted by Ukraine’s improved cyber resilience.
Even against a much larger adversary, Ukraine is showcasing outstanding cybersecurity, enabled by strong strategies and sound tactics. There are lessons to learn for any enterprise that could potentially be targeted by aggressive nation states.
Definitely worth the read!
Lessons Learned from Developing Secure AI Workflows.pdf
Lessons Learned from Developing Secure AI Workflows.pdfPriyanka Aash Lessons Learned from Developing Secure AI Workflows
From Manual to Auto Searching- FME in the Driver's Seat
From Manual to Auto Searching- FME in the Driver's SeatSafe Software Finding a specific car online can be a time-consuming task, especially when checking multiple dealer websites. A few years ago, I faced this exact problem while searching for a particular vehicle in New Zealand. The local classified platform, Trade Me (similar to eBay), wasn’t yielding any results, so I expanded my search to second-hand dealer sites—only to realise that periodically checking each one was going to be tedious. That’s when I noticed something interesting: many of these websites used the same platform to manage their inventories. Recognising this, I reverse-engineered the platform’s structure and built an FME workspace that automated the search process for me. By integrating API calls and setting up periodic checks, I received real-time email alerts when matching cars were listed. In this presentation, I’ll walk through how I used FME to save hours of manual searching by creating a custom car-finding automation system. While FME can’t buy a car for you—yet—it can certainly help you find the one you’re after!
The Future of AI Agent Development Trends to Watch.pptx
The Future of AI Agent Development Trends to Watch.pptxLisa ward The Future of AI Agent Development: Trends to Watch explores emerging innovations shaping smarter, more autonomous AI solutions for businesses and technology.
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalogshyamraj55 This presentation dives into how MuleSoft empowers AgentForce with organized API discovery and streamlined integration using Topic Center and the API Catalog. Learn how these tools help structure APIs around business needs, improve reusability, and simplify collaboration across teams. Ideal for developers, architects, and business stakeholders looking to build a connected and scalable API ecosystem within AgentForce.
Improving Data Integrity: Synchronization between EAM and ArcGIS Utility Netw...
Improving Data Integrity: Synchronization between EAM and ArcGIS Utility Netw...Safe Software Utilities and water companies play a key role in the creation of clean drinking water. The creation and maintenance of clean drinking water is becoming a critical problem due to pollution and pressure on the environment. A lot of data is necessary to create clean drinking water. For fieldworkers, two types of data are key: Asset data in an asset management system (EAM for example) and Geographic data in a GIS (ArcGIS Utility Network ). Keeping this type of data up to date and in sync is a challenge for many organizations, leading to duplicating data and creating a bulk of extra attributes and data to keep everything in sync. Using FME, it is possible to synchronize Enterprise Asset Management (EAM) data with the ArcGIS Utility Network in real time. Changes (creation, modification, deletion) in ArcGIS Pro are relayed to EAM via FME, and vice versa. This ensures continuous synchronization of both systems without daily bulk updates, minimizes risks, and seamlessly integrates with ArcGIS Utility Network services. This presentation focuses on the use of FME at a Dutch water company, to create a sync between the asset management and GIS.
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025OpenACC The OpenACC organization focuses on enhancing parallel computing skills and advancing interoperability in scientific applications through hackathons and training. The upcoming 2025 Open Accelerated Computing Summit (OACS) aims to explore the convergence of AI and HPC in scientific computing and foster knowledge sharing. This year's OACS welcomes talk submissions from a variety of topics, from Using Standard Language Parallelism to Computer Vision Applications. The document also highlights several open hackathons, a call to apply for NVIDIA Academic Grant Program and resources for optimizing scientific applications using OpenACC directives.
PyCon SG 25 - Firecracker Made Easy with Python.pdf
PyCon SG 25 - Firecracker Made Easy with Python.pdfMuhammad Yuga Nugraha Explore the ease of managing Firecracker microVM with the firecracker-python. In this session, I will introduce the basics of Firecracker microVM and demonstrate how this custom SDK facilitates microVM operations easily. We will delve into the design and development process behind the SDK, providing a behind-the-scenes look at its creation and features. While traditional Firecracker SDKs were primarily available in Go, this module brings a simplicity of Python to the table.
OpenPOWER Foundation & Open-Source Core Innovations
OpenPOWER Foundation & Open-Source Core InnovationsIBM penPOWER offers a fully open, royalty-free CPU architecture for custom chip design.
It enables both lightweight FPGA cores (like Microwatt) and high-performance processors (like POWER10).
Developers have full access to source code, specs, and tools for end-to-end chip creation.
It supports AI, HPC, cloud, and embedded workloads with proven performance.
Backed by a global community, it fosters innovation, education, and collaboration.
The Future of Technology: 2025-2125 by Saikat Basu.pdf
The Future of Technology: 2025-2125 by Saikat Basu.pdfSaikat Basu A peek into the next 100 years of technology. From Generative AI to Global AI networks to Martian Colonisation to Interstellar exploration to Industrial Nanotechnology to Artificial Consciousness, this is a journey you don't want to miss. Which ones excite you the most? Which ones are you apprehensive about? Feel free to comment! Let the conversation begin!
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Smarter Aviation Data Management: Lessons from Swedavia Airports and SwecoSafe Software Managing airport and airspace data is no small task, especially when you’re expected to deliver it in AIXM format without spending a fortune on specialized tools. But what if there was a smarter, more affordable way?
Join us for a behind-the-scenes look at how Sweco partnered with Swedavia, the Swedish airport operator, to solve this challenge using FME and Esri.
Learn how they built automated workflows to manage periodic updates, merge airspace data, and support data extracts – all while meeting strict government reporting requirements to the Civil Aviation Administration of Sweden.
Even better? Swedavia built custom services and applications that use the FME Flow REST API to trigger jobs and retrieve results – streamlining tasks like securing the quality of new surveyor data, creating permdelta and baseline representations in the AIS schema, and generating AIXM extracts from their AIS data.
To conclude, FME expert Dean Hintz will walk through a GeoBorders reading workflow and highlight recent enhancements to FME’s AIXM (Aeronautical Information Exchange Model) processing and interpretation capabilities.
Discover how airports like Swedavia are harnessing the power of FME to simplify aviation data management, and how you can too.
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptx
FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography.pptxFIDO Alliance FIDO Seminar: Evolving Landscape of Post-Quantum Cryptography
Powering Multi-Page Web Applications Using Flow Apps and FME Data Streaming
Powering Multi-Page Web Applications Using Flow Apps and FME Data StreamingSafe Software Unleash the potential of FME Flow to build and deploy advanced multi-page web applications with ease. Discover how Flow Apps and FME’s data streaming capabilities empower you to create interactive web experiences directly within FME Platform. Without the need for dedicated web-hosting infrastructure, FME enhances both data accessibility and user experience. Join us to explore how to unlock the full potential of FME for your web projects and seamlessly integrate data-driven applications into your workflows.
Building Beautiful and Interactive Metro apps with JavaScript, HTML5 & CSS3
- 2. Who am I? Developer Evangelist at Microsoft based in Silicon Valley, CA Blog: http://blogs.msdn.com/b/dorischen/ Twitter @doristchen Email: [email protected] Has over 15 years of experience in the software industry focusing on web technologies Spoke and published widely at JavaOne, O'Reilly, Silicon Valley Code Camp, SD West, SD Forum and worldwide User Groups meetings Doris received her Ph.D. from the University of California at Los Angeles (UCLA) PAGE 2 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 5. As of March 2012, IDC
- 8. PAGE 9 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 9. PAGE 10 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 10. Internet Explorer TAB HTML host process App code Web platform App code Web Windows platform runtime App container PAGE 12 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 11. demo
- 13. Internet Explorer Internet Explorer for the desktop
- 14. PAGE 17 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 15. PAGE 18 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 18. /* Re-arrange and hide/show content */ Full screen Portrait Snap Fill PAGE 21 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 21. 1,1 2,1 1,2 2,2 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 22. demo
- 23. PAGE 26 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 24. demo
- 26. The development tools are FREE! If you use a higher SKU, it just works!
- 28. PAGE 33 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 29. PAGE 34 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 31. PAGE 36 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 32. PAGE 38 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 33. PAGE 39 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 34. http://msdn.microsoft.com/en-us/library/windows/apps/hh700404.aspx http://msdn.microsoft.com/en-us/library/windows/apps/hh465380.aspx http://msdn.microsoft.com/en-us/library/windows/apps/hh465373.aspx twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 35. Feature Local context Web context Windows Run-time Yes No Windows Library for Yes Yes* Javascript External script No Yes references Cross-domain XHR Yes No requests Automatic filtering for Yes No script injection on DOM There are ways to communicate across contexts, ways to give websites access to some web standards features and ways #devcamp automatic filtering within a function. http://blogs.msdn.com/dorischen twitter to skip lab setup: http://bit.ly/html5setup Blog
- 36. demo
- 39. "Code for touch, get mouse and pen for free!"
- 40. API surface CSS Properties DOM Attributes DOM Events overflow -ms-scroll-rails -ms-scroll-snap-x scrollLeft Scrolling scroll -ms-scroll-snap-y scrollTop -ms-scroll-chaining -ms-scroll-boundary -ms-content-zooming -ms-content-zoom- Zooming msContentZoomFactor MSContentZoom boundary -ms-content-zoom-snap Both MSManipulationStateChanged -ms-scroll-snap-type Snap-points -ms-scroll-snap-point-x
- 48. <div id="smallListIconTextTemplate" data-win-control="WinJS.Binding.Template" style="display: none"> <div class="smallListIconTextItem"> <img src="#" class="smallListIconTextItem-Image" data-win-bind="src: picture" /> <div class="smallListIconTextItem-Detail"> </div> </div> </div> <!-- Call WinJS.UI.processAll() in your initialization code --> <div id="listView" data-win-control="WinJS.UI.ListView" data-win-options="{ itemDataSource: myData.dataSource, itemTemplate: smallListIconTextTemplate, selectionMode: 'none', tapBehavior: 'none', swipeBehavior: 'none', layout: { type: WinJS.UI.GridLayout } }" ></div>
- 49. <!– Step1: declare control --> <div id=“list” data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none' }"></div> /* Step 2: Call WinJS.UI.processAll() */ /* Step 3: Use the control */ document.getElementById(‘list’).winControl.addEvent Listener (‘selectionchanged’, onSelChanged );
- 50. DatePicker SettingsFlyout Listview SemanticZoom Semantic Zoom Flipview Menu Flyout Rating Appbar twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen Slide does not include all WinJS controls (Tooltip, ViewBox, ToggleSwitch, HTMLControl, etc.)
- 51. <div id="appbar" data-win-control="WinJS.UI.AppBar"> <button data-win-control="WinJS.UI.AppBarCommand" data-win- options="{id:'brag', label:'Brag', icon:'emoji2', section:'selection', type:'flyout', flyout:'bragFlyout'}"></button> </div> <div id="bragFlyout" data-win-control="WinJS.UI.Menu"> <button data-win-control="WinJS.UI.MenuCommand" data-win- options="{id:'photo', label:'Photo'}"></button> <button data-win-control="WinJS.UI.MenuCommand" data-win- options="{id:'video', label:'Video' }"></button> </div>
- 54. // Handle click events from the Photo command capture.CameraCaptureUI() // Capture a photo and display the share UI
- 56. Contracts
- 60. demo
- 64. Windows 8 Cheat Sheet http://bit.ly/wins8cheatsheet http://bit.ly/Win8GenApp http:/dev.windows.com PAGE 80 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen
- 65. Launch your Windows 8 App in 30 days Generation App Online training and tips from insiders Tele-support with a Windows 8 architect Exclusive one-on-one Metro style design consultation Virtual Labs- 90 min labs http://aka.ms/vLabsWin8 Sign up at http://bit.ly/Win8GenApp
- 66. http://ie.microsoft.com/testdrive/Views/SiteMap/ http://www.ietestdrive.com/Links/DevGuide9.html http://www.ietestdrive.com/Links/DevGuide10.html http://blogs.msdn.com/b/ie/archive/2011/09/20/touch- input-for-ie10-and-metro-style-apps.aspx PAGE 82 twitter #devcamp lab setup: http://bit.ly/html5setup Blog http://blogs.msdn.com/dorischen