• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Workshop DSL 2011 - Desarrollo jQuery
 

Workshop DSL 2011 - Desarrollo jQuery

on

  • 1,003 views

 

Statistics

Views

Total Views
1,003
Views on SlideShare
991
Embed Views
12

Actions

Likes
0
Downloads
16
Comments
0

3 Embeds 12

http://a0.twimg.com 8
http://coderwall.com 3
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Workshop DSL 2011 - Desarrollo jQuery Workshop DSL 2011 - Desarrollo jQuery Presentation Transcript

    • Write Less, Do More Workshop – Trabajando con jQuery Rodrigo Ayala Desarrollador http://blog.rodrigo-ayala.com
    • @RodrigoAyala http://blog.rodrigo-ayala.com http://continuum.cl
    • ¡Hoy nos convoca el desarrollo web!
    • Pero, ¿Que es la Web ?
    • La web del hoy, dínamica
    • La interrogante es, ¿que hacer para llegar a eso?
    • Base de Datos Backend Frontend
    • Base de Datos Backend Frontend
    • text/ javascript
    • text/ javascript o JS para los amigos
    • Los browsers incluyen un motor de Javascript
    • Consideraciones :D
    • Consideraciones :D
      • Interpretaciones variadas
      • Funciones JS con distinto nombre
      • Variaciones en la obtención de elementos
      • Los tiempos de desarrollo son limitados
      :D
    •  
    • ¿Soluciones? :D
    • ¡Llenarnos de condiciones! (o hacks) =( :D
    • var myObject = document.getElementById("myLabel"); var myAttribute = myObject.getAttribute(" htmlFor "); var myObject = document.getElementById("myLabel"); var myAttribute = myObject.getAttribute(" for "); :D
    • var myObject = document.getElementById("header"); var myStyle = myObject. currentStyle .backgroundColor; var myObject = document.getElementById("header"); var myComputedStyle = document.defaultView.getComputedStyle(myObject, null); var myStyle = myComputedStyle.backgroundColor;
    • Horrible, ¿cierto? :D
    • Solución 2: Utilizar un framework :D
    • jQuery :D
    • ¡Beneficios! (o por qué a muchos desarrolladores nos gusta)
    • http://bit.ly/dsljquery
    • 1 Agregar jQuery al HTML, y verificar su instalación
    • 2 Utilizar Selectores para obtener un set de elementos de acuerdo a una consulta
    • Listado de selectores http://api.jquery.com/category/selectors/
    • 3 Manipular los elementos ubicados a través de Selectores
    • Listado de métodos para manipulación http://api.jquery.com/category/manipulation
    • 4 Manejo de Eventos asociado a elementos
    • Listado de eventos disponibles http://api.jquery.com/category/events/
    • 5 Capacidad Ajax en jQuery
    • $.ajax({ url: 'load.html', success: function(data) { $('#container').html(data); } }); $('#content').load(“load.html”) Ajax en jQuery =
    • Comentarios Finales
    • ¿Preguntas?
    • ¡Gracias!