Hasta ahora todo lo que había aprendido sobre programación había sido gracias a Google, a mirar código de un sitio y de otro y sobretodo a algunos cracks que me corregían fallos -Alfonso, Andrés… No voy a decir que fuese fácil y correcto, ya que tenía que echarle horas para encontrarle significado.

Pero hace unos meses andaba investigando a fondo sobre JavaScript, ya que hoy en día es bastante fácil conseguir unos cuantos efectos, el código está en internet y solo hay que hacer un copy&paste, y yo quiero profundizar más. Hablando con Daniel Mota me comentó que a el le había ido muy bien un libro llamado JavaScript para desarrolladores web, así que lo compré pero entre unas cosas y otras no he podido mirarlo hasta ahora y me arrepiento. El libro no se centra en JS, comenta muchos aspectos sobre programación en general, muchos aspectos que me hacen ver lo equivocado que iba en algunas ocasiones y, porque no, lo acertado que iba en otras.

Con el libro estoy aprendiendo mucho y esto me hace plantearme unas cuantas dudas, ya que como he visto en JavaScript que hacía cosas sin saber porque o mal echas. Y viendo que hay un libro de la misma editorial y bastante sugerente, sobre PHP. ¿Me pasaría lo mismo con el PHP? ¿Debería comprarme alguno sobre PHP 5? ¿Y si es así, cual? ¿Es suficiente la información que hay en internet para aprender bien un lenguaje? ¿Es suficiente un libro para aprender a programar?

Como he tenido bastante tiempo libre con el puente y estudiar como que para otro día, he estado creando un menú para jordivillar.com, del cual podréis ver un ejemplo en menuSlide.

Todo ha sido tomando como ejemplo el que tienen en Bahia Studio que espero que no les moleste que haya fusilado bastante parte de su código.

La función en JavaScript necesita mootools para funcionar y la podéis descargar desde este enlace menu.js

Antes de cerrar la etiqueta head deberemos llamar al código JS de la siguiente manera:

<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript">
    window.addEvent('domready', function() {
        new SlideList($E('ul', 'navbar'), {duration: 450});
    });
</script>

Una vez hecho esto tendremos que crear nuestro menú:

<div id="navbar">
    <ul>
        <li id="menu_inicio" class="current"><a href="#">Inicio</a></li>
        <li id="menu_about"><a href="#">About</a></li>
        <li id="menu_cv"><a href="#">CV</a></li>
        <li id="menu_contacto"><a href="#">Contacto</a></li>
        <li class="background"><div class="left">&nbsp;</div></li>
    </ul>
</div>

Y por última añadirle el estilo mediante el siguiente CSS:

Seguir leyendo… »

Hace unos meses ni me hubiese planteado trabajar como programador de una manera más o menos seria, iba haciendo cosas de freelance y sacándome un dinero que me bastaba.

Pero hace un mes recibí una oferta de trabajo muy interesante, en la que puse mucha ilusión pero que, cosas de la vida, cuando ya estaba todo encaminado se deshizo. Y ahí se quedó mi primer intento de convertirme en un programador a media jornada.

Esa oferta inesperada me abrió los ojos, había una manera de pagarme la carrera, aprender programación a marchas forzadas e ir aprendiendo que es el mundo laboral. Así que desde entonces voy mirando ofertas de empleo y mandando emails y CV a las que me parecen interesantes, ya sea porque les veo futuro, porque están cerca de donde vivo o buscan freelancers.

A día de hoy, después de unos cuantos mails mandados estoy en el punto de inicio aún, esperando la prometida respuesta a todos los emails que mandé.

Sinceramente, me parece normal, me considero programador junior, sin mucha experiencia y sin haber recibido ninguna clase de programación -quitando las de la universidad- pero pensaba que las empresas buscaban gente así, sin mucha experiencia y con ganas de aprender -moldeables vamos.

Mientras llega el día esperado solo me queda ir aprendiendo por mi cuenta, y quien sabe, igual poco a poco, aprendiendo cada día algo nuevo llego al punto en que yo rechazaré a estas empresas.

Si sabéis de alguna buena oferta no dudéis en hacérmela llegar.

Esta mañana me había decidido a ponerme a toquetear el API de Twitter pero en cuanto he ido ha buscar un poco de información me han informado de este post en Gran Impetu.

Así que no me ha hecho falta ponerme a tocar mucho, simplemente mirarme el código, eso sí un buen rato porque no me funcionaba y simplemente era un error tonto.

Está hecho con JSON y es realmente simple, y yo como creo que no es necesario mostrar el tiempo que hace que se envió lo he simplificado aún más.

La primera parte del código que consiste en la función que escoge con que atributos del JSON que nos devuelve el API nos quedamos:

<script type="text/javascript">
function twitterCallback(obj) {
    document.getElementById('my_twitter_status').innerHTML = obj[0].text;
}
</script>

La siguiente es el código HTML con la ID correcta para que se inserte el texto extraído mediante la función anterior:

<span id="my_twitter_status"></span> — <a href="http://twitter.com/USER">todos</a>

Y por último el código que carga todo el script, es recomendable ponerlo al final de todo, ya que si el API de Twitter no funciona tardará un rato en cargar.

<script type="text/javascript" src="http://www.twitter.com/statuses/user_timeline/USER.json?callback=twitterCallback&count=1"></script>

Para que funcione correctamente habrá que cambiar USER por tu usuario en Twitter y nada más. Como información alternativa decir que el array obtenido contiene: user, created_at, truncated, text, source y id.

tumblr por defecto no incluye la posibilidad de añadir comentarios pero gracias a Disqus se puede hacer de forma fácil.

Primero añade el siguiente código antes de la etiqueta {/block:Posts}:

<a href="{Permalink}#disqus_thread">Comments</a>

Y el siguiente después:

{block:Permalink}
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>
<div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/tuusuario/embed.js">
{/block:Permalink}

Y para acabar este último script que cuenta cuantos comentarios hay en cada post antes de la etiqueta </body>

<script type="text/javascript">
//<[CDATA[
(function() {
        links = document.getElementsByTagName('a');
        query = '?';
        for(var i = 0; i < links.length; i++) {
            if(links[i].href.indexOf('#disqus_thread') >= 0) {
                query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
            }
        }
        document.write('<script type="text/javascript" src="http://disqus.com/forums/tuusuario/get_num_replies.js' + query + '"></' + 'script>');
    }());
//]]>
</script>

Así de fácil, eso si hay que registrarse en Disqus y sacar las líneas de código de allí, las de aquí son solo un ejemplo.