Ebook: Instant firebug starter

firebugCon la llegada de RIAs (Rich Internet Applications), la mayoría de las páginas web son impulsados ​​por una combinación de JavaScript, AJAX, CSS, etc.

Es difícil para front-end y desarrolladores web para depurar y arreglar los problemas que surgen en los equipos cliente. Firebug ayuda a resolver esto, se trata de un conjunto de herramientas maravillosas para ayudar a identificar y corregir problemas que ordinariamente tomaría mucho más tiempo para encontrar y corregir. Instantánea Firebug Starter es una práctica guía práctica que te ofrece una serie de ejercicios claras paso a paso para ayudar a aprovechar toda la potencia que ofrece Firebug. Este libro le dará una gran base en el uso de Firebug para depurar, corregir y optimizar sus páginas web. Desde la instalación de la navegación de los diversos paneles de editar, revisar y modificar sus páginas web, esta guía práctica le ayudará a través de las selvas de Firebug sin un solo bocado.

Una descripción paso a paso de las características clave se proporciona con la ayuda de ejemplos sencillos y concisa. Cada capítulo le ayudará a entender las principales características de Firebug con consejos y trucos que se convertirán en la base de su conocimiento en el futuro.

El Starter Firebug instantánea puede ser utilizado como una guía de extremo a extremo o como un documento de referencia, con secciones que se ocupan de todos los aspectos clave del desarrollo web como CSS, JavaScript y AJAX. Este Firebug instantánea arranque le guía a través de los fundamentos de Firebug y contiene el valor de los conocimientos y experiencia en la industria año. Este conocimiento ha sido reducida a 60 páginas de información útil, consejos, trucos, y las últimas técnicas que te llevarán al día en poco tiempo.

Descarga

http://prefiles.com/y46w6xfmvuen/Packtpub.Instant.Firebug.Starter.Jan.2013.rar

Botón ir a la página anterior

Al igual que el botón Atrás de su navegador, el siguiente script permite que el usuario pulse un botón para que devuelve al usuario a la página anterior. Pega el siguiente código donde desea que el botón que aparezca en su página:

  <form>
    <input onclick="history.go(-1)" type="text" value="ir a la pagina anterior" />
  </form>

Si prefiere utilizar un vínculo, pegue el siguiente código en la que desea que aparezca el vínculo:

      <a href="javascript:history.back(1)"> Página Anterior </a>

Fecha actual en español

Con este sencillo codigo logramos que se imprima la fecha actual en el sigueinte formato Martes, 23 de Abril de 2013

	<script>
	var now = new Date();

	var days = new Array('Domingo','Lunes','Martes','Miercoles','Jueves','Viernes','Sabado');
	var months = new Array('Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre');
	var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
	
	function fourdigits(number)	{
		return (number < 1000) ? number + 1900 : number;
	}

	today = days[now.getDay()] + ", " +
		date + " de " +
	        months[now.getMonth()] + " de " +
	        (fourdigits(now.getYear())) ;

	document.write(today);
	</script>

Ebook: LEARNING FROM JQUERY

Si se siente cómodo con jQuery, pero un poco inestable con JavaScript esta breve guía le ayudará a ampliar su conocimiento del idioma, especialmente el código jQuery que cubre para usted. Muchos devotos jQuery escribir tan poco código como sea posible, pero con un poco de JavaScript en el cinturón, se puede evitar errores, reducir los gastos generales, y hacer que su código de aplicación más eficiente.

Este libro explora el manejo de eventos, prototipos, y trabajar con el DOM y AJAX a través de ejemplos y un montón de código. Usted aprenderá las convenciones y patrones comunes en JavaScript y si usted nunca ha codificado con JavaScript antes-un tutorial te llevará a través de los conceptos básicos.

  • Mejore su código jQuery utilizando constructores de objetos y prototipos
  • Reducir los gastos generales y tener un mayor control por el manejo de eventos con JavaScript Trabajar con el DOM mucho más rápido con JavaScript que usted puede con jQuery
  • Enviar algunas peticiones AJAX sin tener que cargar toda la biblioteca jQuery
  • Comprender la importancia de las normas de JavaScript de código, comentarios, reutilización de código, y anti-patrones
  • Conseguir recursos de JavaScript, como un buen IDE, un comprobador de sintaxis, y control de versiones

