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

About Alexandre Marreiros Innovagency Software Dev/Arch as Independent Technical Trainer and Speaker as Independent EDIT Technical Writer Windows Platform Development Microsoft MVP Microsoft Windows DevCamp Trainer Windows Platform Contacts :

We Are social,

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

Responsive Adaptative Design/ Code Adapted Behaviour Flexible

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 screen and (max-device-width: 480px) {.column { float: none; } }

Responsive Frameworks

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.

BootStrap

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

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

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

Windows

WinJS Is also on the WEB

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;

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

2015 Alexandre Marreiros 320 x x x x x 1080 Smartphone Tablet Laptops Desktops

2015 Alexandre Marreiros

Developer TECH REFRESH Thank you Feel free to put your Questions now Or if you prefer use one off my Questions

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

Building Responsive UI with Bootstrap The Modern Web Platform Jump Start Microsoft Virtual Academy m

Try Azure for Free Download Visual Studio 2015 RC Download Visual Studio Code Preview

Developer TECH REFRESH Thank you