Hoy en día ya no es necesario hacer un sitio web desde cero, pero en algunos casos tiene sus ventajas. Una herramienta como siempre la menciono es WordPress, que nos ayuda a crear sitios sin saber programar. Dependiendo lo que te has propuesto como producto final, pero en términos generales es suficiente un CMS. En mi caso que trato con sistemas a medida si he tenido que investigar por alternativas. De todas formas, no sobra tener los conocimientos mínimos para diseñar una web desde cero, aunque no lo llegues a ese punto. Tener esta información te puede ayudar a resolver un problema técnico o incluso a desarrollar una funcionalidad a medida.
Programación y base de datos: enviar instrucciones y trabajar con datos
El punto acá es que necesitamos conocer para desarrollar algo a medida, la idea es aprender lo más necesario y luego especializarnos. Programar es una palabra que es muy amplia y hoy en día hay distintas herramientas para lograrlo. Sin embargo, debemos conocer lo que se denomina como la lógica de programación y más específicamente el pseudocódigo. Esto quiere decir que tal cuál es el lenguaje de los humanos queremos interpretar algo y darnos a entender. Las palabras como tal solo son la parte final, pero es más importante lo que tratamos de decir.
En la programación hay distintos comportamientos y para base de datos es parecido, entonces todo lo que necesitamos son las bases y el lenguaje vendrá después. Un ejemplo es mostrar un mensaje, puedo aprovechar internet y preguntar como se muestra un mensaje en Oracle, PHP o Java. Los conceptos más destacados serían las variables, las funciones, comparaciones y asignaciones. Evidentemente hay más, pero sería bueno empezar por este camino. En cuanto a base de datos hay que aprender a realizar consultas, crear tablas, editar y borrar datos entre otros varios. En este caso sería bueno estudiar todo lo relacionado con el CRUD, y por más que no lo vayamos a hacer directo es bueno saber que existe y cómo se realiza.
HTML: Lo que tienen en común todas las páginas web existentes
Al final de todo y sin importar el lenguaje de programación, todo se convierte a HTML. Más que un lenguaje es un protocolo que siempre está presente. El punto es que conocer algo de HTML nos permite realizar un análisis de lo que se ve en la página. En su estado más puro el HTML nos permite conocer en código todo lo que se ve y lo que no en el sitio web. Así mismo puede ser modificado, ocultado o re-ubicado. No es algo complicado y siempre lo puedes consultar en el código fuente desde tu navegador preferido. Recuerda que si quieres ver el HTML de una página en tu navegador se puede visualizar. Por ejemplo en Chrome puedes presionar (Ctrl + u) para ver el código fuente o también F12 para ver la consola del navegador.
CSS: El diseño básico y avanzado de los estilos de los sitios web
Saber algo de CSS tampoco hace daño ya que es el modificador por esencia de los sitios web. A veces no vemos algo en el lugar que queremos o simplemente no lo vemos y es gracias a este pequeño código. Va de lo más sencillo como colorear alguna parte de la página, cambiar fuentes y tamaños, hasta lo más complicado que es el manejo de animaciones, colores degradados, sombras y condicionales avanzadas. Gracias a CSS tenemos el diseño “responsive” que es la adaptación a distintos tamaños de pantalla. Recordemos que de todo esto solo debemos conocer lo más básico para empezar y que está implícito en todos los sitios web. Al igual que el HTML también podemos acceder a el con la consola del navegador.
JavaScript: interpretación y funcionalidades especiales por parte de los navegadores
Cada navegador tiene un pequeño intérprete de JS, esto es importante saberlo tanto por seguridad como usabilidad. En cualquier momento podemos obtener información del navegador, de la plataforma e incluso de la base de datos desde JS. Debo decir que siempre supe que existía, pero recién ahora me estoy documentando un poco sobre su uso. Tampoco es nada complicado y si puede ayudarnos con muchas funciones adicionales. Entre esto la librería JQuery es muy conocida por que permite acceder a funcionalidades prefabricadas. Además, es independiente de la base de datos y del lenguaje de programación que se use. También es bueno saber que cada navegador funciona con un JS diferente y esta es la razón por la cual a veces no funciona una cosa en Chrome, otra en Firefox, ninguna en Internet Explorer…
En resumen, los conocimientos mínimos para diseñar una web desde cero son 5 para empezar
Primero saber algo de base de datos, principalmente SQL. Luego conocer cómo programar y elegir un lenguaje de programación. Para esto depende para que lo quieres aprender, y siempre va en gustos, en mi caso el proyecto Kentana trabaja en PHP. Para finalizar tener algunas bases sobre HTML, CSS y JavaScript.
En el caso de Kentana Core no sabía nada de PHP, pero ubique CodeIgniter como herramienta y el resto lo voy buscando en internet. En cuanto a HTML y CSS ya sabía algunas cosas, aunque ahora se han actualizado a HTML5 y CSS3. Igualmente sabía algo de JavaScript, pero no lo había visto en profundidad, lo curioso es que si lo había usado bastante. Ahora lo que se debe hacer es pensar independiente de todo esto, el software que voy a crear para qué es y que debería tener. A veces nos dejamos influenciar de algún lenguaje en particular y pensamos en base a estos. Pero lo importante es crear algo en forma de idea y luego ver cómo se puede adaptar las herramientas para que el software haga lo que queremos.
Photo by Johnny does