Lenguajes del lado del servidor, cliente...HTML?...que es eso?

Añade Tu Web Al Directorio de NocionDigital.com

El titulo es tan confuso como puede llegar a ser este articulo, lo digo por que probablemente el titulo no corresponda al contenido del mismo.
Esto se debe a una pregunta que me hicieron el otro dia, una persona que no sabia la diferencia entre lenguajes del lado del servidor y leanguajes del lado del cliente, como tampoco la funcion de HTML dentro de este contexto.

Primero que todo, se supone un concepto basico de HTML para la explicacion de este articulo, segundo no voy a enseñar a programar en ASP ni en PHP, vamos a entender(eso espero :P) la diferencia entre lenguajes del lado del cliente, del servidor y como todos utilizan HTML para la
comunicacion con el cliente.

Que sabemos del codigo html?...

_{<HTML>
<HEAD><TITLE>Hola mundo!</TITLE></HEAD>
<BODY>
Hola mundo!
</BODY>
</HTML>}

Eso es, lo ponemos en notepad, guardamos como .html y ejecutamos en nuestro navegador, obtenemos una pagina con el titulo "Hola mundo!" al igual que un texto con el mismo contenido.
Ahora, cual es la diferencia entre esta pagina .html y una pagina cuya terminacion es .asp ó .php?... bueno, ejecutemos alguna de esas paginas en nuestro navegador, por ejemplo esta misma en la que estamos leyendo esto, veamos el codigo fuente... vemos algo extraño?... todo es Codigo HTML y algunos scripts de Javascript, pero aparte de esto no hay nada que nos indique se se trata de una pagina php a parte de la extencion .php, por que?...quiere decir que HTML es lo mismo que PHP, por que yo no veo diferencia a una pagina convencional!, osea que programar en PHP es solamente cambiarle la extencion a un archivo .html!?...

Pues realmente no, la pagina .php contiene codigo que nosotros no vemos, lo que vemos es un codigo html que nos retorna despues de una serie de procesos que realiza del lado del servidor, por ejemplo veamos esta pagina .php :

_{<?php ?>
<HTML>
<HEAD><TITLE>Hola mundo!</TITLE></HEAD>
<BODY>
Hola mundo!
 
<?
for ($i=0;$i<10;$i++)
{
echo $i." ";
}
?>
</BODY>
</HTML>}

Ahora supongamos que ejecutamos dicha pagina, obtendremos en nuestro navegador el siguiente codigo HTML:

_{<HTML>
<HEAD><TITLE>Hola mundo!</TITLE></HEAD>
<BODY>
Hola mundo!
 
0 
1 
2 
3 
4 
5 
6 
7 
8 
9 
</BODY>
</HTML>}

Que paso?...El servidor se encargo de procesar el codigo php y devolver a nuestro navegador el codigo HTML, si ven como el HTML esta en todas las paginas?, por que es el estandar que se utiliza para mostrar Imagenes, textos, tablas y demas en las paginas, lo que hacen las paginas .php, .asp y demas es realizar una serie de procesos del lado del servidor para decidir que retornar al usuario.

Esto lo podemos ver en paginas donde nos exigen login y password, si los introducimos mal obtendremos un mensaje de error, si los introducimos correctamente seremos dirigidos a otra pagina, pero si vemos el codigo fuente nos daremos cuenta que es todo codigo HTML y en algunos casos scripts de Javascript o demas, lo que no vimos fue lo que paso del lado del servidor.

Ahora sobre los lenguajes del lado del cliente, estos le indican al navegador realizar una serie de acciones, por ejemplo el siguiente codigo:

_{<HTML>
<HEAD><TITLE>Hola mundo!</TITLE>
<SCRIPT LANGUAJE="Javascript">
alert("Hola mundo!");
</SCRIPT>
</HEAD>
<BODY>
Hola mundo!
</BODY>
</HTML>}

Si vemos el codigo de esta pagina desde nuestro navegador veremos exactamente lo mismo cuando lo ejecutamos tendremos una pagina con titulo "Hola mundo!" un texto con el mismo contenido y aparte de esto una alerta del navegador con el mensaje "Hola mundo!" esto es porque el navegador reconocio la instruccion alert() del lenguaje Javascript y la ejecuto segun las especificaciones que tiene el mismo, mostrandonos en pantalla dicho mensaje. Interesado en lenguajes del lado del servidor, del cliente?... informacion sobre estos lenguajes, tutoriales y mas en:

http://www.php.net/
http://www.asp.net/
http://www.webestilo.com/
http://www.htmlpoint.com/javascript/tutorial/