The slides of a session at 2014 Microsoft Portugal Tech Refresh. The session was na introdution to the potential of the use of WinJS for webdevelopment.
Was also a state of the art about WinJS
7. WinJS Facts
“WinJS is a JavaScript library that was first created for
Windows 8 to enable first class, native-quality
experiences in Windows Runtime apps using familiar
web technologies like HTML, CSS, and JavaScript. The
first version of WinJS provided high-quality
infrastructure including page controls, promises, and
data-binding. It also offered polished UI capabilities like
virtualized collections and high performance controls
such as ListView, FlipView, and semantic zoom.”
8. WinJS Facts
“WinJS 2.0 was introduced with Windows 8.1 and added
new UX patterns like the Hub control, and optimized
performance for greater flexibility for designers and
developers..”
9. WinJS Facts
“WinJS was initially focused on native Windows Runtime
apps, but began to focus on other platforms by debuting in
the Xbox One apps, adapting to the Xbox look and feel, and
allowing new inputs like voice using Kinect.”
10. WinJS Facts
“Continuing in this spirit, the library has been extended to
smaller and more mobile devices with the release of WinJS
2.1 for Windows Phone 8.1, which had seen this morning.”
11. WinJS Facts
“HTML and WinJS is a equal technology citizen when
creating Universal Apps and a good way to go.”
15. Why not go cross plataform?
“Why go cross-platform?
The top feedback from developers who use HTML/CSS/JavaScript for their app development is that they
appreciate the reach it gives them across devices. Extending WinJS to other browsers and devices beyond
Windows further extends their reach and allows them to bring the personality of Windows apps to the web
without rewriting code or learning new skills.
”
16. WinJS references
• Tool official website (http://msdn.microsoft.com/en-us/windows/dn632015.aspx)
• WinJS on GITHUB (https://github.com/winjs/winjs/ )
• WinJS on StackOverflow (http://stackoverflow.com/questions/tagged/winjs )
17. WinJS under na opensource
licence
“the source code of the Windows Library for JavaScript (WinJS) was released
under the Apache 2.0 license as an Open Source project by Microsoft Open
Technologies (MS Open Tech). The source code is available now on
GitHub where you are welcome and we encourage you to try it out, provide
feedback, and submit contributions.”
19. Demo development webapp with
WinJS
Demo 1: Convert from Windows Store App to Web aPP
Demo 2: Bild from scratch a Chef website using Win JS and Flat design
20. Steps to use WinJS on Web Dev
1- Clone WinJS from GitHub mae sure you have git and Node.JS installed
2- Install Grunt command line Interface
3- Install WinJS on your machine
http://readwrite.com/2014/04/04/winjs-how-to-build-app-html5-10-steps
23. Insights about WinJS
Inside WinJS
• The WinJS is now hosted on GitHub
• CSS files are now being generated with LESS CSS
• Unit tests are runnable using QUnit
About me and feel free to contact if you have some questions
Now it’s your turn to star using all this Knowldge to build your apps, for the new OS, and to help you i will give you some study and hands on references...
Here you have some references, since as we had seen what has valid for WINJS stills valid for WINJS 2.0 i will give you also some references for Windows 8
Feel free to ask your questions if you don’t do it now you can always use my contacts, feel free to ask.
Thank you all for your time was a pleasure to spend this hour with you diging on Windows 8.1 HTML develop, still tuned with the rest of the session more nice things to see next