Javascript

[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

[Manual-Javascript] Adentrandonos a Javascript [2]

Hoy pensando en algo que postear, me decidi a postear la segunda parte de nuestro manual de Javascript.

Asi que empecemos cuanto antes.


Los identificadores en Javascript

Para empezar a trabajar con Javascript primero que nada trataremos a los identificadores.

Identificadores en Javascript, es como se les conoce a todos los nombres que representan funciones, objetos, metodos, o Variables.

Estos identificadores pueden poseer cualquier nombre, desde una letra hasta una serie de caracteres,
sin embargo para que podamos trabajar correctamente con estos indentificadores, debemos seguir ciertas reglas.

Estos nombres o identificadores, deberan iniciar con una letra o con un guion bajo(_), posteriormente el texto puede ser el que uno desee, pero no debe contener espacios en blanco.
Los nombres a usar en estos identificadores, pueden ser cualquier menos alguna palabra reservada, la cual tiene un significado especial en Javascript(el cual veremos mas adelante)
Se puede tambien usar signos de pesos ($) como identificadores.

Para ubicar mejor lo que acabamos de ver veamos los siguientes ejemplos

IDENTIFICADORES VALIDOS

  1. nombre
  2. _fecha
  3. _I
  4. segmento4500
  5. _reservado
  6. otros
  7. $nuevo
  8. $


IDENTIFICADORES NO VALIDOS

  1. -nuevo
  2. .hola
  3. function //Esta es una palabra reservado
  4. 56zona
  5. ++
  6. alert //Otra palabra reservada

Las palabras reservadas en Javascript.

Com mencione anteriormente, en Javascript existen palabras que se conocen como reservadas, estas palabras tienen este nombre por que precisamente, se trata de palabras a las cuales Javascript les da un significado especial.

Estas palabras son las siguientes

Leer más

[Recursos] Analisis de la velocidad de carga de la librerias JS

John Resig nos sorprende nuevamente, ahora nos platica sobre PBWiki team, que nos es otra cosa mas que un completo analisis de las diferentes librerias Javascript que hoy en dia tenemos presentes.

Claro, como se imaginaran no es un analisis de todas las librerias, solo de las mas importantes o mas conocidas.

Como son:

  • jquery-1.2.1
  • dojo-1.0.1
  • prototype-1.6.0
  • yahoo-utilities-2.4.0
  • protoculous-1.0.2

Sin embargo que tiene de especial, este analisis que, otros no hayan hecho?.

Eso es lo mas interesante, ya que no es un analisis, realizado por los creadores del sistema, si no que es un analisis realizado por los usuarios.

Asi de esta forma, el resultado creo yo, sera mas eficaz y mas real.

Pueden checar como van los analisis en la sigueinte direccion

http://jst.pbwiki.com/summary.php

En el momento que yo entre las cosas estaban asi.

Toolkit Time Avg Samples
jquery-1.2.1 728.0895 3296
dojo-1.0.1 907.9133 3287
prototype-1.6.0 918.4553 3288
yahoo-utilities-2.4.0 922.3513 3285
protoculous-1.0.2 1131.3293 3280

Esto por supuesto es refiriendose a las librerias para Ajax-Javascript, sin duda, sera interesante esperar a ver como se va actualizando este analisis.

De momento yo me quedo con Jquery, no hay mas, aunque quizas pronto le de un chance a Mootools, la que por cierto no esta en el test.

Via | JavaScript Library Loading Speed

Leer más

[Noticias] Programar Js con Dreamweaver usando XTND

Esto si que suena super interesante.

Resulta que revisando el blog de iGeek, me encuentro con que un tal Chris Charlton, ha desarrollado una extension para Dreamweaver, la cual nos permitira trabajar mas comodamente con Javascript.

Sin meabrgo se ve que su verdadero potencial, es que nos ofrece muchisima ayuda para trabajar con algunas de nuestras librerias Javascript.

De momento XTND, da soporte a jQuery 1.2, Prototype 1.6, MooTools, Ext, y YUI.

Les dejo uan animacion para que vean su potencial, yo personalmente no me gusta mucho trabajar con Dreamweaver, por su excesivo consumo de recursos, prefiero, usar RAPID PHP, por cierto mmuy recomendable, aunque con estas mejoras quiza lo use mas seguido.

Esperemos que la proxima version de Dreamwevaer pese menos para que sea un verdadero IDE completo.

Via | XTND:Dreamweaver soporta librerias JS

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