html5 that’s what you need to know today ingo rammer, thinktecture weblogs.thinktecture.com/ingo...
Post on 19-Dec-2015
217 views
TRANSCRIPT
HTML5That’s what you need to know todayIngo Rammer, thinktectureweblogs.thinktecture.com/ingo@ingorammer
Ingo Rammer and thinktecture
• Support and consulting for software architects and developers• Architectural Consulting and Prototyping• Developer-Coaching and -Mentoring• Application Optimization, Troubleshooting, Debugging• Architecture and Code Reviews
• Slides/Samples: http://weblogs.thinktecture.com/ingo• [email protected]
"We believe that HTML5 and related technologies, in conjunction with faster and faster browsers, finally give developers the tools they need to create experiences that are just as vivid, interactive and high-fidelity as what you have come to expect from native applications without the need for plug-ins.”
(Microsoft, http://beautyoftheweb.com/#/unplugged)
http://beautyoftheweb.com/ .......................Microsofthttp://html5.com .............................................. Applehttp://html5rocks.com/ .................................. Googlehttp://bit.ly/gGPnQH ........................................... RIM
Windows, Mac, Linux
Mobile: iOS, Android, Blackberry 5+, Symbian 5, webOS, Windows Phone 7 (Fall 2011)
Old School WebBrowser Server
ASP.NET
HTTP GET
Dynamically generated HTML
User
Browserclicks
Server
ASP.NET
HTTP GET
Dynamically generated HTML
1
2
Ajaxified WebBrowser Server
ASP.NET
HTTP GET
Dynamically generated HTML
User
BrowserclicksServer
WCF
HTTP GET
Data only
1
2
runs JS
Display Data
Offlineable Data
Browser Server
HTTP GET
Static HTML (maybe)
User
BrowserclicksServer
WCF
HTTP GET
Data only
1
2
runs JS
Display Data
Local Storage
Future: Offlineable Web Apps
Browser
User
Browserclicks
1
2
runs JS
Display Data
Cached/local HTML
Local Storage
3 Server
Sync via HTTP POST + GET
when online
Ext JSWeb Framework, Object-model driven, graphical designer (GPLv3 or commercial)http://sencha.com/
jQuery Mobilehttp://jquerymobile.com/(PhoneGap to iOS, Symbian 5, Blackberry 5+, Android 1.5+, webOS 1.4.1+)
PhoneGapOpen Source Packager + JS for native API (extensible!)(iOS, Android, RIM, Palm, Symbian, ... Windows Phone 7 in Fall?)http://phonegap.com
Organizational Framework
• Detect features, not browsers• Pick your level of abstraction• Frameworks help!
• jQuery, Dojo, Prototype, ExtJS, ...
Technological Platform
• Local storage (localStorage, sessionStorage)• Local drawing (canvas)• Semantic information (markup, input types)• Abstractions (datajs, jQuery, jqplot, jqGrid,
jQuery Mobile)• CSS3 (incl. animations, transitions, ...)• Future: Web Workers, Web Sockets
And more ...• Polyfills and shims for backward compatibility• Resource combination (JS + CSS)
• You don‘t *have* to develop everything in one file, but you should ship only one file
• Minification, Compression, ...• You *can* use descriptive method, function and
variable names• Advanced Javascript techniques!• Packagers for mobile OSes (PhoneGap, ...)
Stay up to date with MSDN Belux
• Register for our newsletters and stay up to date:http://www.msdn-newsletters.be• Technical updates• Event announcements and registration• Top downloads
• Follow our bloghttp://blogs.msdn.com/belux
• Join us on Facebookhttp://www.facebook.com/msdnbehttp://www.facebook.com/msdnbelux
• LinkedIn: http://linkd.in/msdnbelux/ • Twitter: @msdnbelux
Download MSDN/TechNet Desktop Gadget
http://bit.ly/msdntngadget
TechDays 2011 On-Demand
• Watch this session on-demand via Channel9http://channel9.msdn.com/belux
• Download to your favorite MP3 or video player• Get access to slides and recommended resources by the speakers