Diferencia entre revisiones de «Usuario:Juanda/jQuery/Plugins»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con '{{Usuario:juanda/jQuery/nav }} {{#widget:Slides}} {{MiTitulo| Curso de jQuery-Introducción}} <div class="slides layout-regular template-default"> <div class="slide"> = Valida…')
 
(Instalación)
Línea 9: Línea 9:
 
<div class="slide">
 
<div class="slide">
 
=== Instalación ===
 
=== Instalación ===
*html
+
*Localizar el plugin más adecuado para la validación de formularios desde la [http://http://plugins.jquery.com/ lista de plugins de la web de jQuery]
*Conocimiento básico de javascript
+
*Elegimos [http://jqueryvalidation.org/ jQuery Validation] por ser el más antiguo y popular de todos.
*Conocimiento básico de document object model (DOM)
+
*La descarga contiene todos los ficheros necesarios, incluidas las demo.
 +
*Se pueden [http://jquery.bassistance.de/validate/demo/ consultar las demos online]
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
 +
 
=== Conceptos básicos ===
 
=== Conceptos básicos ===
 
*jQuery es una librería de funciones JavaScript:
 
*jQuery es una librería de funciones JavaScript:

Revisión de 22:23 27 nov 2013


Instalación

Conceptos básicos

  • jQuery es una librería de funciones JavaScript:
  • “Write less, do more” (escribe menos, haz más)
  • Funcionalidad:
Selección y manipulación de elementos HTML y CSS
Funciones de eventos en HTML
Efectos y animaciones de JavaScript
AJAX
Compatibilidad con todos los navegadores

Primer ejemplo

  • Versión actual de jQuery: 1.10.2 y 2.0.3
  • Licencia MIT
  • La funcionalidad es la misma
  • La rama 2.x no es compatible con IE 6-8
  • La rama 2.x es algo más ligera
  • Usaremos la rama 1.x:
Misma funcionalidad
Mayor compatibilidad

Mensajes de error

  • Versión de producción:
Minified y comprimida
Aproximadamente 90KB
  • Versión de desarrollo:
Sin comprimir
Aproximadamente 3 veces más pesada, en torno a 270KB
  • La rama 2.x pesa un 10% menos, resulta inapreciable
  • Versión de producción:
	<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
  • Versión de desarrollo
	<script type="text/javascript" src="jquery-1.10.2.js"></script>

Reglas y métodos de validación personalizados

Datagrid