LENGUAJES DE PROGRAMACIN WEB (PHP1,

HTML52)
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 1

Sesin No. 8
Nombre: Programacin del lado del cliente
Objetivo: Reconocer las ventajas que tiene la programacin para el cliente.

Contextualizacin

Qu permite la programacin del lado del cliente?

sta permite que la pgina se pueda ubicar en cualquier sitio, esto quiere decir
que la informacin estructurada en un documento Web no depende de la
disponibilidad de un servidor pues es totalmente independiente a este.

La programacin del cliente nos permite usar las nuevas capacidades de los
navegadores. Ofreciendo con esto un ambiente de mayor usabilidad, mejorando
en gran medida a experiencia del usuario.

Qu lenguajes de programacin pueden ser utilizados?

Los lenguajes de programacin que se pueden utilizar adems de HTML, son;

Javascript
Visual Basic Script
Applets de Java
Google Dart
Libreras como jQuery, Bootstrap, etc.
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 2

Introduccin al Tema

La programacin del lado del cliente est dirigida para el diseo de elementos,
pues permite la manipulacin de los objetos que complementan los sitios Web,
estos elementos de programacin son independientes al uso de un servidor en el
momento en que se crean pues solamente se ejecutan de manera local dentro
del equipo del programador o diseador.

Los elementos de programacin permiten a los creadores de los contenidos

manipular objetos dentro del documento, pues estos permiten el movimiento y
dinamismo de este creando la interaccin entre el usuario y los elementos. Todo
lo anterior nos permite tener un control total del documento. Pudiendo cambiar o
modificar objetos de la pgina, aun cuando sta ya est completamente
descargada en el navegador del usuario.

Actualmente se cuenta con diversos programas para desarrollar programacin

del lado del cliente. El ms popular, y que ha demostrado ser el ms efectivo
para este fin es JavaScript. Adems de sus cualidades, desarrolladas desde sus
creacin, este lenguaje cuenta con una gran variedad de liberaras, las cuales
nos permiten ampliar las posibilidades del lenguaje y facilitar el desarrollo de
programacin del lado del cliente.

Los diferentes lenguajes de programacin son siempre utilizados?

Los objetos que se crean son manipulables?
Qu es un elemento de programacin?
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 3

Explicacin
Programacin del lado del cliente

La programacin del lado del cliente, se trata de un lenguaje que se utiliza para
crear pequeos programas los cuales se encargan de cierto nmero de acciones
dentro de un sitio Web.

Esto se encuentra del lado del cliente. Qu quiere decir? De lo que trata es
explicar que el navegador puede soportar la carga de informacin al procesarla y
no depende de un medio ms poderoso para realizar esta tarea como un
servidor.

Toda esta programacin se puede crear mediante diferentes medios, los

lenguajes que se ofrecen para crear interactividad y funcionamiento deben
estructurarse de tal forma que al momento de su ejecucin puedan ser
funcionales y no choquen los cdigos entre s, previendo los problemas de
visualizacin.

Este medio de programacin por parte del usuario no solo trata de mencionar
que se crean scripts para los sitios, sino tambin que trata de la estructuras de
los estilos que se puedan ofrecer para que el contenido establecido tenga una
armona visual, esto mediante CSS, CSS3, HTML5, complementos de ejecucin
de Java entre otros ms.

Introduccin al lenguaje

Cuando se habla de un lenguaje no solo se trata de los modos fonticos de

comunicacin entre personal, o lenguaje de seas, tambin nos referimos a los
lenguajes de programacin mediante los cuales una persona puede comunicarse
con una computadora estructurando instrucciones de ejecucin de informacin,
de guardado de la misma o cualquier otra cosa. Un lenguaje puede ser del lado
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 4

del cliente o del lado del servidor, esto permite que las paginas al ser creadas
puedan ser visualizadas con la aplicacin de los plug-ins adecuados en los
cuales se encuentra la informacin de compatibilidad de cdigos y lectura e
interpretacin de los mismos.

Los lenguajes o scripts del lado del cliente, usualmente estn embebidos dentro
de un documento de HTML. En otros casos, el documento llama un archivo que
contiene el cdigo, esto es muy comn el caso del uso de libreras de JavaScript,
tales como Bootstrap o jQuery.

El script es ejecutado por el por el navegador, o dicindolo de una manera ms

exacta es interpretado.
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 5

Qu funcin cumple un navegador Web?

Un navegador Web es una aplicacin la cual es capaz de interpretar los cdigos

de rdenes que se reciben desde HTML.

Cuando se trata del lenguaje del lado del servidor puede decirse que son
reconocidos, ejecutados e interpretados por el servidor y se envan al cliente de
forma que este lo comprenda. Los lenguajes utilizados comnmente del lado del
servidor son;

ASP
Java
PERL
PHP

Existen ms lenguajes por los cuales se comunica el servidor, sin embargo los
anteriores son los ms utilizados comnmente.
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 6

Elementos de programacin

Los elementos de programacin los encontramos en todos los lenguajes de

programacin, por ejemplo en el lenguaje C++ palabras reservadas con las
cuales slo ese medio se reconocer y ejecutar para las aplicaciones que se
deseen desarrollar. Cuando hablamos de elementos de programacin se debe
poner atencin en los atributos que se manejen, pues si no se conoce el manejo
de maysculas y minsculas, lo nico que se desarrollar sern errores de
sintaxis y orden lgico.

Una ventaja de los elementos de programacin son, la creacin de programas,

