La Web Moderna

y jQuery

@jailandrade

jQuery

Write less, Do more

$

Útil por

Manipulación

Efectos

Atributos

Selectores

Traversing

Plugin

Ajax

Events

 

Molesto por

<-

Internet Explorer esta muerto

Larga vida a Internet Explorer

Tal vez  no necesitas jQuery

youmightnotneedjquery.com

find()

element.querySelectorAll(selector);

hide()

element.style.display = 'none';

show()

element.style.display = '';

html()

element.innerHTML

append()

parent.appendChild(element);

preppend()

parent.insertBefore(element, element.parentFirstChild);

on()

element.addEventListener(eventName, eventHandler);

off()

element.removeEventListener(eventName, eventHandler);

css()

el.style.property = value;

attr()

element.getAttribute(attr);

text()

element.textContent();

each()

array.forEach(function(item, i){})

Pero si insistes

...

Consejos

para usar jQuery

Construyelo

a tu medida

jQuery Builder

http://projects.jga.me/jquery-builder/

Versión minificada

Usala

Aprende más

http://jsbooks.revolunet.com/

Consejos

para no usar jQuery

CSS3

Siempre que puedas

Alternativas

Usalas con responsabilidad

Zepto.js

zeptojs.com

AJAX

  • ded/Reqwest
  • then/then-request
  • visionmedia/superagent

Effects

  • daneden/animate.css
  • visionmedia/move.js

Elements

  • ded/bonzo
  • julienw/dollardom

Find Elements

  • jquery/sizzle
  • ded/qwery

Trigger Custom

  • Olical/EventEmitter
  • arextar/Vine
  • jeromeetienne/microevent.js

Extend

  • lodash/lodash
  • ashkenas/underscore

Y todo gracias a jQuery

Y a Internet Explorer

Si eres desarrollador web, primero aprendes jQuery y luego todo lo demas.

Conclusión

Si quieres desarrollar sitios web rápido, utiliza jQuery. Si quieres desarrollar sitios rápidos, trata de no usarlo.

 

Aprende nuevas herramientas y aprende a manipular el DOM con JavaScript.

¡Gracias!

Made with Slides.com