SlideShare una empresa de Scribd logo
1 de 5
Descargar para leer sin conexión
ITSCHI                                                   Programación Web




Lenguajes programación del lado del cliente

La programación del lado del cliente tiene como principal ventaja que
la ejecución de la aplicación se delega al cliente, con lo cual se evita
recargar al servidor de trabajo. El servidor solo envía el código, y es
tarea del browser interpretarlo.

El navegador es una especie de aplicación capaz de interpretar las
órdenes recibidas en forma de código HTML fundamentalmente y
convertirlas en las páginas que son el resultado de dicha orden.

Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo
que pasa es que establecemos una petición de un archivo HTML
residente en el servidor (un ordenador que se encuentra
continuamente conectado a la red) el cual es enviado e interpretado
por nuestro navegador (el cliente).

Así pues, podemos hablar de lenguajes de 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. Por otro lado, los lenguajes de lado cliente
(entre los cuales no sólo se encuentra el HTML sino también el Java y
el Java Script los cuales son simplemente incluidos en el código
HTML) son aquellos que pueden ser directamente “digeridos” por el
navegador y no necesitan un pretratamiento.

Cada uno de estos tipos tiene por supuesto sus ventajas y sus
inconvenientes. Así, por ejemplo, un lenguaje de lado cliente es
totalmente independiente del servidor, lo cual permite que la página
pueda ser albergada en cualquier sitio sin necesidad de pagar más ya
que, por regla general, los servidores que aceptan páginas con scripts
de lado servidor son en su mayoría de pago o sus prestaciones son
muy limitadas. Inversamente, un lenguaje de lado servidor es
independiente del cliente por lo que es mucho menos rígido respecto
al cambio de un navegador a otro o respecto a las versiones del
mismo.
ITSCHI                                                  Programación Web


Lenguajes del lado cliente

HTML

El lenguaje llamado HTML indica al navegador donde colocar cada
texto, cada imagen o cada video y la forma que tendrán estos al ser
colocados en la página.

El lenguaje consta de etiquetas que tienen esta forma <B> o <P>.
Cada etiqueta significa una cosa, por ejemplo <B> significa que se
escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace,
etc. Casi todas las etiquetas tienen su correspondiente etiqueta de
cierre, que indica que a partir de ese punto no debe de afectar la
etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de
escribir en negrita. Así que el HTML no es más que una serie de
etiquetas que se utilizan para definir la forma o estilo que queremos
aplicar a nuestro documento. <B>Esto está en negrita</B>. Esta
página es un claro ejemplo de uso del HTML.



JAVASCRIPT

JavaScript es un lenguaje de programación utilizado para crear
pequeños programitas encargados de realizar acciones dentro del
ámbito de una página web. Se trata de un lenguaje de programación
del lado del cliente, porque es el navegador el que soporta la carga de
procesamiento. Su uso se basa fundamentalmente en la creación de
efectos especiales en las páginas y la definición de interactividades
con el usuario.

JavaScript es un lenguaje con muchas posibilidades, es orientado a
objetos, con funciones, estructuras de datos complejas, etc.

JavaScript no permite dos de las características clásicas de los
lenguajes orientados a objetos (herencia y polimorfismo), pero permite
la creación y manipulación de objetos sencillos, y la definición de
métodos y propiedades para dichos objetos.
ITSCHI                                                 Programación Web


Las sentencias escritas en JavaScript se encapsulan entre las
etiquetas <script> y </script>. Por ejemplo, si en el código de una
página web incluimos la sentencia

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-
8859-1" />
<title>Ejemplo JavaScript</title>
</head>
<body>
< script>
var respuesta = confirm("Aceptame o rechazame")
alert ("Has pulsado: " + respuesta)
< /script>
< /body>
< /html>



APPLETS DE JAVA

Es otra manera de incluir código a ejecutar en los clientes que
visualizan una página web. Se trata de pequeños programas hechos
en Java, que se transfieren con las páginas web y que el navegador
ejecuta en el espacio de la página.