subprogramas, procedimientos y funciones, lo que ofrece una gran variedad de
aplicaciones a desarrollar y soluciones que se pueden producir.

Manipulacin de objetos

La manipulacin de objetos cuenta con los mismos principios que los lenguajes
de programacin que se utilicen. Una de las caractersticas de los objetos es la
funcin u objetivo por el cual se crean.

Algunos de los objetos que son manipulables son mediante SQL, los que se
basan en las bases de datos que se almacenan en los servidores web, las
transformaciones que se les realizan son, eliminacin, creacin, agregar
elementos, eliminar elementos, etc.

La mayor parte de las aplicaciones multimedia son conocidas como vnculos a

otros elementos virtuales, esto permite que los usuarios puedan moverse
libremente por el contenido de modo intuitivo.

Cuando se define un diseo para una locacin Web es importante conocer los
elementos que sern manipulables, estos pueden ser mens, imgenes, textos o
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 7

cualquier otro elemento que podr maximizar su uso y crear un potencial dentro
de los datos de la pgina.

La manipulacin de los objetos se da conociendo las caractersticas principales

de los lenguajes de programacin y las formas en que se puede interactuar con
los mismos. A continuacin te muestro una imagen con los elementos
manipulables dentro de un documento Web. Esto se logra con un lenguaje como
JavaScript.
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 8

Conclusin

Actualmente los lenguajes de programacin presentan una gran posibilidad de

desarrollo y creacin de elementos multimedia interactivos, lo que es una ventaja
para quien desea que sus elementos web sean llamativos.

Conocer los elementos de programacin y su manipulacin es importante para

poder crear elementos compatibles entre s y que presenten un fcil acceso,
pues cuando los elementos no se definen correctamente pueden presentar
errores de compatibilidad y ejecucin con algunas plataformas, si no se cuenta
con los script adecuados para un elemento es mejor definirlo como sencillo en
lugar de interactivo.

La manipulacin de los objetos se puede dar en un sito o documento comn y en

medios ms especializados como las bases de datos que presentan un lenguaje
exclusivo y ms seguro que los otros elementos pues dependiendo de la
aplicacin con que gestionen presentar o no accesibilidad a casi todo usuario y
programador.
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 9

Para aprender ms

Hudson C. y Leadbetter T., (2012). HTML5 Developers Cookbook. U.S. Pearson

Education.

Tutorial Republic. (2014). Bootstrap Tutorial. Noviembre 22, 2015, de Tutorial

Republic Sitio web: http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/

Amundsen M. (2012). Hypermedia APIs with HTML5 and Node. U.S. OREILLY

Crowther R. (2013). Hello! HTML5 and CSS3. U.S. Manning Publications

Instituto Tecnolgico de Veracruz. (2012) Lenguaje de programacin del lado del

cliente. http://brd.unid.edu.mx/lenguaje-de-programacion-del-lado-del-cliente/

UHU. Elementos bsicos de programacin. http://brd.unid.edu.mx/elementos-

basicos-de-programacion/

Universidad de Mlaga
(2006). http://www.lcc.uma.es/~program1/apuntes/elementos/temavi_EP.pdf
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 10

Actividad de Aprendizaje
Objetivo: Explicar la composicin de los diferentes navegadores que existen.

Instrucciones:

Con la finalidad de reforzar los conocimientos adquiridos a lo largo de

esta sesin, ahora tendrs que realizar una actividad en la cual a travs
de un cuadro comparativo consideres navegadores Web y expliques sus
componentes principales, el cdigo por el cual se componen y a qu
plataformas estn dirigidas cada uno.

Puedes realizarlo en cualquier programa, al final tendrs que guardarlo como

formato PDF, con la finalidad de subirlo a la plataforma de la asignatura.

En esta actividad se tomar en cuenta lo siguiente:

Tus datos generales 3 puntos

Referencias bibliogrficas 7 puntos
Ortografa y redaccin 10 puntos
Introduccin 25 puntos
Contenido 55 puntos
 LENGUAJES DE PROGRAMACIN WEB (PHP, HTML5) 11

Bibliografa
Instituto Tecnolgico de Veracruz. (2012) Lenguaje de programacin del
lado del cliente. Consultado el 11 de mayo de 2013,
en: http://www.prograweb.com.mx/pweb/0202ladoCliente.html

s/a. Programacin del lado del cliente. Consultado el 11 de mayo de

2013, en: http://webmoeck.galeon.com/SEIS.html

s/a. Introduccin al lenguaje del lado del cliente. Consultado el 11 de

mayo de 2013,
en: http://www.estructurayprogramacion.com/materias/programacion-
web/introduccion-al-lenguaje-del-lado-del-cliente/

s/a. Introduccin al lenguaje del lado del servidor. Consultado el 11 de

mayo de 2013,
en: http://www.estructurayprogramacion.com/materias/programacion-
web/introduccion-al-lenguaje-del-lado-del-servidor/

Vaquero M. (2010) Web docente departamental. Consultado el 11 de

mayo de 2013,
en: http://www.deciencias.net/disenoweb/elaborardw/paginas/intro_html.ht
m

Universidad de Mlaga(2006). Elementos de programacin. Consultado el

11 de mayo de 2013,
en: http://www.lcc.uma.es/~program1/apuntes/elementos/temavi_EP.pdf

s/a. Manipulacin de objetos. Consultado el 11 de mayo de 2013,

en: http://www.estructurayprogramacion.com/materias/programacion-
web/manipulacion-de-objetos/