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

2. 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

3. Meet Jeremy Foster | @codefoster
Developer Evangelist, Microsoft
Honing in on web platform, Windows apps, and Azure
Blogging at
Author, presenter, coder

4. 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

5. 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

6. 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
Enter this code: DevUnivWinAppsHTML2 (expires 9/26/2014)

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

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

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

10. Universal Apps

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

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

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

14. 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

15. Design Considerations

16. Speaking of universal apps… Introducing codeShow JavaScript

17. 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

18. Summary Web apps versus native apps Universal apps
Universal app design