Enlace de Descarga

http://prefiles.com/8pqawx289nv1/Oreilly.Learning.from.jQuery.Jan.2013.rar

Agregar clase Active al menu de navegación basada en la URL actual

Creo que el titulo lo dice todo, esta es la mejor forma de resaltar el item del menu.

     <nav >
          <ul>
               <li><a href="/">Inicio</ a></li>
               <li><a href="/acercade/">acercade</ a></li>
               <li><a href="/clientes/">clientes</ a></li>
               <li><a href="/contactenos/">contactenos</ a></li>
          </ul>
     </nav >

y si ud esta en esta URL:

http://sitio.com/acercade

     $(function() {
       $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
     });

jQuery 2.0 final disponible

jquery2

Cerca de siete años desde su lanzamiento inicial (agosto 2006) el equipo de desarrollo de esta biblioteca de software libre y código abierto tan importante en el mundo del desarrollo web acaba de liberar jQuery 2.0.

Esta herramienta con la que hacer aplicaciones web avanzadas del lado del cliente ha dado a conocer de forma oficial a través de su blog la llegada de una versión que pese a reducir su tamaño y su compatibilidad con jQuery 1.9 a nivel de API, parece carecer de nuevas funcionalidades que destaquen de forma significativa respecto de la versión anterior.

Uno de los puntos más destacados con la llegada de jQuery 2.0 supone la retirada del soporte para navegadores como Internet Explorer 6, 7 y 8 en un gesto que ha dado mucho que hablar desde su anuncio. Aquellos interesados en seguir con el soporte de los navegadores de Microsoft mencionados tendrán que seguir empleando jQuery 1.9.

Todos aquellos que lo deseen tienen a su disposición completa información sobre las características de esta nueva versión o incluso descarga de los archivos desde el CDN de jQuery pueden hacerlo en blog.jquery.com (en los próximos días también lo estará desde los CDNs de Google y Microsoft).

Con la llegada de esta nueva versión también se ha dado a conocer que la rama 1.x sigue abierta y que próximamente será lanzada una nueva versión con jQuery 1.10.

Download the compressed, production jQuery 2.0.0

Download the uncompressed, development jQuery 2.0.0

Si quiere ver mas aspectos relacionados a esta nueva version los remito a http://elavefenix.net

Llamado Ajax con Javascript y jQuery

Algunos conocieron el Ajax con jQuery o el mismo Mootools, pero realmente los llamados asincrónicos son tan viejos como el mismo Javascript.

En esos tiempos donde las cuentas de hotmail eran de 10MB y buscábamos resultados en la web a través de Altavista y no de Google, los llamados asincronicos eran diferentes:

ajax desde javascript nativo


  var xmlhttp;
  xmlhttp = GetXmlHttpObject();
  if(xmlhttp == null){
    alert("Boo! Your browser doesn't support AJAX!");
    return;
  }
  xmlhttp.onreadystatechange = stateChanged;
  xmlhttp.open("GET", "http://www.google.com", true);
  xmlhttp.send(null);

  function stateChanged(){
    if(xmlhttp.readyState == 4){
      // do something with the response text
      alert(xmlhttp.responseText);
    }
  }
  function GetXmlHttpObject(){
    // IE7+, Firefox, Chrome, Opera, Safari
    if(window.XMLHttpRequest){
      return new XMLHttpRequest();
    }

    //IE5, IE6
    if(window.ActiveXObject){
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
  }

y las cosas han cambiado y mucho

ajax desde jQuery


  $.ajax({
    url: 'http://www.google.com',
    success:function(data){
      alert(data);
    }
  });

Como se puede ver claramente, el método AJAX jQuery es mucho más fácil. Se le da una URL de solicitar, y después se le da un conjunto de instrucciones si se realiza una solicitud exitosa. Fácil!

A %d blogueros les gusta esto: