Tag Archives: javascript

Crear clases en Javascript

En este post veremos como crear clases en javascript de forma óptima para su posterior uso

Después de escribir sobre si javascript era el futuro se me ocurrió que sería buena idea ampliar los conocimientos de Javascript mediante algunos escritos.

Javascript el lenguaje prototipado

Antes de empezar me gustaría aclarar este punto que a muchos se les escapa y es tan importante conocer.

Javascript no es un lenguaje orientado a objetos, es un lenguaje orientado a prototipos(1).
¿Y eso que significa?
Bueno, un lenguaje orientado a objetos utiliza clases, las clases son objetos, cuando se utiliza esa clase se crea una instancia de ese objeto.

Sin embargo, un lenguaje prototipado como javascript no hace diferencias entre instancias y objetos.
En javascript una instancia de un objeto es un objeto en si mismo.

Este objeto tiene un item llamado prototype el cual contiene una referencia a su objeto padre o al esquema de su definición (un prototipo de lo que ahora es el nuevo objeto vamos..)

Si lo piensas unos segundos te das cuenta que un lenguaje prototipado como javascript tiene mucho más potencial que un lenguaje orientado a objetos.

Si la instancia es un objeto en si mismo esto significa que puede crear nuevos métodos que su clase no tenía en un principio y nuevas propiedades (algo impensable en un sistema OO).


Así nos han encontrado!

  • clases en javascript
  • crear clases en javascript
  • crear una clase en javascript
  • clases javascript

Tech demo day 2012 y We Love JS 2

Si si si!!! mañana día interesante!

Me voy junto a un compañero a barcelona para asistir a la Tech demo day 2012

Y ojear el mercado de startups, así como encontrarme con unos conocidos de Toolea y, espero que también, de Teambox!.

Dos grandes empresas que creo que darán de que hablar en los sectores empresariales dentro de poco tiempo.

Ya os contaré que impresiones me llevo mañana.

También se celebra un betabeers en el mismo recinto.

El sabado, aparte de tener beta de GW2 también nos desplazamos a Barcelona, una vez más, pero esta vez para un evento al que le tengo muchas ganas: We love JS 2.

Asisten empresas como Teambox y Softonic a unas charlas muy interesanets sobre Javascript!

Veremos también que conclusiones sacamos!

en fin, semana entretenida donde las haya os iré comentando

Javascript es el futuro?

Analizamos si Javascript es realmente el futuro de la programación, tanto web como de escritorio. Basado siempre desde mi punto de vista y mis limitaciones :P

Como muchos sabreis javascript siempre ha sido EL lenguaje front-end por excelencia.

Desde que java falló en el intento de instaurarse como lenguaje por excelencia con sus applets, javascript se ha ido convirtiendo en el rey indiscutible de los lenguajes de navegadores.

Hasta el punto que chrome permite programar en javascript sus plugins (y creo que firefox también).

Javascript, desde mi punto de vista, es muy fácil de aprender y ofrece una filosofía diferente en las técnicas de programación.

Siempre ha sido un referente para UX y UI.
Y sus frameworks facilitaron muchísimo aprender a utilizarlo y dominarlo. (JQuery, Dojo, Mootols entre otoros).

Aunque, siendo sinceros… no creo que los frameworks faciliten aprender javascirpt sino solo a utilizarlo, que es diferente.


Así nos han encontrado!

  • futuro de java 2012

Imprimir con Javascript

Una forma sencilla y rápida de enviar tus páginas web a imprimir

En ciertas situaciones es importante permitir la impresión de páginas web.
Por ejemplo permitir imprimir nuestras entradas o una página generada a partir de ciertos formularios.

Las posibilidades son infinitas y hay que saber adaptarse a las necesidades de los usuarios.
Mi compañero siempre dice los pequeños detalles que cuestan poco implementar, implementalos si no sobrecargar la página.

Este es uno de esos detalles.

Para habilitar un botón de impresión tenemos el siguiente código javascript:

window.print()

Se puede implementar en el evento onClick o simplemente en el href de un link.

<a href="javascript:window.print()">Imprimir</a>
<div onclick="window.print()">Imprimir</div>

Y es básicamente eso.
También se puede utilizar para generar pdf si tenemos el pdfcreator en nuestro ordenador instalado.

Recomiendo ver el preview en chrome, está bastante chulo :P


Así nos han encontrado!

  • imprimir con javascript
  • imprimir en javascript
  • imprimir javascript

Enviar formularios con javascript – Utilizar una imagen para enviar formularios

En este tip cubrimos dos apartados. El primero es como enviar formularios utilizando javascript y complementa al segundo que tratará sobre como utilizar una imagen como botón de submit

Hoy estoy trabajando bastante con formularios, de ahí que me tome unos minutos para escribir algunos tips que creo pueden resultar útiles.

En este caso cubriremos como enviar formularios utilizando javascript y luego como utilizar una imagen para enviar los formularios.

Enviar formularios con javascript

Para enviar un formulario con javascript necesitamos identificarlo con un name.

 <form method="POST" action="" name="contactar" id="contactar" />

Luego simplemente accedemos al document, luego al formulario y a la acción submit().

 &ltp onclick="document.contactar.submit();">enviar!</p>

El ejemplo anterior serviría para utilizar una etiqueta de parágrafo para enviar el formulario.


Así nos han encontrado!

  • enviar formulario javascript
  • enviar formulario con javascript

Validar email con Javascript

Actualizado: 1/2/2012

Agregando un poco de información a la validación en javascript explicamos como validar un email mediante Javascript

Siguiendo el post de como para el envio de un formulario vamos a explicar también brevemente como validar un email mediante javascript.

Esta tarde o mañana colgaré un post de como validar un email con php, que por alguna razón pensaba que ya lo había puesto :S

Validar email mediante Javascript

El proceso es muy sencillo y se trata de utilizar una expresión regular y test.

var filtro = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;	
if (!filtro.test(email)) {
   error = 'Introduzca un email válido';
}

Así nos han encontrado!

  • validar email javascript
  • Validar email con JavaScript
  • validar correo javascript
  • validar correo electronico javascript
  • VALIDAR EMAIL EN JAVASCRIpt
  • javascript validar email
  • validar correo con javascript
  • comprobar email javascript
  • validar correo electrónico con javascript
  • validacion email javascript
  • javascript comprobar email
  • validar correo en javascript
  • validacion de correo electronico javascript
  • VALIDAR EMAIL
  • validar mail javascript
  • funcion para validar email en javascript
  • validacion de email javascript
  • como validar email con javascript
  • validar un correo electronico con javascript
  • validar email java