¿Qué necesitamos conocer para crear un sitio o aplicación web?

¿Qué necesitamos conocer para crear un sitio o aplicación web?

Bueno, comencemos con HTML. Básicamente HTML nos proporciona la estructura para todo lo que necesitamos. Este es un conjunto de etiquetas que nos permite crear controles como una caja de texto, estructura en forma tabular o secciones que contendrán otras etiquetas. 

Es posible crear un sitio web solamente con HTML, sin necesidad de usar ningún lenguaje de programación. Sin embargo, esto nos limita a tener contenido estático, es decir, toda la información que nuestro sitio visualiza no es obtenida de ninguna fuente como una base de datos u otra, ni existe la posibilidad de que alguien consulte información basado en algún criterio de búsqueda. Como fue construida, así se visualizará.

Para solucionar este problema, existen los lenguajes de programación. Aunque no nos compete entrar en detalles en este tema todavía, es bueno conocer un poco de ellos por el momento. Existen varias alternativas de lenguajes de programación: Java, C# y Visual Basic Net (Visual Studio), PHP, Ruby, etc. Todos son lenguajes que se ejecutan en el servidor. ¿Qué significa esto? Bueno, simplemente que el código programado en estos lenguajes solamente puede ser entendido y ejecutado en la máquina servidor que hospeda el sitio web. Dentro de este servidor existe software especial que lee el código y lo procesa. Mucha de la magia para proporcionar contenido dinámico al usuario ocurre aquí. Esto consiste en la posibilidad de hacer consultas y obtener información específica sobre algo.

Ahora, ya sabiendo un poco sobre los lenguajes de programación que se ejecutan del lado del servidor, es lógico hacernos la siguiente pregunta: ¿Las etiquetas HTML son ejecutadas y procesadas en el servidor? Pues no, más bien éstas son procesadas por el navegador, es decir en nuestras máquinas. El software del lado del servidor ignora éstas etiquetas y no las procesa, enviándolas como fueron escritas a nuestro navegador. El navegador las lee y realiza todo el proceso sobre ellas. Cabe destacar que si usted ve el código fuente generado en la página (por ejemplo, en Firefox damos clic derecho sobre la página y seleccionamos Ver código fuente de la página) solamente veremos código HTML y otras cosas más que analizaremos más adelante, pero no está por ningún lado el código del lado del servidor. ¿Qué pasó? Bien, sencillamente el servidor lo procesó y (si lo requería) generó HTML y otras cosas que el navegador pueda entender. El navegador no entiende el código del lenguaje del lado del servidor!!!!! Interesante no.

Lo siguiente a ver es el Javascript. ¿Qué es Javascript? Bueno, es un lenguaje de programación del lado del cliente. ¿Del lado del cliente? Si, éste lenguaje es procesado por el navegador, al igual que el HTML, con la diferencia que HTML no es un lenguaje de programación. HTML es un lenguaje de marcado o de marcas, es decir, proporciona etiquetas o marcas que contienen información acerca de la estructura de la página. Ambos, HTML y Javascript, solo necesitan que un navegador esté instalado y el procesará todo.

Ahora, ¿qué podemos hacer con Javascript? Con Javascript tenemos acceso a cualquier etiqueta que exista en la estructura de la página. Por ejemplo, todos los controles de formulario los tenemos disponibles. De esta manera, podríamos validar los datos que un usuario proporciona a través de dichos controles y mostrar un mensaje de validación según sea el caso. Además, se podría cambiar los valores predeterminados para los atributos de cada etiqueta. Esto lo veremos más adelante.