Los applets de Java están programados en Java y precompilados, es
por ello que la manera de trabajar de éstos varía un poco con respecto
a los lenguajes de script como Javascript. Los applets son más
difíciles de programar que los scripts en Javascript y requerirán unos
conocimientos básicos o medios del lenguaje Java.

La principal ventaja de utilizar applets consiste en que son mucho
menos dependientes del navegador que los scripts en Javascript,
incluso independientes del sistema operativo del ordenador donde se
ejecutan. Además, Java es más potente que JavaScript, por lo que el
número de aplicaciones de los applets podrá ser mayor.
ITSCHI                                                Programación Web


Como desventajas en relación con Javascript cabe señalar que los
applets son más lentos de procesar y que tienen espacio muy
delimitado en la página donde se ejecutan, es decir, no se mezclan
con todos los componentes de la página ni tienen acceso a ellos. Es
por ello que con los applets de Java no podremos hacer directamente
cosas como abrir ventanas secundarias, controlar Frames, formularios,
capas, etc.



VISUAL BASIC SCRIPT

Es un lenguaje de programación de scripts del lado del cliente, pero
sólo compatible con Internet Explorer. Es por ello que su utilización
está desaconsejada a favor de Javascript.

Está basado en Visual Basic, un popular lenguaje para crear
aplicaciones Windows. Tanto su sintaxis como la manera de trabajar
están muy inspirados en él. Sin embargo, no todo lo que se puede
hacer en Visual Basic lo podremos hacer en Visual Basic Script, pues
este último es una versión reducida del primero.

El modo de funcionamiento de Visual Basic Script para construir
efectos especiales en páginas web es muy similar al utilizado en
Javascript y los recursos a los que se puede acceder también son los
mismos: el navegador.



CSS

CSS, es una tecnología que nos permite crear páginas web de una
manera más exacta. Gracias a las CSS somos mucho más dueños de
los resultados finales de la página, pudiendo hacer muchas cosas que
no se podía hacer utilizando solamente HTML, como incluir márgenes,
tipos de letra, fondos, colores… Incluso podemos definir nuestros
propios estilos en un archivo externo a nuestras páginas; así, si en
algún momento queremos cambiar alguno de ellos, automáticamente
se nos actualizarán todas las páginas vinculadas de nuestro sitio.
ITSCHI                                                Programación Web


DHTML

DHTML no es precisamente un lenguaje de programación. Más bien
se trata de una nueva capacidad de la que disponen los navegadores
modernos, por la cual se puede tener un mayor control sobre la página
que antes.

Cualquier página que responde a las actividades del usuario y realiza
efectos y funcionalidades se puede englobar dentro del DHTML, pero
en este caso nos referimos más a efectos en el navegador por los
cuales se pueden mostrar y ocultar elementos de la página, se puede
modificar su posición, dimensiones, color, etc.

DHTML nos da más control sobre la página, gracias a que los
navegadores modernos incluyen una nueva estructura para visualizar
en páginas web denominada capa. Las capas se pueden ocultar,
mostrar, desplazar, etc.

Para realizar las acciones sobre la página, como modificar la
apariencia de una capa, seguimos necesitando un lenguaje de
programación del lado del cliente como Javascript o VB Script?. En la
actualidad, DHTML también puede englobar la programación en el
servidor. Dentro del concepto de DHTML se engloban también las
Hojas de Estilo en Cascada o CSS (Cascade Style Sheets), que
veremos a continuación.

Más contenido relacionado

La actualidad más candente

Arquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezArquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezTito Jacobo Rodriguez
 
Lenguajes de Programación para Paginas Web
Lenguajes de Programación para Paginas WebLenguajes de Programación para Paginas Web
Lenguajes de Programación para Paginas WebAramis Andrade
 
Internet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebInternet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebJhon Querevalú
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorJose Felix Moran Agusto
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Webragmyl
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Webvictorluis19
 
Lenguaje de programación web
Lenguaje de programación webLenguaje de programación web
Lenguaje de programación webEduardo Alvarez
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptKarsarmi
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011John Florez
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011John Florez
 

