Download lenguajes de programación web (php1, html52)

LENGUAJES DE PROGRAMACIÓN WEB (PHP1,
HTML52)
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Sesión No. 8
Nombre: Programación del lado del cliente
Objetivo: Reconocer las ventajas que tiene la programación para el cliente.
Contextualización
¿Qué permite la programación del lado del cliente?
Ésta permite que la página se pueda ubicar en cualquier sitio, esto quiere decir
que la información estructurada en un documento Web no depende de la
disponibilidad de un servidor pues es totalmente independiente a este.
La programación 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 programación pueden ser utilizados?
Los lenguajes de programación que se pueden utilizar además de HTML, son;
Javascript
Visual Basic Script
Applets de Java
Google Dart
Librerías como jQuery, Bootstrap, etc.
1
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Introducción al Tema
La programación del lado del cliente está dirigida para el diseño de elementos,
pues permite la manipulación de los objetos que complementan los sitios Web,
estos elementos de programación 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 diseñador.
Los elementos de programación permiten a los creadores de los contenidos
manipular objetos dentro del documento, pues estos permiten el movimiento y
dinamismo de este creando la interacción entre el usuario y los elementos. Todo
lo anterior nos permite tener un control total del documento. Pudiendo cambiar o
modificar objetos de la página, aun cuando ésta ya esté completamente
descargada en el navegador del usuario.
Actualmente se cuenta con diversos programas para desarrollar programación
del lado del cliente. El más popular, y que ha demostrado ser el más efectivo
para este fin es JavaScript. Además de sus cualidades, desarrolladas desde sus
creación, este lenguaje cuenta con una gran variedad de liberarías, las cuales
nos permiten ampliar las posibilidades del lenguaje y facilitar el desarrollo de
programación del lado del cliente.
¿Los diferentes lenguajes de programación son siempre utilizados?
¿Los objetos que se crean son manipulables?
¿Qué es un elemento de programación?
2
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Explicación
Programación del lado del cliente
La programación del lado del cliente, se trata de un lenguaje que se utiliza para
crear pequeños programas los cuales se encargan de cierto número 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 información al procesarla y
no depende de un medio más poderoso para realizar esta tarea como un
servidor.
Toda esta programación 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 ejecución puedan ser
funcionales y no choquen los códigos entre sí, previendo los problemas de
visualización.
Este medio de programación por parte del usuario no solo trata de mencionar
que se crean scripts para los sitios, sino también que trata de la estructuras de
los estilos que se puedan ofrecer para que el contenido establecido tenga una
armonía visual, esto mediante CSS, CSS3, HTML5, complementos de ejecución
de Java entre otros más.
Introducción al lenguaje
Cuando se habla de un lenguaje no solo se trata de los modos fonéticos de
comunicación entre personal, o lenguaje de señas, también nos referimos a los
lenguajes de programación mediante los cuales una persona puede comunicarse
con una computadora estructurando instrucciones de ejecución de información,
de guardado de la misma o cualquier otra cosa. Un lenguaje puede ser del lado
3
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
del cliente o del lado del servidor, esto permite que las paginas al ser creadas
puedan ser visualizadas con la aplicación de los plug-ins adecuados en los
cuales se encuentra la información de compatibilidad de códigos y lectura e
interpretación de los mismos.
Los lenguajes o scripts del lado del cliente, usualmente están embebidos dentro
de un documento de HTML. En otros casos, el documento llama un archivo que
contiene el código, esto es muy común el caso del uso de librerías de JavaScript,
tales como Bootstrap o jQuery.
El script es ejecutado por el por el navegador, o diciéndolo de una manera más
exacta es interpretado.
4
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
¿Qué función cumple un navegador Web?
Un navegador Web es una aplicación la cual es capaz de interpretar los códigos
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 envían al cliente de
forma que este lo comprenda. Los lenguajes utilizados comúnmente del lado del
servidor son;
ASP
Java
PERL
PHP
Existen más lenguajes por los cuales se comunica el servidor, sin embargo los
anteriores son los más utilizados comúnmente.
5
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Elementos de programación
Los elementos de programación los encontramos en todos los lenguajes de
programación, por ejemplo en el lenguaje C++ palabras reservadas con las
cuales sólo ese medio se reconocerá y ejecutará para las aplicaciones que se
deseen desarrollar. Cuando hablamos de elementos de programación se debe
poner atención en los atributos que se manejen, pues si no se conoce el manejo
de mayúsculas y minúsculas, lo único que se desarrollará serán errores de
sintaxis y orden lógico.
Una ventaja de los elementos de programación son, la creación de programas,
subprogramas, procedimientos y funciones, lo que ofrece una gran variedad de
aplicaciones a desarrollar y soluciones que se pueden producir.
Manipulación de objetos
La manipulación de objetos cuenta con los mismos principios que los lenguajes
de programación que se utilicen. Una de las características de los objetos es la
función 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, eliminación, creación, agregar
elementos, eliminar elementos, etc.
La mayor parte de las aplicaciones multimedia son conocidas como vínculos a
otros elementos virtuales, esto permite que los usuarios puedan moverse
libremente por el contenido de modo intuitivo.
Cuando se define un diseño para una locación Web es importante conocer los
elementos que serán manipulables, estos pueden ser menús, imágenes, textos o
6
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
cualquier otro elemento que podrá maximizar su uso y crear un potencial dentro
de los datos de la página.
La manipulación de los objetos se da conociendo las características principales
de los lenguajes de programación y las formas en que se puede interactuar con
los mismos. A continuación te muestro una imagen con los elementos
manipulables dentro de un documento Web. Esto se logra con un lenguaje como
JavaScript.
7
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Conclusión
Actualmente los lenguajes de programación presentan una gran posibilidad de
desarrollo y creación de elementos multimedia interactivos, lo que es una ventaja
para quien desea que sus elementos web sean llamativos.
Conocer los elementos de programación y su manipulación es importante para
poder crear elementos compatibles entre sí y que presenten un fácil acceso,
pues cuando los elementos no se definen correctamente pueden presentar
errores de compatibilidad y ejecución con algunas plataformas, si no se cuenta
con los script adecuados para un elemento es mejor definirlo como sencillo en
lugar de interactivo.
La manipulación de los objetos se puede dar en un sito o documento común y en
medios más especializados como las bases de datos que presentan un lenguaje
exclusivo y más seguro que los otros elementos pues dependiendo de la
aplicación con que gestionen presentará o no accesibilidad a casi todo usuario y
programador.
8
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Para aprender más
Hudson C. y Leadbetter T., (2012). HTML5 Developer´s 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. O´REILLY
Crowther R. (2013). Hello! HTML5 and CSS3. U.S. Manning Publications
Instituto Tecnológico de Veracruz. (2012) Lenguaje de programación del lado del
cliente. http://brd.unid.edu.mx/lenguaje-de-programacion-del-lado-del-cliente/
UHU. Elementos básicos de programación. http://brd.unid.edu.mx/elementosbasicos-de-programacion/
Universidad de Málaga
(2006). http://www.lcc.uma.es/~program1/apuntes/elementos/temavi_EP.pdf
9
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Actividad de Aprendizaje
Objetivo: Explicar la composición de los diferentes navegadores que existen.
Instrucciones:
Con la finalidad de reforzar los conocimientos adquiridos a lo largo de
esta sesión, ahora tendrás que realizar una actividad en la cual a través
de un cuadro comparativo consideres navegadores Web y expliques sus
componentes principales, el código por el cual se componen y a qué
plataformas están dirigidas cada uno.
Puedes realizarlo en cualquier programa, al final tendrás 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 bibliográficas
7 puntos
Ortografía y redacción
10 puntos
Introducción
25 puntos
Contenido
55 puntos
10
LENGUAJES DE PROGRAMACIÓN WEB (PHP, HTML5)
Bibliografía
•
Instituto Tecnológico de Veracruz. (2012) Lenguaje de programación del
lado
del
cliente.
Consultado
el
11
de
mayo
de
2013,
en: http://www.prograweb.com.mx/pweb/0202ladoCliente.html
•
s/a. Programación del lado del cliente. Consultado el 11 de mayo de
2013, en: http://webmoeck.galeon.com/SEIS.html
•
s/a. Introducción al lenguaje del lado del cliente. Consultado el 11 de
mayo
en:
de
2013,
http://www.estructurayprogramacion.com/materias/programacion-
web/introduccion-al-lenguaje-del-lado-del-cliente/
•
s/a. Introducción al lenguaje del lado del servidor. Consultado el 11 de
mayo
en:
de
2013,
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 Málaga(2006). Elementos de programación. Consultado el
11 de mayo de 2013,
en: http://www.lcc.uma.es/~program1/apuntes/elementos/temavi_EP.pdf
•
s/a. Manipulación de objetos. Consultado el 11
en:
de mayo de 2013,
http://www.estructurayprogramacion.com/materias/programacion-
web/manipulacion-de-objetos/
11