<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>DevTics.com.Mx &#187; JavaScript</title>
	<atom:link href="http://www.devtics.com.mx/wp/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devtics.com.mx/wp</link>
	<description></description>
	<lastBuildDate>Sat, 03 Sep 2011 18:59:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>jQuery plugin onKeyEnter, ejecutar un callback al teclear Enter</title>
		<link>http://www.devtics.com.mx/wp/424-jquery-plugin-onkeyenter-ejecutar-un-callback-al-teclear-enter/</link>
		<comments>http://www.devtics.com.mx/wp/424-jquery-plugin-onkeyenter-ejecutar-un-callback-al-teclear-enter/#comments</comments>
		<pubDate>Mon, 24 Jan 2011 19:00:36 +0000</pubDate>
		<dc:creator>pako</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugins]]></category>

		<guid isPermaLink="false">http://www.devtics.com.mx/wp/?p=424</guid>
		<description><![CDATA[onKeyEnter, es un mini-plugin de JQuery sive para ejecutar una función cuando se tecleé un Enter, esto es algo sencillo de lograr con jQuery, pero aquí lo encapsulo en un plugin para que aun sea un poco mas sencillo para realizar esta función en jQuery debemos de hacer algo así $(".unInputText").keydown(function(e){ if(e.keyCode == 13){ alert("diste [...]]]></description>
			<content:encoded><![CDATA[<p>onKeyEnter, es un mini-plugin de JQuery sive para ejecutar una función cuando se tecleé un Enter, esto es algo sencillo de lograr con jQuery, pero aquí lo encapsulo en un plugin para que aun sea un poco mas sencillo </p>
<p>para realizar esta función en jQuery debemos de hacer algo así</p>
<pre>
$(".unInputText").keydown(function(e){
    if(e.keyCode == 13){
      alert("diste Enter");
      //Aki código a ejecutar
   }
})
</pre>
<p>es sencillo si solo se desea hacer en un control, pero si son varios el pequeño if(e.keyCode==13) se puede volver repetitivo, para no tener que repetir esta pequeña porción de código envolví esta función en este miniplugin </p>
<pre>
/*
fcodiaz@devtics.com.mx
24/01/2011
www.devtics.com.mx
MIT/GNU
*/
/*keyEnter*/
(function($){
   $.fn.onKeyEnter=function(callback){
      var $this=$(this)
      $this.keydown(function(e){
         if(e.keyCode == 13){
           return callback.call(this,e);
         }
      })
      return $this;
   }
})(jQuery);
</pre>
<p>por lo que una vez que tengas el plugin disponible podrás realizar esto:</p>
<pre>
$(".unInputText").onKeyEnter(function(e){
      alert("diste Enter");
});
</pre>
<p>ademas se puede consumir el evento retornando un false desde la callback, con esto puedes cancelar por ejemplo el envió de un form.</p>
<p>el callback se ejecutara en contexto del elemento seleccionado, por lo que al hacer referencia a this dentro del callback haces referencia al elemento donde se recibió el enter, se recibe un único parámetro que es el objeto Event</p>
<p>El plugin es muy pequeño así que no dejo archivo .js en lugar de esto copia el código del plugin y pegalo ya sea al final de tu librería de jQuery o en alguna otra que utilices dentro de la pagina donde quieras usarlo, solo recuerda colocarlo después de la librería de JQuery</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtics.com.mx/wp/424-jquery-plugin-onkeyenter-ejecutar-un-callback-al-teclear-enter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Unir palabras separadas por comas u otro caracter</title>
		<link>http://www.devtics.com.mx/wp/415-unir-palabras-separadas-por-comas-u-otro-caracter/</link>
		<comments>http://www.devtics.com.mx/wp/415-unir-palabras-separadas-por-comas-u-otro-caracter/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 18:25:28 +0000</pubDate>
		<dc:creator>pako</dc:creator>
				<category><![CDATA[Funciones JavaScript]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.devtics.com.mx/wp/?p=415</guid>
		<description><![CDATA[les dejo una función bastante sencilla para cuando necesiten unir diferentes palabras con comas y si un texto es nulo o un espacio en blanco se elimine, esta función nació ya que algún día estuve recuperado campos de una base de datos (país,colonia,ciudad,estado), para formar la dirección tenia que concatenar estas variables tarea fácil el [...]]]></description>
			<content:encoded><![CDATA[<p>les dejo una función bastante sencilla para cuando necesiten unir diferentes palabras con comas y si un texto es nulo o un espacio en blanco se elimine, esta función nació ya que algún día estuve recuperado campos de una base de datos (país,colonia,ciudad,estado), para formar la dirección tenia que concatenar estas variables tarea fácil el problema es que algunas veces unos campos no existían, por lo cual tenia que excluirlo y que no aparecieran &#8220;, ,&#8221; si no solo la lista de palabras que cotenieran algun texto</p>
<pre>
String.joinStrings=function joinStrings(){
 var arr =[],arg, i;
 if(typeof arguments[0] !=&quot;string&quot; &amp;&amp; arguments[0].length){
    for(i=0;i&lt;arguments[0].length;i++){
     if((arg=arguments[0][i])){
        arr[arr.length]=arg;
     }
    }
 }else{
  for(i=0;i&lt;arguments.length-1;i++){
    if((arg=arguments[i])){
        arr[arr.length]=arg;
    }
  }
 }
 return arr.join(arguments[arguments.length]);
}
</pre>
<p>Ejemplo: </p>
<pre>
cad1="hola";
cad2="";
cad3="ok"
cad4=""
alert(String.joinStrings(cad1,cad2,cad3,cad4,","));
alert(String.joinStrings(["hola","mundo","","ok"],","));
</pre>
<p>out:<br />
hola,ok<br />
hola,mundo,ok</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtics.com.mx/wp/415-unir-palabras-separadas-por-comas-u-otro-caracter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google el patrocinador de JavaScript</title>
		<link>http://www.devtics.com.mx/wp/339-google-el-patrocinador-de-javascript/</link>
		<comments>http://www.devtics.com.mx/wp/339-google-el-patrocinador-de-javascript/#comments</comments>
		<pubDate>Sun, 23 May 2010 13:30:10 +0000</pubDate>
		<dc:creator>pako</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Mi Opinion de...]]></category>

		<guid isPermaLink="false">http://www.devtics.com.mx/wp/?p=339</guid>
		<description><![CDATA[En algunos foros y aquí no he dejado de dejar plasmado mi gusto y pasión por el lenguaje de scripting JavaScript(JS), Google siguiendo su tradición de conmemorar los eventos históricos importantes alguno que otro homenaje a personajes, programas, inventos, científicos. etc.. etc.. etc… el pasado Viernes 21 Google sorprendido a varios incluyéndome al cambiar un [...]]]></description>
			<content:encoded><![CDATA[<div align="center">
<a href="http://www.google.com/pacman" target="_blank"><br />
<img src="/imgs/blogimgs/google-el-patrocinador-de-javascript/pacman-google.png" alt=""  border="0"/><br />
</a>
</div>
<p>En algunos foros  y aquí no he dejado de dejar plasmado mi gusto y pasión por el lenguaje de scripting JavaScript(JS), Google siguiendo su <a href="http://www.google.com/logos/index.html" target="_blank">tradición de conmemorar los eventos históricos importantes</a> alguno que otro homenaje a personajes, programas, inventos, científicos. etc.. etc.. etc… el pasado Viernes 21 Google sorprendido a varios incluyéndome al cambiar un poco la dinámica de sus logos en esta ocasión google coloca una imagen conmemorando el 30 aniversario del uno de los grandes clásicos de los videojuegos <a href="http://www.google.com/pacman" target="_blank">pacman</a>, pero esta imagen tiene algo en particular, es una imagen que atreves de la técnica de sprite  y un excelente trabajo en javascript logran un mini-juego de pacman.. Basado solamente en CSS/Javascript/DOM, algo que para muchos resulta increíble, hubo quien al ver, casi afirmo que se trataba de HTML5-Canvas, pero no, <a href="/imgs/blogimgs/google-el-patrocinador-de-javascript/pacman10-hp-sprite.png" target="_blank" >es un par de png’s</a>  y<a href="/imgs/blogimgs/google-el-patrocinador-de-javascript/pacman10-hp.2.js" target="_blank"> un rutinario JS</a> que bien pudimos haber programado hace 10 o 12 años… incluso tuve una pequeña discusión por el origen de ese script ya que incluso hay quien asegura que se pudo haber utilizado GWT pero la verdad lo dudo por que el código pese a estar compactado para producción al pasarlo por una herramienta para reordenarlo queda muy limpio y entendible algo imposible para un código generado por GWT.</p>
<p>Tengo tiempo queriendo escribir algo que me molesta un poco de los programadores actuales más aun, de los que migran de la programación tradicional a la web, en lo personal inicie con a programar en C/C++ en mis clases de bachiller, por gusto incursione en la programación web, en aquel entonces 2001, la Web aun no dejaba de ser un periódico mural donde solo se mostraba información y muy pocas páginas iniciaban a tener comunicación en dos vías(un librito de visitas), que el usuario subiera información al web, tenían poco tiempo los web mails, poco se sabía de paginas conectadas a bases de datos y mucho menos se sabía de la existencia de técnicas como AJAX aunque se podía lograr algo muy parecido, en IE ya existía XHR!, en ese tiempo conocí un poco de Javascript y algo de PHP, vi como podían interactuar y lograr verdaderos sitios muy ricos y que a la larga se convertían en sistemas de información y ya no solo una revista, que podía atreves de una web alimentar una DB, en el servidor procesar esa información y atreves de la web manipularla y consultarla. Lo que se venía haciendo en los sistemas de escritorio tradicionales y afortunadamente evite la tentación de aprender e invertir mi tiempo en aprender Java por aprender y perfeccionar HTML/CSS/JavaScript/PHP/MySQL, creo que fue una buena elación hoy Java sigue siendo muy potente pero incluso al llegar al Java EE terminas haciendo lo que se hace en PHP claro con algunas mejoras en los procesos del lado servidor pero al final caemos a lo mismo y creo la tendencia hoy día esta mas que clara.
</p>
<p>Creo que Google a creado una Joya de la programación en JS, es una muestra de su potencial, creo que es una lástima y es algo que me llega a molestar es que pocos programadores crean en este lenguaje y su falta de interés por invertir en aprender este lenguaje, hoy veo incluso que en foros se hablar más de librerías como jQuery que también es  joyas del JS, pero le quitan el crédito principal a JS incluso muchos novatos y no tan novatos creen que al programar un Script JS que use jQuery están programando en algo distinto a JS, algo que para mí me parece lamentable, el uso del término AJAX para el manejo general del objeto XHR es otra cosa que me parece lamentable y no deja de molestar ya que se le quita el crédito al lenguaje muchos creen que AJAX es otra cosa e incluso le llaman “tecnología” pero no todo esto no es más que simple y sencillo JS común y corriente y aun así hay quien sigue creyendo que es un lenguaje débil al cual no hay que invertir mucho tiempo en aprender, o siguen anteponiendo el adjetivo “dificil “ y buscan atajos para no aprender.. Llámense frameworks(ZK, GWT, XAJAX) o librerías como jQuery</p>
<p align="center">
<img src="/imgs/blogimgs/google-el-patrocinador-de-javascript/apps-javascript-google.jpg" alt=""/>
</p>
<p>Google ha sido el Gran patrocinador de JavaScript no solo con la creación de este juego conmemorativo, si no porque prácticamente todas sus app’s están basadas en este lenguaje en el lado cliente he allí su Gmail o sus Google Docs o su potente y tan incomprendido Google Wave todas ellas aplicaciones RIA basadas en JS. Este post no es más que una invitación a los programadores a invertir un poco de tiempo en aprender JavaScript fuera de librerías esto al final le ayudara incluso a comprender y explotar mejor librerías tipo jQuery incluso crear grandes aplicaciones con solo JS/HTML/CSS,JS se puede orientar a objetos aunque con algunas diferencias que notaran ya que JS no usa clase en su modelo de OOP lo cual afecta directamente al paradigma de herencia que solemos utilizar en lenguajes como Java es algo importante mencionar que es otro paradigma de OOP al cual le llaman OOP basado en Prototipos contario al de Java y otros que son basados a Clases, prometo crear algunos contenidos de JS Orientado a Objetos, bueno sin mas solo les invito a conocer este gran lenguaje muy desvalorado el cual a pesar de los años se sigue creyendo que es para trivialidades como la validación de un form. </p>
<p>
Bueno recomendaciones, antes de entrar a JS, estudia HTML/CSS son indispensables, para JS hay muchos tutoriales por desgracia algo anticuados en cuanto a técnicas de calidad, utiliza cualquiera de tantos, posterior investiga algo de “JavaScript no obstructivo” y finaliza con DOM y OOP en Javascript, al final puedes apoyarte de librerías como jQuery, prototype o mooltools para hacer un poco más eficiente tu trabajo.<br />
Suerte y en verdad no es pérdida de tiempo invertir en aprender JavaScript</p>
]]></content:encoded>
			<wfw:commentRss>http://www.devtics.com.mx/wp/339-google-el-patrocinador-de-javascript/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

