23

Students to Business Day 2012

Embed Size (px)

DESCRIPTION

My presentation at #s2b2012be. jQuery, Twitter Bootstrap, KnockoutJS and SignalR.

Citation preview

Page 1: Students to Business Day 2012
Page 2: Students to Business Day 2012

Modern RIA developmentSome frameworks you will love

Wouter DevinckUniversity of Ghent

Page 3: Students to Business Day 2012

Rich Internet Applications

Page 4: Students to Business Day 2012

Avoid plugins

Page 5: Students to Business Day 2012

Technology

CSS

JS

Page 6: Students to Business Day 2012

Hard work

Page 7: Students to Business Day 2012
Page 8: Students to Business Day 2012
Page 9: Students to Business Day 2012

$("p.neat").addClass("ohmy").show("slow");

jQuery sample

Page 10: Students to Business Day 2012

SelectorsAttributesTraversingManipulationCSS

EventsEffectsAjaxUtilitiesInternals

jQuery

Page 11: Students to Business Day 2012
Page 12: Students to Business Day 2012

jQuery UI

Page 13: Students to Business Day 2012

jQuery UI

Page 14: Students to Business Day 2012

$(“#positionable").position({ of: $("#parent"), my: “right top", at: “right bottom", offset: 5, });

jQuery UI sample: position

Sign in

Okay

Page 15: Students to Business Day 2012
Page 16: Students to Business Day 2012
Page 17: Students to Business Day 2012
Page 18: Students to Business Day 2012
Page 19: Students to Business Day 2012
Page 20: Students to Business Day 2012

SignalR

Page 21: Students to Business Day 2012

Clientvar chat = $.connection.chat;

chat.addMessage = function (message) {

$('#messages').append

('<li>' + message + '</li>');

};

$("#broadcast").click(function () {

chat.send($('#msg').val());

});

$.connection.hub.start();

Serverpublic class Chat : Hub {

public void Send(string message){

Clients.addMessage(message);

}

}

Page 22: Students to Business Day 2012

blog.wouterdevinck.bejquery.com

jqueryui.com

jquerymobile.com

twitter.github.com/bootstrap

knockoutjs.com

signalr.net

Page 23: Students to Business Day 2012

© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.