SlideShare a Scribd company logo
Windows Store JavaScript Apps
Tomislav Mesić
@tomislavmesic
Perpetuum Mobile
Windows Store JavaScript Apps
Graphic   Semantics     Storage      Device Access




CSS3      Performance   Multimedia   Conectivity
Windows Store Apps                                       Desktop Apps
  View




                                    XAML                            HTML / CSS
Controller
 Model




                        C                       C#
                                                                     JavaScript
                       C++                      VB                                       HTML           C          C#
                                                                                       JavaScript      C++         VB

                                               WinRT APIs
  System Services




                    Communication
                                            Graphics & Media      Devices & Printing
                       & Data



                                            Application Model                              IE          Win32       .NET
  Kernel




                                                            Windows Kernel Services
Windows Store Apps                                       Desktop Apps
  View




                                    XAML                            HTML / CSS
Controller
 Model




                        C                       C#
                                                                     JavaScript
                       C++                      VB                                       HTML           C          C#
                                                                                       JavaScript      C++         VB

                                               WinRT APIs
  System Services




                    Communication
                                            Graphics & Media      Devices & Printing
                       & Data



                                            Application Model                              IE          Win32       .NET
  Kernel




                                                            Windows Kernel Services
demo
Split tab process sandbox
             Chakra
             Velika baza razvojnih inženjera
             IE infrastruktura
.history()   Cross platform / devices
             Dizajn
             HTML5
             PhoneGap
Business i UI logika na istoj strani
            No popups
            Navigation free
            Nema back / forward
            Error handling
Web & Win   Različit UX
            Async developing
            Touch inputs
            Tiles
            Sigurnost
            Lifecycle
suspending
  Running                Suspended
    App                     App

             resuming




                             Low Resources
LifeCycle


                         Terminated
                            App
Direct API calls




                                                                                               Core OS
    Process.exe                      WinRT APIs   Brokered API calls                 Broker




App Container + Signed & Validated code                                         AppXManifest
HTML, CSS, JS

        Patterns

        Helpers for Namespaces, Constructor Definition

        Promises

        App Model

        Navigation

WinJS   Fragments

        Binding

        Controls

        Animations

        Templates

        Utilities

        Default CSS Styles
AppBar

        DatePicker

        FlipView

        Flyout

        ListView

        HtmlControl


WinJS   Menu

        Rating

        SemanticZoom

        SettingsFlyout

        TimePicker

        ToggleSwitch

        Tooltip

        ViewBox
Windows Store JavaScript Apps
Mogućnosti dizajna
      Mogućnosti HTML5
      Metro grid system ima
      potencijala
      CSS3 animacije, layout ...
P&C   Jedan IE engine
      Ovisnost o WinJS
      Neintuitivno za DOM oriented
      developere
      Nužno poznavanje JS patterna
http://msdn.microsoft.com/en-us/windows/apps/

Hvala!   http://www.buildwindows.com/

         @tomislavmesic

More Related Content

PPTX
Windows 8 App Developer Day
Patric Boscolo
 
PPTX
Introduction to Metro Applications
Michael Collins
 
PPTX
Build Windows 2012
Henrique Kothrade Casonatto
 
PPTX
Win8 ru
Igor Sychev
 
PDF
ITCamp 2012 - Raffaele Rialdi - Introduction to WinRT
ITCamp
 
PPTX
Shape 2013 developing multi targeting windows store and windows phone apps
Jose Luis Latorre Millas
 
PPTX
Geek a-paloozaaa metro-xaml_appdev
Jose Luis Latorre Millas
 
PPTX
The platform and ecosystem strategy of Windows 8
Jae Woo Kim
 
Windows 8 App Developer Day
Patric Boscolo
 
Introduction to Metro Applications
Michael Collins
 
Build Windows 2012
Henrique Kothrade Casonatto
 
Win8 ru
Igor Sychev
 
ITCamp 2012 - Raffaele Rialdi - Introduction to WinRT
ITCamp
 
Shape 2013 developing multi targeting windows store and windows phone apps
Jose Luis Latorre Millas
 
Geek a-paloozaaa metro-xaml_appdev
Jose Luis Latorre Millas
 
The platform and ecosystem strategy of Windows 8
Jae Woo Kim
 

Similar to Windows Store JavaScript Apps (20)

PPSX
Windows 8 developer preview
Whisnu Sucitanuary
 
PPTX
Windows 8 for .NET Developers
Michael Collins
 
PPTX
Keynote Rockford Lhotka on the Microsoft Development Platftorm
Code Mastery
 
PPTX
Introducing Windows Runtime in Windows 8
Microsoft Developer Network (MSDN) - Belgium and Luxembourg
 
PDF
Windows Phone 7.5 와 Windows 8 메트로 스타일 앱 개발
Seo Jinho
 
PPTX
Eco system apps
Sergey Seletsky
 
