Top Banner
Windows 8 Learning RoadMap İbrahim KIVANÇ Technical Evangelist Microsoft MEA DPE twitter.com/ikivanc [email protected]
13
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: .

Windows 8 Learning RoadMapİbrahim KIVANÇ

Technical EvangelistMicrosoft MEA DPEtwitter.com/[email protected]

Page 2: .

www.aka.ms/Win8UXDev

Page 3: .

200 Windows 8 Samples

http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples

http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples
http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples
http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples
Page 4: .

Learn Step by Step - Hands on Labs

http://msdn.microsoft.com/en-us/windows/apps/jj674832

•Download Windows 8 labs for JavaScript and HTML•Watch Hands on labs video series step by step

•Download Windows 8 labs for C# and XAML•Watch Hands on labs video series step by step

http://msdn.microsoft.com/en-us/windows/apps/jj674832
http://go.microsoft.com/fwlink/?LinkID=265118
http://go.microsoft.com/fwlink/?LinkID=265118
http://channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-JavaScript
http://go.microsoft.com/fwlink/?LinkID=265117
http://go.microsoft.com/fwlink/?LinkID=265117
http://go.microsoft.com/fwlink/?LinkID=265117
http://channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-C-
onenote:Windows%208%20Dev.one#http//channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-JavaScript&section-id=%7B33F4027F-8FFB-4470-B61E-90217D8DB223%7D&page-id=%7BFE66B2AC-BEB7-4551-BE1A-B1AE08C32B2A%7D&base-path=https://d.docs.live.net/87ae481698c98a25/Belgeler/Client%20DE
onenote:Windows%208%20Dev.one#http//channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-JavaScript&section-id=%7B33F4027F-8FFB-4470-B61E-90217D8DB223%7D&page-id=%7BFE66B2AC-BEB7-4551-BE1A-B1AE08C32B2A%7D&base-path=https://d.docs.live.net/87ae481698c98a25/Belgeler/Client%20DE
onenote:Windows%208%20Dev.one#http//channel9.msdn.com/Series/Windows-Store-apps&section-id=%7B33F4027F-8FFB-4470-B61E-90217D8DB223%7D&page-id=%7BFE66B2AC-BEB7-4551-BE1A-B1AE08C32B2A%7D&base-path=https://d.docs.live.net/87ae481698c98a25/Belgeler/Client%20DE
onenote:Windows%208%20Dev.one#http//channel9.msdn.com/Series/Windows-Store-apps-for-Absolute-Beginners-with-JavaScript&section-id=%7B33F4027F-8FFB-4470-B61E-90217D8DB223%7D&page-id=%7BFE66B2AC-BEB7-4551-BE1A-B1AE08C32B2A%7D&base-path=https://d.docs.live.net/87ae481698c98a25/Belgeler/Client%20DE
Page 5: .

Cocktail Flow – Animation, Simple & Clean UI

Swissquote – Simple & Clean, Data Visualization

CBAZAAR – Nice background & Concept Skyscanner – WorkFlow & UI Askall - UI

The ESPN App – App Bar Functionality, UX & UI

USA TODAY - Simplicity Next Issue Magazines – Creative & UI

Page 6: .

Design Case Studies

Website to Windows Store app

iOS to Windows Store app

LOB to Windows Store app

http://msdn.microsoft.com/en-US/library/windows/apps/hh868264
http://msdn.microsoft.com/en-US/library/windows/apps/hh868262
http://msdn.microsoft.com/en-US/library/windows/apps/jj659079
http://msdn.microsoft.com/en-US/library/windows/apps/jj659079
http://msdn.microsoft.com/en-US/library/windows/apps/hh868262
http://msdn.microsoft.com/en-US/library/windows/apps/hh868264
Page 7: .

Design Inspirations

Medical apps: In-patient

Financial apps: SunGard

Financial apps: SmartSight

Medical apps: Manipal Hospital

Retail apps: Social CRM

Retail apps: Point of Sale

http://msdn.microsoft.com/en-US/library/windows/apps/dn163530
http://msdn.microsoft.com/en-US/library/windows/apps/dn163529
http://msdn.microsoft.com/en-US/library/windows/apps/dn163533
http://msdn.microsoft.com/en-US/library/windows/apps/dn163532
http://msdn.microsoft.com/en-US/library/windows/apps/dn163531
http://go.microsoft.com/fwlink/?LinkID=286399
http://msdn.microsoft.com/en-US/library/windows/apps/dn163533
http://msdn.microsoft.com/en-US/library/windows/apps/dn163530
http://msdn.microsoft.com/en-US/library/windows/apps/dn163529
http://msdn.microsoft.com/en-US/library/windows/apps/dn163532
http://msdn.microsoft.com/en-US/library/windows/apps/dn163531
http://msdn.microsoft.com/en-US/library/windows/apps/dn163533
Page 8: .

