5 lenguajes que escribo simultáneamente

Éstos son los idiomas que más tiempo hablo al cabo del día.

Quisiera explicar para todos los públicos qué lenguajes están involucrados en el desarrollo web, la función que desempeña de cada uno, y finalmente porqué me hacen gracia algunos comentarios.

#1 HTML

Este lenguaje se utiliza para definir qué elementos aparecen en pantalla y qué textos e imágenes contienen. Si hiciéramos una analogía con un editor de textos, este lenguaje sería el que describe “aquí el usuario ha escrito un párrafo”, “aquí el usuario ha insertado una imagen”, “aquí el usuario ha introducido una tabla de tres columnas y cuatro filas”.

#2 CSS

Este lenguaje se utiliza para definir qué aspecto tienen los elementos definidos con HTML. Siguiendo con la analogía del editor de textos, este lenguaje sería el que describe “el párrafo tiene este color, tipografía y separación con otros elementos”, “la imagen ocupa media pantalla y está alineada a la derecha”, “la tabla tiene bordes negros, finos y con las esquinas redondeadas”.

#3 JS (Javascript)

Este lenguaje nos permite modificar el contenido que se ha definido con los dos lenguajes anteriores. Ésto es especialmente útil en casos de diversa índole. En un listado de productos, permite filtrar aquellos que cumplen una condición (es decir, esconder el HTML que define aquellos que no la cumplen). En un simulador de préstamos, permite coger el valor que se ha introducido en cuantía y duración para calcular y mostrar la cuota mensual. Y así, un largo etcétera, pudiendo incluso preguntar al servidor por datos que no se enviaron inicialmente cuando se solicitó la página (y llegó el HTML y el CSS) para añadirlos en el documento cuando son necesarios.

#4 PHP

Este lenguaje sólo se ejecuta en el servidor, es decir, al contrario que los tres anteriores, nunca llega al navegador. Nos permite hacer cálculos y, antes de enviar el HTML que va a recibir el usuario, podemos personalizarlo con la información adecuada. Por ejemplo, cuando te identificas en una web, PHP es quien recoge tu usuario y tu clave, contrasta que son correctas, y a continuación devuelve un HTML donde lees un saludo con tu nombre.

#5 SQL

Este lenguaje también se ejecuta sólo en el servidor y sirve para que PHP pueda preguntar información a la base de datos o solicitarle que haga cambios. Con SQL podemos preguntar qué registros cumplen una condición, ej. “lístame las viviendas en valencia”; o podemos pedir cambios como “actualiza el usuario Mario con el teléfono 629373166” o “elimina el usuario Mario”.

Qué me hace gracia…

Entiendo que muchas personas ajenas a ésto tratan de imaginar a su manera cómo se hace una web y de su creatividad surgen frases curiosas.

¿Qué programa usas para hacer Webs?

No está preguntando qué entorno de desarrollo, están preguntando qué programa porque quizá esta persona utilizó en su día Dreamweaver o Frontpage pero yo no los he utilizado nunca. Utilizo un editor de textos. Yo abro un documento vacío y empiezo a escribir palabras. Doy órdenes al sistema y generalmente tras cierto rifi-rafe, éste suele obedecerme y hacer lo que pido.

No veo cómo se materializa tu trabajo

Esta persona quizá estaba más cerca de la realidad y esperaba verme escribir cosas como “botón verde en esquina superior izquierda”. No está lejos de la realidad, solo que ahí harían ya falta dos lenguajes (en efecto: HTML y CSS) asumiendo que el botón no hace nada de nada. Mi trabajo se materializa desde el primer pixel. Yo escribo todas las ordenes necesarias para que el navegador dibuje todo lo que ves. Obviamente, no tengo que definir cada curva de cada letra que compone la tipografía, ni qué color tiene cada pixel de una imagen. Pero sí tengo que indicar qué va, dónde va, cómo es, qué hace, …