Developing Universal Windows Apps with HTML and JavaScript Jeremy Foster | Developer Evangelist Michael Palermo | Developer Evangelist

Meet Michael Palermo | ‏@palermo4 Developer Evangelist, Microsoft Productivity focus on web and cloud technologies Passionate about game development Published author on C#, XML, ASP.NET, HTML, CSS, JavaScript Blogging at http://palermo4.com

Meet Jeremy Foster | @codefoster Developer Evangelist, Microsoft Honing in on web platform, Windows apps, and Azure Blogging at http://codefoster.com Author, presenter, coder http://codefoster.com/codechat http://codefoster.com/codeshow

Course Topics Developing Universal Windows Apps with HTML and JavaScript 01 | Introduction to Universal Apps 07 | Accessibility and Globalization 02 | App Lifecycle 08 | Hardware and Sensors 03 | Visual Assets and User Interaction 09 | Custom Controls 04 | File Handling 10 | Background Work 05 | Data 11 | Managing User Info 06 | Networking and Web Services 12 | Monetization, Packaging, and Publishing

Setting Expectations Target Audience Motivated beginners through intermediate developers Web stack veterans XAML expats Piecemeal strategy (this is not an end to end sample project) Suggested Prerequisites/Supporting Material Basic understanding of web stack msdn.com aka.ms/iedevcenter codeshow.codeplex.com palermo4.com and codefoster.com

Join the MVA Community! Microsoft Virtual Academy Free online learning tailored for IT Pros and Developers Over 1M registered users Up-to-date, relevant training on variety of Microsoft products “Earn while you learn!” Get 50 MVA Points for this event! Visit http://aka.ms/MVA-Voucher Enter this code: DevUnivWinAppsHTML2 (expires 9/26/2014)

Jeremy Foster | @codefoster Michael Palermo | @palermo4 01 | Introduction to Universal Apps Jeremy Foster | @codefoster Michael Palermo | @palermo4

Module Overview Web apps versus native apps Universal apps Universal app design

Web app versus native app DATA LOGIC UI WEB APP NATIVE APP

Universal Apps

New Universal Project File | New Project JavaScript | Store Apps | Universal Apps

Starting with Existing Project Windows 8.1 JS project  Universal  Windows Phone 8.1 JS project  Universal  

Intro to the project templates Creating a universal hub/pivot app

Universal App Design Consider actual screen size Also consider device type phones are carried almost always small tablets may be in a backpack When to fork your code… HTML often CSS usually JavaScript seldom

Design Considerations

Speaking of universal apps… Introducing codeShow JavaScript

codeShow codeShow 3 (Universal) is not yet published! The working branch for codeShow 3 is called scratch but will be merged into mainline soon View code online Download .zip Clone Fork Pull request

Summary Web apps versus native apps Universal apps Universal app design