Libro : Secrets of the JavaScript Ninja

Layout 1Los desarrolladores de JavaScript comúnmente se basan en colecciones de JavaScript reutilizables de código escrito por ellos mismos o por otra persona en su empresa.

Alternativamente, se basan en el código de un tercero. Pero en todos estos casos lo que necesitan saber cómo ni construir una biblioteca multi-navegador desde cero o ser expertos en el uso y mantenimiento de la biblioteca de su elección.

En Secrets of the JavaScript Ninja, experto en JavaScript John Resig creaddor de jQuery revela el know-how en el interior de los programadores de élite de JavaScript.

Escrito para ser accesible a los desarrolladores de JavaScript con conocimientos de nivel intermedio, este libro le dará los conocimientos que necesita para crear una biblioteca de JavaScript a través del navegador desde cero. Este libro te lleva en un viaje hacia el dominio de desarrollo moderno JavaScript en tres fases: diseño, construcción y mantenimiento.

En primer lugar, se le da una base fuerte, conocimientos avanzados JavaScript, lo que le permite tomar decisiones sobre el diseño general de una biblioteca y cómo hacer frente a su posible construcción. Luego, el libro te enseña cómo construir su biblioteca. Examina todas las numerosas tareas de bibliotecas de JavaScript tiene que abordar y ofrece soluciones prácticas y estrategias de desarrollo para su creación. A continuación, le guía a través de las diferentes técnicas de mantenimiento que se necesitan para mantener el código que se ejecuta en el futuro. Con Secretos del JavaScript Ninja tendrá todos los conocimientos que necesita para crear su propia biblioteca de Javascript y usar cualquier biblioteca JavaScript moderna.

Descarga

http://prefiles.com/0vfklusqckj2/Manning.Secrets.of.the.JavaScript.Ninja.Dec.2012.rar

Permitir solo numero en un Input Text con jQuery

Apesar que existen varios plugins de jQuery que hacen esto en ocaciones es mejor utilizar esta simple función y obtener los excelentes resultados, bien dicen por ahi “Una sencilla suele ser la mejor solución”

funcion en javascript:

	$(document).ready(function(){ 
	$("#txtNumbers").keydown(function(event) {
	   if(event.shiftKey)
	   {
	        event.preventDefault();
	   }

	   if (event.keyCode == 46 || event.keyCode == 8)    {
	   }
	   else {
	        if (event.keyCode < 95) {
	          if (event.keyCode < 48 || event.keyCode > 57) {
	                event.preventDefault();
	          }
	        } 
	        else {
	              if (event.keyCode < 96 || event.keyCode > 105) {
	                  event.preventDefault();
	              }
	        }
	      }
	   });
	});

Codigo HTML

	< input type="text" id="txtNumbers" />

Obtener el año actual con Javascript y jQuery

Para obtener el año actual por medio de javascript usaremos la función

getFullYear()

que nos devuelve el año correspondiente del objeto fecha en formato completo.

	var fecha = new Date();
	var ano = fecha.getFullYear();
	alert('El año actual es: '+ano);

En jQuery podemos sacar insertar dinámicamente el valor del año actual por ejemplo de la siguiente forma (dentro de un elemento con id: fecha):

	var anio = (new Date).getFullYear();

	$(document).ready(function() {
	  	$("#fecha").text( anio );
	});

DataTables Plugin con jQuery UI, PHP PDO y MySQL

Excelente ejemplo de Edgardo Ramírez León donde crea un DataTable con jQuery php y mysql

5 formas de usar Ajax con jQuery

Concretamente las 5 formas con las que jQuery nos permite enviar peticiones asíncronas.

$.load()
$.get()
$.post()
$.getJSON()
$.getScript()

$.load()

Se trata de la función que más me gusta de jQuery ya que hace que una de las tareas más comunes de desarrollar con Ajax sea tan sencillo y claro como veremos en el ejemplo:

$("#links").load("/Main_Page #jq-p-Getting-Started li");

Este ejemplo, traído de la página de documentación de jQuery, se encarga de lanzar una petición a la URL /Main_Page (usa URL Rewrite) y del HTML de respuesta cogemos los elementos #jq-p-Getting-Started li y lo insertamos dentro de #links.
Simplemente genial, cómodo y rápido.

$.get

Se trata del función sencilla con la que podemos lanzar peticiones GET al servidor mediante Ajax.

$.get("test.cgi", { name: "John", time: "2pm" },
   function(data){
      alert("Data Loaded: " + data);
   }
);

Mediante el paso de 3 opciones, de las cuales 2 son opciones ( condicionales mejor dicho) puedes lanzar la petición al fichero (1º) con los parámetros (2º) y tratar la respuesta mediante un callback (3º).

$.post

Al igual que la anterior, esta función permite enviar peticiones POST mediante ajax.

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
      alert("Data Loaded: " + data);
   }
);

Igual de fácil que en el caso anterior.

$.get()

Aunque los anteriores tienen la posibilidad de especificar el tipo de retorno, la opción más cómoda es la de usar este método que permite obtener la respuesta JSON evaludada en la función callback.

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){
   alert("JSON Data: " + json.users[3].name);
});

Teniendo en cuenta el navegador, se usará el objeto JSON nativo o se usará el sistema basado en eval().

Aunque técnicamente no es una petición Ajax, se trata de una petición al servidor y por eso tiene cabida en el post.

$.getScript("test.js", function(){
   alert("Script loaded and executed.");
});

Con este método podemos cargar asíncronamente un fichero Javascript y mediante el parámetro (2) callback podemos ejecutar código Javascript usando el que está en el fichero js que queremos cargar (1).

Maxlength de un TextAreacon jQuery

En este tutorial te mostraré cómo utilizar jquery.maxlength.js en algunos campos del formulario común

Para empezar, tendrá que descargar una copia de la biblioteca jQuery http://docs.jquery.com/Downloading_jQuery .
Este plugin funciona con 1.2.6 y 1.3.x
Usted también tendrá que descargar el plugin de jquery.maxlength. js

Una vez que haya descargado la copia que tendrá que incluir en el archivo.

  
    
  

  


Próximo paso incluir la librería

  
    
    
  
  
  

 

Ahora a la parte divertida, la forma de aplicar la funcionalidad de su guión.

Opciones del plugin

$(document).ready(function(){    
  $('#textarea_1_1').maxlength({   
    events: [], // Array of events to be triggerd    
    maxCharacters: 10, // Characters limit   
    status: true, // True to show status indicator bewlow the element    
    statusClass: "status", // The class on the status div  
    statusText: "character left", // The status text  
    notificationClass: "notification",	// Will be added when maxlength is reached  
    showAlert: false, // True to show a regular alert message    
    alertText: "You have typed too many characters.", // Text in alert message   
    slider: false // True Use counter slider    
  }); 
});

Ver código fuenteDemo y Pagina del autor

Libro: jQueryUI Theme – Guía para principiantes

jQuery UI Themes Beginners Guide_Front Cover

Detalles del libro

  • Paperback: 268 páginas
  • Autor: Packt publicación (julio de 2011)
  • Idioma: Inglés
  • ISBN-10: 184951044X
  • ISBN-13: 978-1849510448
  • Tamaño del archivo: 3.9 MiB

Descripción del libro

Aplicaciones web de hoy en general, utilizar al menos algo de JavaScript para mejorar la apariencia de la interfaz de usuario.El kit de herramientas de interfaz de usuario jQuery ofrece a los desarrolladores web un conjunto de widgets, así como un marco para el desarrollo y la aplicación de temas. Sigue leyendo

A %d blogueros les gusta esto: