Javascript

[Librerias-Ajax] Los secretos de las librerias y Frameworks Javascript

Las librerias o Frameworks Javascript, sin duda son unas herramientas importantisimas si deseamos mejorar nuestro desarrollo con Ajax.

Jhon Resig, El creador de Jquery, que junto con Sam Stephenson(conio.net), Alex Russell(alex.dojotoolkit.org), Thomas Fuchs(script.aculo.us/thomas), y Andrew Dupont(adrewdupont.net), han tenido una platica sobre los secretos que esconden, o tambien dicho las caracteriticas principales de la Librerias Javascript.

Me hubiera encantado encontralo en video pero es de mucha ayuda tenerlo aunque sea en Diapositivas(Slides).

Aqui les dejo la presentación:

Actualizado: Lo mismo que la anterior por alguna razon no puedo publicar estas diapositivas lastima, ojala y todo se pudiera compartir

http://www.slideshare.net/jeresig/secrets-of-javascript-libraries

Un saludo a Jhon Resig y a todo el panel de SXSW.

Via | Secrets of JavaScript Libraries (SXSW)

Leer más

[Mapas] Yahoo Maps sigue a la carga

Hoy estaba peleandome con Virtual Earth, yo siempre he pensado que Google, deberia de sacar mas provecho, a las georeferencias de los mapas en todo el mundo o al menos en mas ciudades, desafortunadamente no he tenido la dicha de probarlo plenamente.

Bueno luego les paso unos manuales sobre como usar Virtual Earth, por que pues tuve que aprenderlo a base de esfuerzos, pero lo bueno es que ya esta.

Sin embargo casi nadie habla de Yahoo Maps.

Pero al parecer se esta poniendo las pìlas y nos ofrece nuevas funcionalidades.

  • Vine con más de 300 ciudades de Estados Unidos con nuevos datos del vecindario.
  • Más de 12.000 nuevos vecindarios.
  • Mayor cobertura internacional con importantes mejoras en Europa del Este.
  • Nueva información POI -escuelas, áreas de descanso, etc.- para Estados Unidos y información detallada a nivel local para el resto del mundo.
  • Mejoras en la usabilidad de las etiquetas de las ciudades.
  • Mejoras en la interfaz con nuevos colores y mejores combinaciones de estos en los mapas híbridos.
  • Mapas más ligeros gracias a una mayor fragmentación que consigue tamaños un 30-60% menores.

Leer más

[Javascript-Songbird] Manipulando nuestra musica con Javascript y Songbird

Cuando deseamos escuchar musica, y vemos que reprodutor usar, mucha gente suele utilizar Windows Media, otra gran mayoria suele usar iTunes, alguinos mas usan Winamp, que son los mas usados.

Sin embargo la fundacion Mozilla, esta desarrollado desde hace bastante tiempo una alternativa bastante interesante, que se llama Songbird, de el cual hace algunos posts les platique.

Ahora van en la version 0.4

songbird version

Tiene muchas cosas que talvez en muchos otros podremos encontrar sin embargo algo que no podemos ver como algo importante es que es “Open source”, y que ademas se puede personalizar a nuestros gusto.

Pero hay algo aun mas interesante, como esta desarrollado con XUL, se puede manipular con Javascript, claro que para esto debemos adentrarnos un poco con XUL y con SongBird.

Keisuke, Desarrollo un script el cual, valga la redundacia esta escrito en Javascript, muuy simple y sencillo que nos permite mostrar en forma de un nube de tags nuestra biblioteca.

solo basta introducir la url del script y Songbird nos pedira confirmacion para ejecutar dicho script y listo ya tenemos nuestra nube de tags.

songbird nube de tags tagcloud

El codigo de la pagina que se ejecuta es el siguiente


<html>
  <head>
    <title>TagCloud Library View</title>
    <link rel="stylesheet" href="./tagCloud.css" />
    <script type="application/javascript"
            src="./tagCloud.js">
    </script>
  </head>

  <body onload="load();" onunload="unload();">
    <div id="menu">

      <a class="genre" href="javascript:void(0);" onclick="javascript:setCloud('genre', 'genres');">Genres</a>
      <a class="artist" href="javascript:void(0);" onclick="javascript:setCloud('artistName', 'artists');">Artists</a>
      <a class="album" href="javascript:void(0);" onclick="javascript:setCloud('albumName', 'albums');">Albums</a>
      <a class="year" href="javascript:void(0);" onclick="javascript:setCloud('year', 'years');">Years</a>
    </div>
    <div id="cloud">
    </div>

  </body>
</html>

Y el contenido de el archivo tagcloud.js es el siguiente

Leer más

[Javascript] ECMAScript 4 Segunda etapa: Liberado

Francis Cheng, anuncia la liberacion de la especificacion ECMAScript 4, en su segunda etapa, la cual nos trae muchas mejoras:
Completa Implementacion de:

  • classes and interfaces
  • namespaces
  • pragmas
  • let, const, let-const
  • iterators
  • enumerability control
  • type expressions / definitions / annotations
  • runtime type checks (“standard mode”)
  • nullability
  • destructuring assignment
  • slice syntax
  • hashcode
  • catchalls
  • map & vector
  • date & time improvements
  • meta objects
  • static generics
  • string trim
  • typeof
  • globals
  • expression closures
  • name objects
  • type operators (is / to / cast / wrap)

Implementacion en parte:

  • inheritance checking
  • strict mode
  • type parameters
  • structural types
  • numbers & decimal
  • getters & setters (structural part is incomplete)
  • packages

