Date post: | 31-May-2015 |
Category: |
Technology |
Upload: | paulo-pires |
View: | 179 times |
Download: | 0 times |
A vida alem do jQuery
@paulohp
Let's go
jQuery
i's about javascript!
Historia do jQuery
Jonh Resig
Evolução do jQuery
Em que pé está?
Pra que usamosJquery?
AcessoaoDOM
$('.whatsapp')
EventsHandling
var hiddenBox = $("#banner");$(".bt").on("click", function(){ hiddenBox.show();});
$.ajax({ url: "/api/getWeather", data: { zipcode: 97201 }, success: function(data) { $("#temp").html("<b>"+data); }});
Por que usar jQuery?
Crossbrowser
Syntax Simplese
Limpa
Extensível
Porquenãousar
75 times faster
A maioria dos recursos do jQuery já estão abrangidos pelo DOM APInativo
33k
NavegadoresMelhores
CSS3
document.querySelector()
jQuery
vs.
classList.add()
jQuery
vs.
<input type='date'>
vs.
Javascript Puro
Lib !== Framework
Lib's
YUI().use('node', function (Y) {
var helloWorld = function(e) { e.target.setHTML("<p>Hello World!</p>"); Y.one('#container').addClass('hello'); }});
YUICombo Handler
6k
$('ul').prepend('<li>first list item</li>'
);
_.each([1, 2, 3], alert);
Frameworks
Alternativas?
Javascript no back-end
http.get("http://ggl.co/", function(res){ console.log("Response: " + res.statusCode);}).on('error', function(e) { console.log("Got error: " + e.message);});
Meteor.publish("all-rooms",function () { return Rooms.find();});
Javascript no hardware
A vida alem do browser
Obrigado :D