La actualidad más candente (19)

Clase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo WebClase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo Web
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Clase 2 Lenguajes de Programación Web
Clase 2 Lenguajes de Programación WebClase 2 Lenguajes de Programación Web
Clase 2 Lenguajes de Programación Web
 
Arquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguezArquitectura cliente servidor rodofo jacobo rodriguez
Arquitectura cliente servidor rodofo jacobo rodriguez
 
Lenguajes de Programación para Paginas Web
Lenguajes de Programación para Paginas WebLenguajes de Programación para Paginas Web
Lenguajes de Programación para Paginas Web
 
Internet - Teconología para Sistemas Web
Internet - Teconología para Sistemas WebInternet - Teconología para Sistemas Web
Internet - Teconología para Sistemas Web
 
javascript
javascriptjavascript
javascript
 
Net Beans
Net BeansNet Beans
Net Beans
 
Lenguajes de programación web
Lenguajes de programación webLenguajes de programación web
Lenguajes de programación web
 
Programacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidorProgramacion web-Lenguajes del lado del servidor
Programacion web-Lenguajes del lado del servidor
 
Lenguajes De Programación Web
Lenguajes De Programación WebLenguajes De Programación Web
Lenguajes De Programación Web
 
EQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILASEQUIPO 2,2A PARTE DE LAS AGUILAS
EQUIPO 2,2A PARTE DE LAS AGUILAS
 
Manual programacion-javascript-parte1
Manual programacion-javascript-parte1Manual programacion-javascript-parte1
Manual programacion-javascript-parte1
 
JSP
JSPJSP
JSP
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Web
 
Lenguaje de programación web
Lenguaje de programación webLenguaje de programación web
Lenguaje de programación web
 
Aprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScriptAprendiendo a Programas en 4 horas JavaScript
Aprendiendo a Programas en 4 horas JavaScript
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
 
Lenguajes de desarrollo web 2011
Lenguajes  de  desarrollo  web 2011Lenguajes  de  desarrollo  web 2011
Lenguajes de desarrollo web 2011
 

Destacado

Depois desta conversa ficou tudo diferente!
Depois desta conversa ficou tudo diferente!Depois desta conversa ficou tudo diferente!
Depois desta conversa ficou tudo diferente!Bruno Lima
 
Poderá ser considerado crime, o seu não entendimento.
Poderá ser considerado crime, o seu não entendimento.Poderá ser considerado crime, o seu não entendimento.
Poderá ser considerado crime, o seu não entendimento.Bruno Lima
 
Colombia - Zulay Galvis T
Colombia - Zulay Galvis TColombia - Zulay Galvis T
Colombia - Zulay Galvis TZulay Galvis
 
Cuadernillo consulta votos válidos
Cuadernillo consulta votos válidosCuadernillo consulta votos válidos
Cuadernillo consulta votos válidosConsuelo Valle
 

Destacado (7)

Depois desta conversa ficou tudo diferente!
Depois desta conversa ficou tudo diferente!Depois desta conversa ficou tudo diferente!
Depois desta conversa ficou tudo diferente!
 
Econews
EconewsEconews
Econews
 
Poderá ser considerado crime, o seu não entendimento.
Poderá ser considerado crime, o seu não entendimento.Poderá ser considerado crime, o seu não entendimento.
Poderá ser considerado crime, o seu não entendimento.
 
Colombia - Zulay Galvis T
Colombia - Zulay Galvis TColombia - Zulay Galvis T
Colombia - Zulay Galvis T
 
Camilo 36
Camilo 36Camilo 36
Camilo 36
 
Cuadernillo consulta votos válidos
Cuadernillo consulta votos válidosCuadernillo consulta votos válidos
Cuadernillo consulta votos válidos
 
TAREA 5
TAREA 5TAREA 5
TAREA 5
 

Similar a 2.2 lenguajes del lado cliente

Similar a 2.2 lenguajes del lado cliente (20)

Dinamicas
DinamicasDinamicas
Dinamicas
 
