1. Developer TECH REFRESH 15 Junho 2015 #pttechrefres h Web Going Foward

2. About Alexandre Marreiros CTO @ Innovagency Software Dev/Arch as Independent Technical Trainer and Speaker as Independent Lecturer @ EDIT Technical Writer Windows Platform Development Microsoft MVP Microsoft Windows DevCamp Trainer Windows Platform Insider @alexmarreiros www.digitalmindignition.com Contacts : amarreiros@gmail.com amarreiros@innovagency.com

3. www.gizmodo.com.au

5. We Are social,www.techinasia.com

8. On Windows Platform HTML and JavaScript are native citizens Some Platforms like Cordova use WebTechnologies as the base for Cross Platformn APP development

14. Responsive Adaptative Design/ Code Adapted Behaviour Flexible

15. Responsive Hand Crafted Media Queries Part of the CSS3 specification Allows us to target not only certain device classes, but to actually inspect the physical characteristics of the device rendering our work Are conditional styles @media screen and (max-device-width: 480px) {.column { float: none; } }

16. Responsive Frameworks

17. Is a light collection of CSS and JavaScript files that make designing responsive sites based on the 960px grid easy. Is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites. With a built in Grid System of 12 columns.

18. BootStrap

29. I need more then just Behaviour i need to reflect my data! Just reflect it sucks have to go Server side aproach. HTML standars upport the extension of the model defining attributes. Industry is exploring that

30. Structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write. Directive based that allows to extend HTML

31.  ng-app: begining of and Web APP that uses Angular;  ng-model: dEfines a model;  ng-bind: create a binding to an object;

33. Windows

35. WinJS Is also on the WEB

37. TypeScript associates a strongly typed layer in conjunction with JavaScript; It is a compiled rather than an interpreted language; developers can use their Object Oriented programming skills directly to produce better JavaScript;

40. 2015 Alexandre Marreiros “ 77% of People use smart phone as their preferred médium for navigating on the web or searching ” Nielsen - Google “ 45% of User’s expect to have a contínuos experience across multiple devices ” Toledo - Microsoft “ The most used Mobile application since the begining of Smartphone era are the Browser (…) ” “ Almost all user’s expect to have a fluid and device driven navigation when interacting with the Web ” Smashing Magazine

41. 2015 Alexandre Marreiros 320 x 480 480 x 320 768 x 1024 1024 x 768 1920 x 1080 Smartphone Tablet Laptops Desktops

42. 2015 Alexandre Marreiros

44. Developer TECH REFRESH Thank you Feel free to put your Questions now Or if you prefer use one off my contacts @alexmarreiros amarreiros@gmail.com amarreiros@innovagency.com www.digitalmindignition.com Questions

45. Secrets of the JavaScript Ninja, John Resig Responsive Web Design, Ethan Marcotte Pro TypeScript, Steve Fonton abookapart.com www.smashingmagazine.com try.buildwinjs.com References

46. Building Responsive UI with Bootstrap The Modern Web Platform Jump Start Microsoft Virtual Academy www.microsoftvirtualacademy.co m

47. Try Azure for Free Download Visual Studio 2015 RC http://aka.ms/downloadvisualstudio2015 http://aka.ms/tryazure Download Visual Studio Code Preview http://aka.ms/downloadvscode

48. Developer TECH REFRESH Thank you