martes, septiembre 29, 2009

Aprenda hacer pagina Web, desde cero! (1)



La idea detrás de este articulo, es ayudar al lector a introducirse en el mundo Web y mas propiamente en la creación de las paginas.

Ademas de lo anteriormente expuesto, también se desea que el lector, aprenda a crear paginas valiendose de las mejores practicas y las técnicas mas adecuadas.

Manos a la obra.


Antes de iniciar deberíamos bajarnos algún programa para la edición de las paginas. En Internet existen infinidad de editores y muchos de ellos gratis. A mi en particular me gusta Aptana Studio, puedes buscar los detalles de la descarga aquí: http://www.aptana.com/.

Entendiendo el HTML.

HTML, es una lenguaje de marcado mediante el cual le indicamos al navegador de Internet, como deseamos que se renderice la información;

El lenguaje utiliza tags o lo que es lo mismo: etiquetas; y las mismas pueden tratarse como abiertas o cerradas, veamos un par de ejemplos;


Etiqueta abierta:

<tag> contenido </tag>

Etiqueta cerrada:

<tag/>

Como apreciara, la etiqueta abierta permite contenido u otras etiquetas dentro de si, por ejemplo si usted desea hacer un párrafo, podría hacerlo de la siguiente manera:

<p> Un párrafo </p>

Las etiquetas cerradas, a diferencia, son utilizadas para renderizar elementos sin contenido textual, algunos ejemplos:

Cambio de linea:
<br/>

Imagen:
<img src=”unaimagen.png”/>

Creando el esqueleto de nuestra pagina Web



Una pagina Web, en su forma mas general se compone por dos elementos, el encabezado y el cuerpo del documento. Ambos elementos se encapsulan dentro de las etiquetas “html”, que indica que estamos describiendo un documento HTML.




<html>
<head>
</head>
<body>
</body>
</html>




Si copias este código a tu editor de texto y lo salvas como index.html, puedes abrirlo en tu navegador favorito con lo cual obtendrás una pagina en blanco, lista para empezar a ser trabajada.



Un punto importante, que debemos entender, es que el body contendrá el contenido que se vera en la pagina y el encabezado contendrá la meta información para la pagina, mas adelante mostraremos los elementos que se pueden incluir en esta sección.



Por ejemplo, si usted coloca algún texto dentro de los tags body, y refresca la pagina en su navegador, podrá ver el contenido que escribió. Como notara, no necesita herramientas muy sofisticadas, inclusivo con el editor vi en Unix o notepad en Windows, puede ser suficientes, sin embargo es recomendado un IDE, que ayuda en el autocompletado de los tags, entre otras opciones.



CSS


Los CSS o estilos en cascada, son utilizados para darle formato a nuestra pagina, si hacemos nuestro trabajo correctamente, nunca deberíamos tener etiquetas para dar estilo a nuestras paginas, me refiero aspectos tales como: color, tipografías, bordes, alineamientos, etc.



Muchas de las etiquetas con las cuales podemos trabajar, contienen un estilo por defecto, por ejemplo:




<h1> Un titulo de tipo 1 </h1>




Si colocamos este texto, dentro de la etiqueta “body”, podemos apreciar que nuestro texto tiene un tamaño bastante grande, se encuentra sombreado e incluye márgenes izquierdos y superiores. En algunas ocasiones, podríamos desear personalizar desde cero nuestra pagina, de tal manera que las etiquetas no tengan ningún tipo de estilo, para ello podemos utilizar una técnica llamada “CSS reset” y para llevarla a cabo, podemos utilizar algunas librerías existentes, a mi en particular me gusta la de YUI, para ello solo incluya dentro de las etiquetas “head” la siguiente linea:




<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"/>




Una vez incluida esta linea, actualice su pagina, en el navegador de Internet y notara que su etiqueta “h1”, cambiara el estilo, mostrandose como un simple texto. De esta manera, usted puede empezar a dar el estilo que usted mejor prefiera.




Mas adelante estudiaremos la forma de utilizar los CSS, para dar formato, por ahora solo quería mencionar que existen y la forma de resetearlos.




Colocando el titulo a nuestra pagina.




Lo ultimo que vamos ha hacer, en esta primera entrega del tutorial, sera colocar el titulo de nuestra pagina, antes de aprender como, quiero dejar claro que al referirnos a titulo, nos referimos al titulo en la ventana del navegador y no en la pagina propiamente.




Para colocar el titulo, simplemente el siguiente tag, dentro del tag “head”:





<head>
<title>Mi titulo</title>
</head>





De esta manera, el titulo sera mostrado.




Esto es todo por ahora, pronto la segunda entrega.