Dinamicas
DinamicasDinamicas
Dinamicas
 
JAVASCRIP
JAVASCRIPJAVASCRIP
JAVASCRIP
 
P web(2.2,'entorno bd web')
P web(2.2,'entorno bd web')P web(2.2,'entorno bd web')
P web(2.2,'entorno bd web')
 
Presentacion 2.2
Presentacion 2.2Presentacion 2.2
Presentacion 2.2
 
Plataformas cliente servidor
Plataformas cliente servidorPlataformas cliente servidor
Plataformas cliente servidor
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
"Publicar en Internet"
"Publicar en Internet""Publicar en Internet"
"Publicar en Internet"
 
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEBEQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
EQUIPO 2,2A PARTE DE REVISION DE TECNOLOGIAS WEB
 
Java Web - Introduccion
Java Web - IntroduccionJava Web - Introduccion
Java Web - Introduccion
 
Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1Resultado de aprendizaje 2.1.1
Resultado de aprendizaje 2.1.1
 
Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?Diseño Web: Qué necesitamos para empezar?
Diseño Web: Qué necesitamos para empezar?
 
paginas web
paginas web paginas web
paginas web
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1
 
Guia java script
Guia java scriptGuia java script
Guia java script
 
Servidores web
Servidores webServidores web
Servidores web
 
Servidores web
Servidores webServidores web
Servidores web
 

2.2 lenguajes del lado cliente

  • 1. ITSCHI Programación Web Lenguajes programación del lado del cliente La programación del lado del cliente tiene como principal ventaja que la ejecución de la aplicación se delega al cliente, con lo cual se evita recargar al servidor de trabajo. El servidor solo envía el código, y es tarea del browser interpretarlo. El navegador es una especie de aplicación capaz de interpretar las órdenes recibidas en forma de código HTML fundamentalmente y convertirlas en las páginas que son el resultado de dicha orden. Cuando nosotros pinchamos sobre un enlace hipertexto, en realidad lo que pasa es que establecemos una petición de un archivo HTML residente en el servidor (un ordenador que se encuentra continuamente conectado a la red) el cual es enviado e interpretado por nuestro navegador (el cliente). Así pues, podemos hablar de lenguajes de 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. Por otro lado, los lenguajes de lado cliente (entre los cuales no sólo se encuentra el HTML sino también el Java y el Java Script los cuales son simplemente incluidos en el código HTML) son aquellos que pueden ser directamente “digeridos” por el navegador y no necesitan un pretratamiento. Cada uno de estos tipos tiene por supuesto sus ventajas y sus inconvenientes. Así, por ejemplo, un lenguaje de lado cliente es totalmente independiente del servidor, lo cual permite que la página pueda ser albergada en cualquier sitio sin necesidad de pagar más ya que, por regla general, los servidores que aceptan páginas con scripts de lado servidor son en su mayoría de pago o sus prestaciones son muy limitadas. Inversamente, un lenguaje de lado servidor es independiente del cliente por lo que es mucho menos rígido respecto al cambio de un navegador a otro o respecto a las versiones del mismo.
  • 2. ITSCHI Programación Web Lenguajes del lado cliente HTML El lenguaje llamado HTML indica al navegador donde colocar cada texto, cada imagen o cada video y la forma que tendrán estos al ser colocados en la página. El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P> significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en negrita</B>. Esta página es un claro ejemplo de uso del HTML. JAVASCRIPT JavaScript es un lenguaje de programación utilizado para crear pequeños programitas encargados de realizar acciones dentro del ámbito de una página web. Se trata de un lenguaje de programación del lado del cliente, porque es el navegador el que soporta la carga de procesamiento. Su uso se basa fundamentalmente en la creación de efectos especiales en las páginas y la definición de interactividades con el usuario. JavaScript es un lenguaje con muchas posibilidades, es orientado a objetos, con funciones, estructuras de datos complejas, etc. JavaScript no permite dos de las características clásicas de los lenguajes orientados a objetos (herencia y polimorfismo), pero permite la creación y manipulación de objetos sencillos, y la definición de métodos y propiedades para dichos objetos.
  • 3. ITSCHI Programación Web Las sentencias escritas en JavaScript se encapsulan entre las etiquetas <script> y </script>. Por ejemplo, si en el código de una página web incluimos la sentencia <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso- 8859-1" /> <title>Ejemplo JavaScript</title> </head> <body> < script> var respuesta = confirm("Aceptame o rechazame") alert ("Has pulsado: " + respuesta) < /script> < /body> < /html> APPLETS DE JAVA Es otra manera de incluir código a ejecutar en los clientes que visualizan una página web. Se trata de pequeños programas hechos en Java, que se transfieren con las páginas web y que el navegador ejecuta en el espacio de la página. Los applets de Java están programados en Java y precompilados, es por ello que la manera de trabajar de éstos varía un poco con respecto a los lenguajes de script como Javascript. Los applets son más difíciles de programar que los scripts en Javascript y requerirán unos conocimientos básicos o medios del lenguaje Java. La principal ventaja de utilizar applets consiste en que son mucho menos dependientes del navegador que los scripts en Javascript, incluso independientes del sistema operativo del ordenador donde se ejecutan. Además, Java es más potente que JavaScript, por lo que el número de aplicaciones de los applets podrá ser mayor.
  • 4. ITSCHI Programación Web Como desventajas en relación con Javascript cabe señalar que los applets son más lentos de procesar y que tienen espacio muy delimitado en la página donde se ejecutan, es decir, no se mezclan con todos los componentes de la página ni tienen acceso a ellos. Es por ello que con los applets de Java no podremos hacer directamente cosas como abrir ventanas secundarias, controlar Frames, formularios, capas, etc. VISUAL BASIC SCRIPT Es un lenguaje de programación de scripts del lado del cliente, pero sólo compatible con Internet Explorer. Es por ello que su utilización está desaconsejada a favor de Javascript. Está basado en Visual Basic, un popular lenguaje para crear aplicaciones Windows. Tanto su sintaxis como la manera de trabajar están muy inspirados en él. Sin embargo, no todo lo que se puede hacer en Visual Basic lo podremos hacer en Visual Basic Script, pues este último es una versión reducida del primero. El modo de funcionamiento de Visual Basic Script para construir efectos especiales en páginas web es muy similar al utilizado en Javascript y los recursos a los que se puede acceder también son los mismos: el navegador. CSS CSS, es una tecnología que nos permite crear páginas web de una manera más exacta. Gracias a las CSS somos mucho más dueños de los resultados finales de la página, pudiendo hacer muchas cosas que no se podía hacer utilizando solamente HTML, como incluir márgenes, tipos de letra, fondos, colores… Incluso podemos definir nuestros propios estilos en un archivo externo a nuestras páginas; así, si en algún momento queremos cambiar alguno de ellos, automáticamente se nos actualizarán todas las páginas vinculadas de nuestro sitio.
  • 5. ITSCHI Programación Web DHTML DHTML no es precisamente un lenguaje de programación. Más bien se trata de una nueva capacidad de la que disponen los navegadores modernos, por la cual se puede tener un mayor control sobre la página que antes. Cualquier página que responde a las actividades del usuario y realiza efectos y funcionalidades se puede englobar dentro del DHTML, pero en este caso nos referimos más a efectos en el navegador por los cuales se pueden mostrar y ocultar elementos de la página, se puede modificar su posición, dimensiones, color, etc. DHTML nos da más control sobre la página, gracias a que los navegadores modernos incluyen una nueva estructura para visualizar en páginas web denominada capa. Las capas se pueden ocultar, mostrar, desplazar, etc. Para realizar las acciones sobre la página, como modificar la apariencia de una capa, seguimos necesitando un lenguaje de programación del lado del cliente como Javascript o VB Script?. En la actualidad, DHTML también puede englobar la programación en el servidor. Dentro del concepto de DHTML se engloban también las Hojas de Estilo en Cascada o CSS (Cascade Style Sheets), que veremos a continuación.