Design Inspirations

Education apps Shopping apps News apps Travel apps

Sports apps Productivity apps Entertainment apps Games

http://msdn.microsoft.com/en-US/library/windows/apps/hh868271
http://msdn.microsoft.com/en-US/library/windows/apps/hh868270
http://msdn.microsoft.com/en-US/library/windows/apps/hh868272
http://msdn.microsoft.com/en-US/library/windows/apps/hh868273
http://msdn.microsoft.com/en-US/library/windows/apps/jj659081
http://msdn.microsoft.com/en-US/library/windows/apps/jj635241
http://msdn.microsoft.com/en-US/library/windows/apps/jj659080
http://msdn.microsoft.com/en-US/library/windows/apps/jj659082
http://msdn.microsoft.com/en-US/library/windows/apps/jj659080
http://msdn.microsoft.com/en-US/library/windows/apps/jj635241
http://msdn.microsoft.com/en-US/library/windows/apps/hh868272
http://msdn.microsoft.com/en-US/library/windows/apps/jj659082
http://msdn.microsoft.com/en-US/library/windows/apps/jj659081
http://msdn.microsoft.com/en-US/library/windows/apps/hh868273
http://msdn.microsoft.com/en-US/library/windows/apps/hh868270
http://msdn.microsoft.com/en-US/library/windows/apps/hh868271
Page 9: .

Microsoft Design Guidance

App focus User scenarios App features Making money UI design First impressions Validation

Navigation Commanding Touch Advertising Branding UX Guidelines

Downloads Animations

Planning Design Guidance

Assets

http://design.windows.com/

http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#have_a_vision
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#have_a_vision
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#decide_what_flows_or_tasks_you_want_to_enable_for_your_users
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#decide_what_app_and_windows_features_you_can_use_enable_those_flows
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#determine_how_to_monetize
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#decide_how_to_layout_your_app
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#make_first_impression
http://msdn.microsoft.com/en-US/library/windows/apps/hh465427#validate_your_design_against_guidelines_and_requirements
http://msdn.microsoft.com/en-US/library/windows/apps/hh761500
http://msdn.microsoft.com/en-US/library/windows/apps/hh761499
http://msdn.microsoft.com/en-US/library/windows/apps/hh465415
http://msdn.microsoft.com/en-US/library/windows/apps/jj649139
http://msdn.microsoft.com/en-US/library/windows/apps/hh465418
http://msdn.microsoft.com/en-US/library/windows/apps/hh465424
http://msdn.microsoft.com/en-US/library/windows/apps/hh700403
http://msdn.microsoft.com/en-US/library/windows/apps/hh975420
http://design.windows.com/
Page 10: .

Win 8 Design HandBook

http://www.windows8designhandbook.com/

http://www.windows8designhandbook.com/
Page 11: .
http://31daysofwindows8.com/
Page 12: .

3rd Party Control Suites

Telerik (Both)o Sample HTML Appo Sample XAML App

ComponentOne (XAML or HTML/JS)o Sample XAML App

ComponentOne Spreado Sample XAML App

Infragistics (Both) DevExpress (XAML)

o Sample XAML App

Syncfusion (XAML)