Implementado parcialmente:

  • program units
  • generic function
  • updates to unicode
  • updates to regexps

No implementado:

  • generators
  • tail calls
  • triple quotes
  • stack inspection
  • reformed with
  • resurrected eval (eval exists but may be wrong)
  • help for the argument object
  • “this function” / “this generator”

Nota: Esta en ingles por que se comprende mejor su funcionalidad en Javascript.

Tambien les dejo un video de muy larga duracion 58 Minutos, que esta en ingles pero vemos ejemplos de las mejoras hechas a Javascript o sea ECMAScript

Leer más

[Recurso-Ajax] Polar Clock, El reloj para Geeks

Realmente las capacidades de Javascript parece que crecen de manera exponencial dia con dia,

Esta vez en Ajaxian, no comenta que se “agrat” a desarrollado un reloj muy curioso usando solamente Javascript.

Para poder usarlo necesitamos disponer de las librerias Prototype 1.6.0.2 y Canvas.

javascript clock

La implentacion es con el siguiente codigo Javascript el cual usando el metodo Draw.

	  draw:function(){
		this.clearCanvas();
		var w = 20;
		var r = 260;
		this.date = new Date();
		var cr = r;
		$('labels').update()
		$w("month day weekday space hour min second").reverse().each(function(interval){
			cr = cr - w - w/2;
			if(interval != 'space')
			{
				var ir = this.intervalToDegrees[interval].bind(this.date)();
				var i = ((ir / 360) * 255) + 147;
				var radians = ir.toRadians();
				var color = this.cc.rgbToCss(this.cc.hslToRgb(i.wrap(0,255),205,127));
				this.drawSolidArc(color, cr, w, radians);
				$('labels').insert(this.getIntervalLabel[interval].bind(this.date)() + '');
			}
		}.bind(this));
	},

UTILIDAD?.

Talvez no mucha, para algunos, para otros muchisima, pero vamos les puse el codigo para que vean todo el gran potencial del que dispone Javascript, he imaginense todo lo que podamos hacer tan solo con Javscript.

Via | Canvas Polar Clock
Demo | http://snipersystems.co.nz/community/polarclock/polar.html

Leer más

[Curiosidades Web] El “Hola mundo”! Ayer, Hoy y siempre

Cuantas veces los programadores no hemos tenido que hacer el famoso “Hola mundo”, muchas veces verdad.

Es como lo que siempre hay que hacer al empezar con cualquier programa.

En la web seria algo como


Hello World

En ajaxian han puesto una particular muestra de “Hola mundos”‘s dividida en años primero fue HTML luego con javascript y termino con algo totalmente diferente, y nos preguntan como sera para el 2010?
Tal vez con jaxer y Javascript-Ajax en el server? no lo se pero les dejo los códigos de los Hola mundo, claro los puse en español.

1998


HTML:

Hola Mundo!

2000

//Javascript

var myText = "Hola Mundo";
var _textNodeParent;
var docNodes = document.childNodes[1].lastChild.childNodes;
for(var j=0; j

2003

//Javascript

var miTexto = "Hola Mundo";
document.getElementById('layer_main').innerHTML = miTexto;

2008

//Javascript

myVp = new Ext.Viewport({
  layout:'fit',
  autoHeight:true,
  id:'myVPid',
  items:[
    new Ext.XTemplate('',
        '{text1}{text2}{text3}',
        '').overwrite(Ext.get('layer_main'),{text1:'Hola',text2:' ',text3:'Mundo'})
  ]
});

Via | Hello World: yesterday, today and tomorrow

Leer más

[Mootools] MooTools Swiff, interactuando swf, ajax y Mootools

En el blog de Mootools, comentan la nueva version beta de esta libreria ajax la cual ya nos traera a Swiff.

Esta herramiento nos permitira conectar Javascript y archivos swf, cosa que se complicaba bastante al hacerla manualmente usando Fscommand.

Para poder empezar a trabajar con esta herramienta, la haremos de la siguiente forma.

Primero bajaremos Mootools 1.2 Beta de la siguiente Direccion http://mootools.net/download/tags/1-2b2

Desde ahi podemos elejir que plugins o complementos deseamos bajar, junto con el nucleo de Mootools, obviamente elejiremos las que uno desea pero tambien incluiremos Swiff la cual se localiza dentro de la seccion Utilities.

Ajax, Ajaxman, Javascript, Librerias, Mootools

Ahora crearemos un archivo Flash, en este caso nuestro archivo flash estara vacio, lo unico que pondremos estara en una accion ahora escribiremos el ActionScript que permita crear la interfaz con Swiff.


//(ActionScript) achivo mySwf.swf
import flash.external.*;

function echoText(text) {
    ExternalInterface.call('alert', "This message is from Flash: "+text);
}

//Fires the 'onLoad' event within the Swiff object.
ExternalInterface.call(onLoad);

Ahora lo publicamos, y podremos cargarlo mediante Mootools Swiff.

Leer más

Historico de entradas

febrero 2012
L M X J V S D
« ene    
 12345
6789101112
13141516171819
20212223242526
272829  

Ajaxman

Mi nombre es Javier, soy desarrollador web con especialización en PHP (avanzado), HTML, CSS y Javascript(Medio).

Me considero evangelizador de Kohana Framework, Mozilla Firefox y GNU/Linux Debian.

Estoy casado, y tengo dos hermosos hijos.

Todos los contenidos a menos que se exprese lo contrario estan bajo licencia Creative Commons.

Enlazanos!!

hit counters online counter