viernes, septiembre 25, 2009

Reflexión acerca de Java y otros lenguajes (cual es el mejor)

Reflexión acerca de Java y otros lenguajes


Hace poco, me encontré bajo fuego cruzado, en medio de una guerra gueeks, donde se discutía el tema, si era Java el mejor lenguaje o no, que si este, que si otro, etc.

Yo antes de seguir adelante, quiero poner en claro que he sido programador, de Php, C++, VB, C#, Java y Perl; aunque debo reconocer que la mayor parte de mi experiencia, se centra en Java; Ya son mas de años desde que usaba Java con Forte o el IDE de Borland.

Yo he trabajado en varios lenguajes, y todos tienen sus pros y contras; a mi gusto personal, como lenguaje; C# al ser mas reciente, (aunque ya tiene sus años) es el mejor; aprendió muchas lecciones de Java, así como Java lo hizo de C++, lo que lo hacen unos de mis preferidos, junto con Groovy.

C++, me gusta por que las aplicaciones se sienten rápidas y te da mucha potencia y la posibilidad de llegar a niveles muy bajos, lo que te permite mas optimizacion y eficiencia, sin embargo, el lenguaje no esta hecho para ser compartido, y a veces no resulta sencillo tener varias versiones para diferentes OS, punto que Java supera en la practica y .Net intenta solo en la teoría.


C#; me inclino a decir que este lenguaje, "como lenguaje" es mejor que Java. Tiene sobrecarga de operadores (asunto que extraño demasiado de C++ en Java), se pueden manejar punteros si se ocupa y aunque Java ha empatado mucho su sintaxis y .Net ha complicando el lenguaje introducciendo pegas, como LinkQ en el lenguaje (no malentiendan, es cool, pero me parece que va lento, igual aclaro, solo implemente una prueba de concepto básica y probablemente con la conflagración mas pobre). A todo eso, me encanto programa en C#, en su momento me parecia mejor que Java y tome en cuenta que cuando aprendí C#, no existía Visual Studio, ni nada y todo se hacia a mano, es por eso que vi la belleza del lenguaje.

Ruby, Php, Python, Perl, etc; guau cuantos lenguajes con P (excepto Ruby claro), estos lenguajes ágiles la verdad los aborrezco bastante. Me resultan super tiesos e inseguros al no tener tipado fuerte, en el caso de Php, le pasa algo parecido que a C/C++; no es un lenguaje pensado para ser OOP desde el inicio y tiene demasiados parches, ni que decir de Perl, es tan OO como VB 6, osea!.
Los frameworks al estilo Rails, te ofrecen resultados de forma rápida, pero tienes que hacer las cosas como ellos dicen, me refiero al famoso Golden Way, lo cual me parece tiezo y por ende difícil de customizar. Si se toma en cuenta, que el 15% del esfuerzo en un sistema, se utiliza al construirlo y el resto en mantenerlo, vale la pena hacer algo, mantenible, fácil de entender y de lo que sintamos un dominio total sobre lo que hace por debajo (o al menos el mayor posible).

Java; Mira, nuestro querido Java, no supera en mi humilde opinión, a C++ o C# en poder, o lo que es lo mismo; como lenguaje. No es tan ágil como Perl, Php, Ruby, etc; aunque ahora puede correr lenguajes script (bastantes por cierto), que ayudan a tener mas dinamismo al programar y una sintaxis menos estricta. Ninguno iguala la portabilidad, he hecho aplicaciones en Swing y corren en Windows XP, Vista, Mac OS y diferentes distros de Linux, sin problema alguno.

En fin, si el lenguaje no es tan versátil o poderoso, que lo hace popular y que nos resiste a prescindir de el, pues aun usando Groovy, siento el sabor a Java, no creo que sea Swing y su portabilidad nada mas.

En mi humilde criterio, el poder de Java no reside en el lenguaje, ni siquiera en el SDK, que a diferencia de Ms, es propuesto y aprobado por una junta, conformada desde varios jugadores grandes, como IBM, Oracle, Sony Ericcson, etc, hasta profesores Universitarios. Pero nisiquiera esto y tampoco, los años que lleva el lenguaje desarrollando Apps, o Web, tampoco (casi 20).

El poder de Java reside en la comunidad, una comunidad volcada al código abierto, donde existen alternativas para las tecnologías estándar, que se vuelven de facto, además de extensiones, customizaciones, utilerias, etc, etc, etc, etc, etc.

El único punto, que reconozco a Php, en el campo del Open Source, son los Foros y CMS. En mi opinión, el código es deplorable, pero las funcionalidades van muy por delante de los esfuerzos de la comunidad Java.