PPTX
Windows 8
Robert MacLean
 
PPTX
Partying with PHP (…and the Microsoft Platform)
goodfriday
 
PPTX
Introduction to Windows 8 Development
Naresh Kumar
 
PDF
HTML5 and the dawn of rich mobile web applications
James Pearce
 
PPTX
A Developer's View of Windows 8
Andrei Marukovich
 
PDF
Joe Staner Zend Con 2008
ZendCon
 
PDF
Windows 8 Development Stack
Dev2
 
KEY
Building Rich Mobile Apps with HTML5, CSS3 and JavaScript
Sencha
 
PDF
Introduccion Xamarin Open Closed
Ivan Martinez
 
PPTX
Windows 8 and windows phone 8 developer story anders bratland
Anastasia Kladova
 
PPTX
Xamarin Dev Days 2016 introduction to xamarin
Dan Ardelean
 
PPT
Visual studio.net
Carlos Posada
 
PPTX
Native iOS, Android apps using Xamarin.Forms dotnetConf2016 Hyderabad
Pranav Ainavolu
 
PDF
Shreeraj-Hacking_Web_2
guest66dc5f
 
Windows 8 developer preview
Whisnu Sucitanuary
 
Windows 8 for .NET Developers
Michael Collins
 
Keynote Rockford Lhotka on the Microsoft Development Platftorm
Code Mastery
 
Introducing Windows Runtime in Windows 8
Microsoft Developer Network (MSDN) - Belgium and Luxembourg
 
Windows Phone 7.5 와 Windows 8 메트로 스타일 앱 개발
Seo Jinho
 
Eco system apps
Sergey Seletsky
 
Windows 8
Robert MacLean
 
Partying with PHP (…and the Microsoft Platform)
goodfriday
 
Introduction to Windows 8 Development
Naresh Kumar
 
HTML5 and the dawn of rich mobile web applications
James Pearce
 
A Developer's View of Windows 8
Andrei Marukovich
 
Joe Staner Zend Con 2008
ZendCon
 
Windows 8 Development Stack
Dev2
 
Building Rich Mobile Apps with HTML5, CSS3 and JavaScript
Sencha
 
Introduccion Xamarin Open Closed
Ivan Martinez
 
Windows 8 and windows phone 8 developer story anders bratland
Anastasia Kladova
 
Xamarin Dev Days 2016 introduction to xamarin
Dan Ardelean
 
Visual studio.net
Carlos Posada
 
Native iOS, Android apps using Xamarin.Forms dotnetConf2016 Hyderabad
Pranav Ainavolu
 
Shreeraj-Hacking_Web_2
guest66dc5f
 
Ad

Windows Store JavaScript Apps

  • 1. Windows Store JavaScript Apps Tomislav Mesić @tomislavmesic Perpetuum Mobile
  • 3. Graphic Semantics Storage Device Access CSS3 Performance Multimedia Conectivity
  • 4. Windows Store Apps Desktop Apps View XAML HTML / CSS Controller Model C C# JavaScript C++ VB HTML C C# JavaScript C++ VB WinRT APIs System Services Communication Graphics & Media Devices & Printing & Data Application Model IE Win32 .NET Kernel Windows Kernel Services
  • 5. Windows Store Apps Desktop Apps View XAML HTML / CSS Controller Model C C# JavaScript C++ VB HTML C C# JavaScript C++ VB WinRT APIs System Services Communication Graphics & Media Devices & Printing & Data Application Model IE Win32 .NET Kernel Windows Kernel Services
  • 7. Split tab process sandbox Chakra Velika baza razvojnih inženjera IE infrastruktura .history() Cross platform / devices Dizajn HTML5 PhoneGap
  • 8. Business i UI logika na istoj strani No popups Navigation free Nema back / forward Error handling Web & Win Različit UX Async developing Touch inputs Tiles Sigurnost Lifecycle
  • 9. suspending Running Suspended App App resuming Low Resources LifeCycle Terminated App
  • 10. Direct API calls Core OS Process.exe WinRT APIs Brokered API calls Broker App Container + Signed & Validated code AppXManifest
  • 11. HTML, CSS, JS Patterns Helpers for Namespaces, Constructor Definition Promises App Model Navigation WinJS Fragments Binding Controls Animations Templates Utilities Default CSS Styles
  • 12. AppBar DatePicker FlipView Flyout ListView HtmlControl WinJS Menu Rating SemanticZoom SettingsFlyout TimePicker ToggleSwitch Tooltip ViewBox
  • 14. Mogućnosti dizajna Mogućnosti HTML5 Metro grid system ima potencijala CSS3 animacije, layout ... P&C Jedan IE engine Ovisnost o WinJS Neintuitivno za DOM oriented developere Nužno poznavanje JS patterna
  • 15. http://msdn.microsoft.com/en-us/windows/apps/ Hvala! http://www.buildwindows.com/ @tomislavmesic