Tag Archives: programacion

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

Mostrar nuevos tweets con la API de twitter en WordPress

Una introducción a la API de Twitter que nos permitirá conocer como funciona y como mostrar nuestro estado actualizado en todo momento

Hoy en día existen diversos plugins para realizar este mismo proceso.
Pero como siempre digo, no me gusta tener 200 plugins en mi wordpress y si puedo hacerlo yo a mano, mucho mejor.

Actualmente trabajo con webs que tienen 2 y 3 páginas de plugins en el panel y me parecen un fastidio a la hora de trabajar… así que adopto esta metodología de “do it yourself”.

Y vengo a compartirlo un poco con todos vosotros.


Así nos han encontrado!

  • mostrar twitter en wordpress
  • mostrar tweets en wordpress
  • api de twitter en español
  • API TWITTEr

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

Como saber la URL en la que te encuentras con PHP

En este pequeño review mostraremos dos funciones que nos permetirán conocer la url completa de nuestra web o simplemente el host principal

Aveces nos es necesario conocer la dirección completa de nuestra web, sobretodo ahora con los diversos plugins sociales en los que hay que indicar hacia que url apuntar o, como comentamos en diversas ocasiones, para configurar correctamente el plus one de google.

Este tipo de función son muy útiles cuando contamos con uno o diversos sitios de producción y luego se migra todo al servidor (la forma correcta de trabajar), o simplemente queremos preparar nuestro script para ser instalado en cualquier servidor.

Vamos a ver dos funciones, una que he creado yo para mi propia necesidad y una segunda, más generica, creada por ves a saber quien un usuario de la red.

self_url() o como obtener la url completa y los parámetros de mi web

Esta función retorna el dominio completo (dominio + carpetas) el nombre del archivo y los parámetros que se le asignan.
Todo esto lo hace juntamente a un urlencode ya que está pensada para ser agregada como parámetro en un url y los & dan problemas si no se codifican.

Forobeta Profiler – Primer plugin oficial de ServitecWeb.net

Muchos sabrán que tanto skamasle como yo estamos montando una web para dar soporte a los webmasters.

Queriendo así cubrir todas las necesidades que a un webmaster se le podría presentar, desde optimizar el servidor, migrarlo,etc hasta soluciones de programación, solución de errores y otras cosillas…

Bueno, a modo de colaboración y muestra decidimos crear un plugin para la comunidad de forobeta.

Y el resultado fue Forobeta Profiler

Está en su versión 1 y es bastante simple..
Cuenta con un sistema de caché configurable y permite escoger que hoja de estilos utilizar.

También me aseguré de no colisionar con los id y clases de wordpress a la hora de hacer el plugin :\

No puedo decir que sea el plugin más complicado que haya desarrollado pero al menos fue divertida su producción.

Espero lo prueben y dejen sus opiniones e ideas.

Saludos!

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