jQuery easily selects DOM element(s) and performs some action on the selected element(s).
Svg = scale vector graphics
No other competitor has a single tool across all of these tools.
Meet the new Adaptive Widget framework from Wijmo. All of our widgets will automatically adapt to jQuery Mobile or jQuery UI environments. Simply by swapping out jQuery UI for jQuery Mobile, you can convert your widgets to be mobile without changing a single line of code! That’s right, Wijmo 2013v1 supports both jQuery UI and jQuery Mobile including both Themerollers and Themes. Wijmo is offering something that no other tool can: a set of widgets that automatically adapts to its environment.
MVVM is a software architectural design pattern that supports data binding and a separation of concerns.
http://www.johnpapa.net/compare-durandal-to-angular-not-knockout-to-angular/AngularJS is Google's framework for developing Web applications. Angular provides a number of essential services that work very well together and were designed to be extensible. These services include data-binding, DOM manipulation, routing/view management, module loading, and more.
Wijmo Professional includes the following ($495/$795) now (20% off)Wijmo Enterprise includes everything in Wijmo Professional plus SpreadJS ($895/$1195)
HEAD OF DEVELOPER EVANGELISM
Chris Bannon - @Wijmo PM @b4nn0n
Head of Developer Evangelism at ComponentOne
Former Microsoft Developer Evangelist
Windows 8 Key Influencer
Social Media and Video Production Expert
INETA Lifetime Achievement Award Winner
• 61% leave a site if it is not mobile-ready
• 79% search for another site
• 48% said if a site didn‟t work on a mobile device, they didn‟t feel the
company valued their business
• Bottom line… there is a real world business need for mobile ready sites
• * Source Google Blog
HOW DO I USE MY SKILL SET AS AN ASP.NET DEVELOPER,
• Are there „built in‟ libraries available?
• How do I use third party controls?
• What about data binding?
• What about frameworks?
RUSS FUSTINO‟S MAP
WHAT EXACTLY IS AJAX?
Ajax is really a set of technologies working
XHTML and CSS for markup
DOM for display and interaction
XML and XSLT for data interchange & manipulation
JSON for marshalling objects
XMLHttpRequest for asynchronous communication
Allows us to load data from the server without a browser
• Simplifies DOM spelunking
• Handles browser differences
• Provides a key shortcut “$”
• Download from jquery.com
• The jQuery library has a full suite of functions and
methods for AJAX capabilities.
• Hosted on CDN
• $ references jQuery; (selector) queries the DOM element or
elements; and .action() performs an action on the
• Examples of jQuery syntax:
◾$(this).hide() hides the current element.
◾$("p").hide() hides all paragraphs.
◾$("p.wow").hide() hides all paragraphs of the class "wow".
◾$("#wow").hide() hides an element with the id of "wow".
•UI controls built on top of jQuery
•All open source
•Download from jqueryui.com
•Hosted on CDN
HOW JQUERY UI WORKS
HTML JS CSS
Widget class factory
• jQuery / jQuery UI
• jQuery Mobile
• Angular JS
• Breeze JS
WIJMO IS OUR CORE CLIENT-SIDE FRAMEWORK BUILT
ON WEB STANDARDS
• ASP.NET WebForms
• ASP.NET MVC
• Any Platform (PHP, Rails, etc)
• Studio for ASP.NET
WIJMO IS ONE TECHNOLOGY FOR ALL DEVELOPMENT
• Cross-browser support
• IE6+, Firefox, Chrome, Safari
• Mobile Phones
• Windows 8
WIJMO WORKS EVERYWHERE
• Enhanced controls built on top of jQueryUI
• Created by ComponentOne
• Two Commercial versions
• Wijmo Professional
• Wijmo Enterprise
• Download from wijmo.com
• Hosted on CDN
• All widgets adapt automatically
to jQueryUI or jQuery Mobile
Windows Phone 8 HTML5
Adaptive Widget framework
• MVVM Support
• Declarative Bindings
• Live Data
• Supported in every widget
• It‟s Optional
WHAT IS MVVM?
• The Model encapsulates the domain model, business logic and may
include data access. For Example a Customer object contains properties
for Name and Address.
• The view is the application‟s User Interface (UI). It defines the appearance
of visual elements and controls such as text boxes and buttons.
• View Model
• The view model is responsible for holding application state, handling
presentation logic and exposing application data and operations
(commands) to the view such as LoadCustomers and SaveCustomers. It
acts as the intermediary between the view and model.
3 STEPS FOR USING KNOCKOUT WITH WIJMO
• 1. Add references to the latest jQuery dependencies, Wijmo
widgets, Knockout .js file, and KO extension library for Wijmo.
define the data and behavior of the UI, and add markup to
create the View—the visual, interactive UI.
• 3. Bind the Wijmo widget(s) to the ViewModel and activate
KNOCKOUT OR ANGULAR?
• Knockout is just about data binding
• Knockout is solid, very widespread, and reliable.
• Fully supported by Wijmo
• Angular is a presentation framework….
• View orchestration
• Dependency management
• Data binding
• Fully supported by Wijmo
COMPONENTONE SPECIAL OFFERS
• Responsive Design is important
• jQuery UI makes using widgets and effects easier
• Wijmo exposes more options, methods and events on top of jQuery
• Great Wijmo support is available!
• All Wijmo widgets work with jQuery Mobile
• HTML5 clients are proliferating
• Knockout and Angular are great for developers coming from .NET
• Download Wijmo! www.Wijmo.com/downloads
RESOURCES AND CONTACT INFO
• Email: firstname.lastname@example.org
• Twitter: @russcamtv
• Blog: http://our.componentone.com/author/rfustino/
• Facebook: http://www.facebook.com/russellcamtv
• Daily News: http://russcam.componentone.com
• Wijmo MVVM Support
• Download Wijmo
• Chris Bannon (Wijmo) Blogs: http://wijmo.com/posts/
A particular slide catching your eye?
Clipping is a handy way to collect important slides you want to go back to later.