Callisto (XAML – open source control project) WinRT Xaml Toolkit OxyPlot Charting Controls – (XAML/C#)

o Sample App

 

Open Source Options For Purchase Options

http://www.telerik.com/products/windows-8/overview.aspx
http://apps.microsoft.com/webpdp/app/6804146a-004a-461e-b8dd-eef699325032
http://apps.microsoft.com/webpdp/app/6804146a-004a-461e-b8dd-eef699325032
http://apps.microsoft.com/webpdp/app/7cdb9bc0-e3a7-47b5-b6d6-658d88d4125d
http://apps.microsoft.com/webpdp/app/7cdb9bc0-e3a7-47b5-b6d6-658d88d4125d
http://www.componentone.com/SuperProducts/StudioWinRTXAML/
http://www.componentone.com/SuperProducts/StudioWinJS/
http://apps.microsoft.com/webpdp/app/6ea17b62-836a-4ece-9498-f1231d110f3b
http://apps.microsoft.com/webpdp/app/6ea17b62-836a-4ece-9498-f1231d110f3b
http://apps.microsoft.com/webpdp/app/f84a2d06-7c08-4ec7-b644-27aaa1567e9c
http://apps.microsoft.com/webpdp/app/f84a2d06-7c08-4ec7-b644-27aaa1567e9c
http://www.infragistics.com/products/windows-ui/
http://www.devexpress.com/Products/NET/Controls/WinRT/
http://apps.microsoft.com/webpdp/app/519d8870-6661-4bd9-9e41-d395c6389b47
https://www.syncfusion.com/products/winrt?src=winrtxamltoolkit
https://github.com/timheuer/callisto
http://winrtxamltoolkit.codeplex.com/
http://winrtxamltoolkit.codeplex.com/
http://winrtxamltoolkit.codeplex.com/
http://winrtxamltoolkit.codeplex.com/
http://oxyplot.codeplex.com/
http://oxyplot.codeplex.com/
http://apps.microsoft.com/webpdp/app/oxyplot-example-browser/95b37c05-f2b0-4186-b48e-01b6fcbeec5d
http://apps.microsoft.com/webpdp/app/oxyplot-example-browser/95b37c05-f2b0-4186-b48e-01b6fcbeec5d
Page 13: .

Windows 8 Enterprise – 90 Days evaluation version of Windows 8 RTMVisual Studio Express 2012 for Windows 8 – Tool to build Windows store apps for Windows 8.200 Win8 Sample App Pack - This package contains over 200 Win8 samples from Microsoft.Metro Style Design Assets - These .psd assets include templates, common controls, and common components.

Dev Download

Bing Maps SDK for Windows8- Binaries & programming ref for the Bing Maps Win8 ControlPlayer Framework - an open source component of the Microsoft Media PlatformSmooth Streaming Client SDK Beta 2 - consume On-Demand and Live Smooth Streaming content w/ PlayReadyLive SDK - The Live SDK provides a set of controls and APIs that enable applications to integrate Single Sign On Multilingual App Toolkit for Visual Studio 11 Beta - Localize your Windows 8 app with translation supportMicrosoft Advertising SDK for Windows 8 – choose whichever ad platform you prefer in your app.SDKs

Migrating your Release Preview app to Windows 8 - Breaking changes documentation from release preview Get started with Windows 8 Apps - get started building exciting apps that are alive with activity.Get started with Visual Studio 2012 –development documentation for Visual Studio 2012Get started with Blend for Visual Studio 2012 – design UI/UX tool for your Metro AppsDesign UX for Windows 8 apps – Design principles, UX design patterns, detailed UX guidelinesWindows Dev Center Home – Links to Metro style app, Desktop app, Hardware, and IE development.Get Started

Learn to build Windows 8 apps – This guide walks you through the essentials of writing your first app.Developer forums - Developer forums for Metro style apps covering designing, developing, and selling apps.Selling apps in the Windows Store - Windows Store markets, developer agreements, and checklists to prepare.Building Windows 8 blog (B8) – An inside look at how, what, and why different features of Win8 are being built.Windows 8 app developer blog (D8) – Explores best practices for coding and designing Metro style appshttp://www.buildwindows.com/ - Windows 8 Keynote and session videosContent

Ibrahim KIVANC Technical Evangelist @Microsoft MEA DPE

[email protected] @ikivanc -

blogs.msdn.com/b/ikivanc

Development INFOKIT

Join MEA Windows 8 technical discussion group on our FB Page

http://msdn.microsoft.com/en-US/evalcenter/jj554510.aspx?wt.mc_id=MEC_132_1_4
http://preview.windows.com/
http://www.microsoft.com/en-us/download/details.aspx?id=30664
http://www.microsoft.com/en-us/download/details.aspx?id=30664
http://www.microsoft.com/en-us/download/details.aspx?id=30664
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkID=243667&clcid=0x409
http://go.microsoft.com/fwlink/?LinkId=241449
http://go.microsoft.com/fwlink/?LinkId=241449
http://go.microsoft.com/fwlink/?LinkId=241449
http://go.microsoft.com/fwlink/?LinkId=241449
http://go.microsoft.com/fwlink/?LinkId=241449
http://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca
http://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca
http://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca
http://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca
http://visualstudiogallery.msdn.microsoft.com/bb764f67-6b2c-4e14-b2d3-17477ae1eaca
http://visualstudiogallery.msdn.microsoft.com/04423d13-3b3e-4741-a01c-1ae29e84fea6?SRC=Home
http://visualstudiogallery.msdn.microsoft.com/04423d13-3b3e-4741-a01c-1ae29e84fea6?SRC=Home
http://www.microsoft.com/en-us/download/details.aspx?id=30477
http://aka.ms/bing
http://msdn.microsoft.com/en-us/windows/apps/hh848309
http://advertising.microsoft.com/windowsadvertising/developer
http://www.microsoft.com/en-us/download/details.aspx?id=30706
http://msdn.microsoft.com/library/windows/apps/br211386
http://msdn.microsoft.com/library/windows/apps/br211386
http://msdn.microsoft.com/library/windows/apps/br211386
http://msdn.microsoft.com/library/windows/apps/br211386
http://msdn.microsoft.com/library/windows/apps/br211386
http://msdn.microsoft.com/library/windows/apps/br211384
http://msdn.microsoft.com/library/windows/apps/br211384
http://msdn.microsoft.com/en-us/library/windows/apps/jj129478(v=vs.110).aspx
http://msdn.microsoft.com/en-us/library/windows/apps/jj129478(v=vs.110).aspx
http://msdn.microsoft.com/en-us/library/windows/apps/jj129478(v=vs.110).aspx
http://design.windows.com/
http://design.windows.com/
http://design.windows.com/
http://design.windows.com/
http://design.windows.com/
http://dev.windows.com/
http://dev.windows.com/
http://dev.windows.com/
http://dev.windows.com/
http://dev.windows.com/
http://msdn.microsoft.com/en-us/library/windows/apps/
http://msdn.microsoft.com/en-us/library/windows/apps/
http://msdn.microsoft.com/en-us/library/windows/apps/
http://forums.dev.windows.com/
http://msdn.microsoft.com/library/windows/apps/br230836
http://blogs.msdn.com/b/b8/
http://blogs.msdn.com/b/windowsappdev/
http://www.buildwindows.com/
mailto:[email protected]
http://blogs.msdn.com/b/ikivanc
https://www.facebook.com/#!/groups/MEAWin8Champs/
https://www.facebook.com/#!/groups/MEAWin8Champs/
https://www.facebook.com/#!/groups/MEAWin8Champs/
https://www.facebook.com/#!/groups/MEAWin8Champs/
https://www.facebook.com/#!/groups/MEAWin8Champs/

Related Documents
Don asked me to run some samples through xliffRoundTrip tool Grabbed the DITA Open Toolkit samples (DITA-OT1.2.2_bin.zip) from http://dita-ot.sourceforge.net.

Don asked me to run some samples through xliffRoundTrip tool...

Category: Documents
Cascading Style Sheets Dr Kevin McManus http://staffweb.cms.gre.ac.uk/~mk05/web/CSS

Cascading Style Sheets Dr Kevin McManus...

Category: Documents
MLA 2009 Formatting and Style Guide Abridged from http://owl.english.purdue.edu/owl/resource/747/15

MLA 2009 Formatting and Style Guide Abridged from...

Category: Documents
USING ASA CITATION STYLE  http://lib.trinity.edu/research/citing/asa%20style% 20citations.pdf http://lib.trinity.edu/research/citing/asa%20style% 20citations.pdf.

USING ASA CITATION STYLE ...

Category: Documents
Cascading style sheets CSS http://www.flickr.com/photos/baylorbear78/3406180116

Cascading style sheets CSS...

Category: Documents
© Mark E. Damon - All Rights Reserved Biology Style! http://www.whowantstobeamillionaire.com.

© Mark E. Damon - All Rights Reserved Biology Style!...

Category: Documents
CSS Cascading Style Sheet CSS2 – CSS/P. The goal: see this site http://www.csszengarden.com.

CSS Cascading Style Sheet CSS2 – CSS/P. The goal: see this...

Category: Documents
Unique Style - HF Design LLC ... Images and actual hardwood floor samples are intended as visual guides

Unique Style - HF Design LLC ... Images and actual hardwood....

Category: Documents
k/k 1212 Cascading Style Sheets Part three Marko Boon http://www.win.tue.nl/~marko/cursusCSS.

k/k 1212 Cascading Style Sheets Part three Marko Boon...

Category: Documents
SCOPE AND EQUENCE NTRODUCTION VERVIEW OF STYLE: samples/Theme Based/HB_Vol2_Sآ  support thesis statements.

SCOPE AND EQUENCE NTRODUCTION VERVIEW OF STYLE:...

Category: Documents
Cascading Style Sheets Doncho Minkov Telerik Web Design Course html5course.telerik.com Technical Trainer http://minkov.it.

Cascading Style Sheets Doncho Minkov Telerik Web Design...

Category: Documents
My contact details and information about submitting samples for MS http://www.nottingham.ac.uk/Biosciences/People/susan.liddell.

My contact details and information about submitting samples....

Category: Documents