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
usamos
Jquery?
Acesso
ao
DOM
$('.whatsapp')
Events
Handling
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 Simples
e
Limpa
Extensível
Porque
não
usar
75 times faster
A maioria
dos recursos
do jQuery já
estão abrangidos
pelo DOM API
nativo
33k
Navegadores
Melhores
CSS3
jQuery
vs.
document.querySelector()
jQuery
vs.
classList.add()
vs.
<input type='date'>
Javascript Puro
Lib !== Framework
Lib's
YUI().use('node', function (Y) {

var helloWorld = function(e) {
e.target.setHTML("<p>Hello World!</p>");
}
});

Y.one('#c...
YUI
Combo 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...
Meteor.publish("all-rooms",
function () {
return Rooms.find();
});
Javascript no hardware
A vida alem do browser
Obrigado :D
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
A vida além do jQuery
Upcoming SlideShare
Loading in …5
×

A vida além do jQuery

248
-1

Published on

Nessa talk mostrei alternativas para o jQuery para aquele desenvolvedores que acham que o mundo acaba nele.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
248
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

A vida além do jQuery

  1. 1. A vida alem do jQuery
  2. 2. @paulohp
  3. 3. Let's go
  4. 4. jQuery
  5. 5. i's about javascript!
  6. 6. Historia do jQuery
  7. 7. Jonh Resig
  8. 8. Evolução do jQuery
  9. 9. Em que pé está?
  10. 10. Pra que usamos Jquery?
  11. 11. Acesso ao DOM
  12. 12. $('.whatsapp')
  13. 13. Events Handling
  14. 14. var hiddenBox = $("#banner"); $(".bt").on("click", function(){ hiddenBox.show(); });
  15. 15. $.ajax({ url: "/api/getWeather", data: { zipcode: 97201 }, success: function(data) { $("#temp").html("<b>"+data); } });
  16. 16. Por que usar jQuery?
  17. 17. Crossbrowser
  18. 18. Syntax Simples e Limpa
  19. 19. Extensível
  20. 20. Porque não usar
  21. 21. 75 times faster
  22. 22. A maioria dos recursos do jQuery já estão abrangidos pelo DOM API nativo
  23. 23. 33k
  24. 24. Navegadores Melhores
  25. 25. CSS3
  26. 26. jQuery vs. document.querySelector()
  27. 27. jQuery vs. classList.add()
  28. 28. vs. <input type='date'>
  29. 29. Javascript Puro
  30. 30. Lib !== Framework
  31. 31. Lib's
  32. 32. YUI().use('node', function (Y) { var helloWorld = function(e) { e.target.setHTML("<p>Hello World!</p>"); } }); Y.one('#container').addClass('hello');
  33. 33. YUI Combo Handler
  34. 34. 6k
  35. 35. $('ul').prepend( '<li>first list item</li>' );
  36. 36. _.each([1, 2, 3], alert);
  37. 37. Frameworks
  38. 38. Alternativas?
  39. 39. Javascript no back-end
  40. 40. http.get("http://ggl.co/", function(res){ console.log("Response: " + res.statusCode); }).on('error', function(e) { console.log("Got error: " + e.message); });
  41. 41. Meteor.publish("all-rooms", function () { return Rooms.find(); });
  42. 42. Javascript no hardware
  43. 43. A vida alem do browser
  44. 44. Obrigado :D
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×