Asi pues, mi tesis va por la comunidad y considero que es el alfa y omega de Java, son sus fuerte simientos, su sosten, todo su poder y tu que opinas?

martes, septiembre 22, 2009

Nueva canción de Sabina (un sabinaso desde su disco nuevo Vinagre y Rosas)

Afortunadamente, Joaquin es incansable y después del alivio de luto, nos da otro regalo, Vinagre y Rosa titula su nuevo disco y aquí una de sus canciones, dedicada al poeta fallecido, Angel Gonzales.



Un saludo,
J

domingo, septiembre 20, 2009

A primera vista

La primera canción, es la interpretación en español de Pedrito Aznar, la segunda el grande Chico cesar autor de la canción.

A primera vista - Pedro Aznar!


Cuando no tenía nada deseé
Cuando todo era ausencia esperé
Cuando tuve frío temblé
Cuando tuve coraje llamé

Cuando llegó carta la abrí
Cuando escuché a Prince (Salif Keita) bailé
Cuando el ojo brilló entendí
Cuando me crecieron alas volé

Cuando me llamó allá fui
Cuando me di cuenta estaba ahí
Cuando te encontré me perdí
En cuanto te vi me enamoré


CHICO CÉSAR - A PRIMEIRA VISTA




Quando não tinha nada, eu quis
Quando tudo era ausência, esperei
Quando tive frio, tremi
Quando tive coragem, liguei...

Quando chegou carta, abri
Quando ouvi prince, dancei
Quando o olho brilhou, entendi
Quando criei asas, voei...

Quando me chamou, eu vim
Quando dei por mim, tava aqui
Quando lhe achei, me perdi
Quando vi você, me apaixonei...

Amarazáia zoê, záia, záia
A hin hingá do hanhan.....
Ohhh!
Amarazáia zoê, záia, záia
A hin hingá do hanhan.....

Quando não tinha nada, eu quis
Quando tudo era ausência, esperei
Quando tive frio, tremi
Quando tive coragem, liguei...

Quando chegou carta, abri
Quando ouvi Salif Keita, dancei
Quando o olho brilhou, entendi
Quando criei asas, voei...

Quando me chamou, eu vim
Quando dei por mim, tava aqui
Quando lhe achei, me perdi
Quando vi você, me apaixonei...

Amarazáia zoê, záia, záia
A hin hingá do hanhan...
Ohhhhh!
Amarazáia zoê, záia, záia
A hin hingá do hanhan.....

Quando me chamou, eu vim
Quando dei por mim, tava aqui
Quando lhe achei, me perdi
Quando vi você, me apaixonei...

Amarazáia zoê, záia, záia
A hin hingá do hanhan....

Ohhhhh!
Amarazáia zoê, záia, záia
A hin hingá do hanhan...(2x)

Ohhhhh!
Amarazáia zoê, záia, záia...

-- El amor actua de misteriosas formas, resulta mejor no entenderlo, si no mas bién, recibelo alegre con los brazos abiertos en pares; como si fuera la ultima vez que pudieras tenerlo entre tus brazos --

Un saludo,
J

miércoles, septiembre 09, 2009

Cero futbol - estadio - tv nada proteste xq la sele apesta!



Ya en otras ocasiones había escrito acerca de la pésima actitud de la sele, desde que juega la copa de oro; se nota que no tiene un pensamiento ganador, ni ganas de competir y ser mejor.

Con el resultado de hoy, que suma tres derrotas, 8 goles recibidos y 3 partidos sin hacer un solo gol, ni uno solo desde aquel agónico gol de Froylan, contra México en la Semifinal de la copa de Oro.

Ya poco se puede hacer; esos maes no creo que hagan la hombrada de ganar en USA, tomando por hecho que le ganen a Trinidad, la piñata de la hexagonal (pues a como andan, todo puede pasar; empate o incluso perder, todo es posible con la mediocre sele). Sin embargo, con el nivel de la sele, hasta puede perder el repechaje, en vez de ganarle a Honduras el tercer puesto.

Pero en fin, esos son los hechos; el fútbol de CR, es mediocre y el campeonato poco competitivo; yo le propongo a usted aficionado del fútbol, que se abstenga todo lo que su fiebre le permita de ver fútbol, ir a los estadios, etc. Es importante mandar un mensaje a la dirigencia y a los jugadores, que los que pagamos sus salarios, estamos super inconformes y queremos un cambio y un, creo yo, merecido cuadro patrio, que nos de orgullo y pasión al ver el blanco, azul y rojo, dejando la sangre y las ganas en la cancha.

Un saludo,
J