24
Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical Evangelist Michael Palermo Microsoft Technical Evangelist

Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Embed Size (px)

DESCRIPTION

Module Agenda General updates Diagnostics JavaScript editor HTML design tool Web Essentials WACK 3.0 WinJS Scheduler ˃ ˃

Citation preview

Page 1: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Advanced Windows Store App Development with HTML5 Refresh

70-481/70-482 Exam Prep

M6: Tools and Asynchronous Programming

Jeremy FosterMicrosoft Technical Evangelist

Michael PalermoMicrosoft Technical Evangelist

Page 2: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Jump Start Target AgendaAdvanced Windows Store App Development with HTML5 Refresh

Module 1: Multimedia and Devices

Module 2: Packaging and Deployment

Module 3: Tools and Asynchronous Programming

Page 3: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

˃

Page 4: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

General updatesWindows 8.0 -> 8.1 migrationUpdated templates and the new Hub template Azure Mobile Services in the toolingApp bundle supportApp validation (with WACK 3.0) on a remote machineNew Visual Studio “Blue” theme

Page 5: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

HUB TEMPLATE, AZURE MOBILE SERVICES AND PUSH TOOLING, WACK 3.0, VS BLUE THEME

demo

Page 6: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

˃

Page 7: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

DiagnosticsMixed-language debuggingAsync debugging improvementsDOM Explorer enhancementsJavaScript Console enhancementsJavaScript Memory Profiler

Page 8: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

ASYNC IN CALL STACK, DOM EXPLORER ENHANCEMENTS, INTELLISENSE IN JS CONSOLE

demo

Page 9: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

˃

Page 10: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

JavaScript editorEnclosing character completionEditor navigation barIdentifier highlighting

Page 11: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

˃

Page 12: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

HTML design tools (Blend)CSS animationJavaScript BehaviorsCustom font embeddingData bindingRules and guidesBorder radiusSearching and setting CSS propertiesLive DOM CSS search

Page 13: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

BLEND

demo

Page 14: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

˃

Page 15: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Web EssentialsJavaScript minificationZen codingLESS supportCSS regions

Page 16: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

WEB ESSENTIALS FEATURES

demo

Page 17: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

˃

Page 18: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

WACK 3.0Added more checksTest selection at startBetter error messagesTest device configuration information

Page 19: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

RUNNING WACK 3.0

demo

Page 20: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

Module AgendaGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler˃

Page 21: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

WinJS SchedulerAllows you to set the priority of tasks and schedule jobs

Page 22: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

MSDN: HTML SCHEDULER SAMPLE (WINDOWS 8.1)

demo

Page 23: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

SummaryGeneral updatesDiagnosticsJavaScript editorHTML design toolWeb EssentialsWACK 3.0WinJS Scheduler

Page 24: Advanced Windows Store App Development with HTML5 Refresh 70-481/70-482 Exam Prep M6: Tools and Asynchronous Programming Jeremy Foster Microsoft Technical

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.