3.- Programación del lado del cliente

3.1 Introducción al Lenguaje 

La programación del lado servidor que son aquellos lenguajes que son reconocidos, ejecutados e interpretados por el propio servidor y que se envían al cliente en un formato comprensible para él. Existe una multitud de lenguajes concebidos o no para Internet. 

Cada uno de ellos explota más a fondo ciertas características que lo hacen más o menos útiles para desarrollar distintas aplicaciones. 

Un lenguaje del lado del servidor es aquel que se ejecuta en el servidor web, justo antes de que se envíe la página a través de Internet al cliente. Las páginas que se ejecutan en el servidor pueden realizar accesos a bases de datos, conexiones en red, y otras tareas para crear la página final que verá el cliente. 

Los lenguajes del lado del servidor son utilizados para desarrollar paginas dinámicas y estos medios son: 

ASP (Active Server Pages) 

JSP (Java Server Pages) 

PERL (Practical Extension and Report Languaje) 

PHP (Hypertext Preprocessor) 

Cada lenguaje de programación tiene sus símbolos y palabras reservadas por eso es importante conocer las características de cada uno pues, cuando se utiliza PHP, es importante utilizar los signos de interrogación pues marcan el inicio y el final de un documento, además de saber el significado de las palabras como; “echo” que permite la salida de información y los tipos de formatos que son admitidos. Cuando se habla de SQL el cual es un lenguaje del servidor, se trata de saber también las palabras de uso como; “SELECT”, “FROM”, “TO”, “UPDATE”, “AND”, “OR”, etc. 

3.3 Estructuras de Control

Los programas que se pueden realizar utilizando solamente variables y operadores son una simple sucesión lineal de instrucciones básicas. 

Sin embargo, no se pueden realizar programas que muestren un mensaje si el valor de una variable es igual a un valor determinado y no muestren el mensaje en el resto de casos. 

Tampoco se puede repetir de forma eficiente una misma instrucción, como por ejemplo sumar un determinado valor a todos los elementos de un array. 

Para realizar este tipo de programas son necesarias las estructuras de control de flujo, que son instrucciones del tipo "si se cumple esta condición, hazlo; si no se cumple, haz esto otro". También existen instrucciones del tipo "repite esto mientras se cumpla esta condición". 

Si se utilizan estructuras de control de flujo, los programas dejan de ser una sucesión lineal de instrucciones para convertirse en programas inteligentes que pueden tomar decisiones en función del valor de las variables. 

3.4 Manipulación de objetos 

La manipulación de objetos sigue los mismos principios que en el lenguaje de programación que se esté utilizando. 

Una de las características de estos objetos es la función para la cual están diseñados, de hecho la mayoría de las ocasiones tienen más de una función. 

En JavaScript, muchas funciones para cada uno de los objetos, incluyendo el navegador y la ventana que lo contiene, han sido definidas previamente; 

adicionalmente, el usuario puede definir funciones de acuerdo a sus necesidades, por ejemplo el código: 

function comeLaLetraA(Texto){ 

var TextoNuevo = “”; while(letras en el Texto recibido){ 

//lee la siguiente letra //si esta letra no es «a» añádela al nuevo texto } 

return TextoNuevo; }Añade una nueva función al documento utilizado para crear una página web 

Shady Grove, Aeolian 

Over the River, Charlie, Dorian 

El Modelo de Objetos de Documento (DOM – Document Object Model -) describe cómo todos los elementos en una página HTML, tales como campos de entrada, imágenes, etc, se relacionan con la estructura más alta: el propio documento. Llamando al elemento por su nombre correcto DOM, podemos influir en él mediante un lenguaje de programación, e,g. Javascript, Java, etc. 

JavaScript por si solo tiene muchas limitaciones pero se han desarrollado muchas y excelentes librerias que le han dado realmente contenido dinámico al desarrollo web. jQuery es uno de los complementos más esenciales para el desarrollo web, usado en millones de sitios en toda la web, ya que nos facilita mucho el desarrollo de aplicaciones enriquecidas del lado del cliente, en Javascript, compatibles con todos los navegadores. 

jQuery no es un lenguaje, sino una serie de funciones y métodos de Javascript. Por tanto, Javascript es el lenguaje y jQuery es una librería que podemos usar opcionalmente si queremos facilitar nuestra vida cuando programamos en Javascript. A veces nos podemos referir a jQuery como framework o incluso como un API de funciones, útiles en la mayoría de proyectos web. 

La gran difusión de Ajax y Javascript es notable en muchos proyectos en Internet. Sin embargo hay que considerar que algunos navegadores tienen deshabilitado Javascript por defecto. Lo cual hace necesario que se habilite en cada máquina cliente.Para que estos códigos funcionen en Mozilla Firefox es necesarioSelecciona “Herramientas”Selecciona “Opciones”Selecciona “Contenido”Selecciona la casillla de ‘Habilitar JavaScript’ y darle clic en OK 

write 

Permite escribir texto html desde Javascript. El texto se escribe directamente el body del html. 

REPORT THIS AD 

Es la forma más fácil de escribir HTML desde Javascript, lo cual no quiere decir que es la mejor manera de escribir código HTML desde Javascript o incluso que va a trabajar en todas las situaciones. De hecho, el método document.write es muy limitado en lo que puedes hacer con él. 

El lector debe considerar que document.write sólo funciona con las página que el navegador procesa como HTML.