Unidad 4-Desarrollo

1. Programación del lado
del servidor T61

2. 4.1 INTRODUCCION AL
LENGUAJE
Es el procesamiento de una petición de un usuario mediante la
interpretación de un script en el servidor web para generar paginas
HTML dinámicamente.
Dentro del servidor llamado
procesamiento del lado del servidor o
server-side processing.
Esta realiza una petición del lado del
cliente desde el navegador.
Mientras se proceso una llamada RPC, tu servidor
esta ejecutando código del lado del servidor
Los términos cliente y servidor se utilizan tanto
para referirse a los programas que cumplen estas
funciones.
Se encarga de gestionar la comunicación con el
computador servidor
El programa o los programas cliente que el
usuario utiliza para acceder a los servicios de
internet
Solicita un servicio concreto y de recibir
los datos enviado por este

3. 4.2 ESTRUCTURAS DE
CONTROL
Permiten controlar el flujo del programa: tomar decisiones,
realizar acciones repetitivas, etc.
WHILE DO WHILE SWITCH
El funcionamiento del bucle while se
resume en: "mientras se cumpla la
condición indicada, repite
indefinidamente las instrucciones
incluidas dentro del bucle".
El bucle de tipo do...while es muy
similar al bucle while, salvo que en este
caso siempre se ejecutan las
instrucciones del bucle al menos la
primera vez. Su definición formal es
la estructura switch es la más eficiente,
ya que está especialmente diseñada para
manejar de forma sencilla múltiples
condiciones sobre la misma variable.
Condición While
while(condicion) { ...
}
Condición Do While do { ... }
while(condicion);
switch(variable) { case
valor_1: ... break; case
valor_2: ... break; ... case
valor_n: ... break; default: ...
break; }

4. 4.3 TRATAMIENTO DE LOS
FORMULARIOS
Son una característica del estándar HTML que permite a los
autores llevar datos del exterior al interior de nuestro sistema.
Esto se logra mediante componentes que transportan diversos tipos
de datos para múltiples aplicaciones donde tu imaginación es el
límite.
Los formularios están delimitados con la etiqueta
<"form"> … <"/form">, que permite reunir varios elementos de
formulario, como botones y casillas de texto y que debe poseer
los siguientes atributos
Method
Action
target
Manipulación de objetos
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
innerHTML: Sirve para obtener o modificar el HTML del
documento HTML.
La propiedad InnerHtml no codifica automáticamente los
caracteres especiales en entidades HTML, es el programador
el responsable de hacerlo.

5. Crear y accesar elementos
Para crear etiquetas "tag" html debemos usar el método
createElement(). Cuya sintaxis es la siguiente:
Ejemplo createElement( tag ): Donde tag es una etiqueta valida
en html.
Creación de clases programación web
El concepto de programación de objetos es una técnica que
intenta asemejar la forma de pensar humana. Para comprender
un poco más este concepto podemos pensar un aspecto de la vida
real como un sistema basado en objetos: una silla , un coche, un
bolígrafo, unas sandalias, un vaso, y hasta un ser humano, y cada
objeto con sus características que la describen, que, en
programación las nombramos (propiedades), y sus capacidades o
tareas posibles a realizar (métodos).

6. Acceso a datos en programación web
Los Objetos de acceso a datos (DAO) son una serie
de objetos que le permiten tener acceso y
manipular datos mediante programación en bases de
datos locales o remotas. Puede utilizar DAO para
administrar bases de datos, así como sus objetos y
su estructura. En esta sección aprenderá a utilizar
DAO para recuperar y usar datos de una base de
datos.
El modelo de objetos de DAO define la jerarquía de los objetos
DAO. Para incorporar a una aplicación la funcionalidad de DAO,
debe ser capaz de exponer un objeto dentro de esta jerarquía.

7. 4.4 Manejo de objetos del
servidor
La cache de objetos de WordPress
viene ya habilitada por defecto ya
que la usa el core de WordPress
internamente por lo que no
necesitas activar nada. Sin
embargo puedes aprovechar la API
de cache de objetos para tus
propios desarrollos en código.
Es una cache no persistente, lo
que significa que sólo se guarda
en memoria para la petición
actual, pero se regenera cuando
hay otra petición.
En la siguiente imagen vemos un
esquema de cómo funcionan las
peticiones cuando tenemos
establecida la cache de objetos.

8. Objetos
•<object></object>La etiqueta <object> provee una forma de ejecutar
aplicaciones externas. Generalmente es usado para incluir imágenes, audio,
vídeo, applets Java, ActiveX, PDF, animaciones Flash, imágenes, etc.
•El soporte de esta etiqueta en los distintos navegadores es muy variable y
depende del tipo de objeto. Por suerte, si el objeto no es mostrado será
ejecutado el código situado entre <object> y </object>, por lo que anidando
diferentes objetos podemos adaptarnos al navegador.
•Atributos:
• data: URL del objeto embebido.
• type: tipo de objeto referido a data.
• classid: especifica la implementación del objeto.
• codetype: tipo de objeto referido a classid.
• archive: lista de URLs separadas por espacios que apuntan a
archivos que contienen recursos relevantes para el objeto.
•<param></param>La etiqueta <param> define un parámetro o variable que
será usado por un elemento <object>. Estos parámetros pueden ser usados
por el objeto contenedor en tiempo de ejecución. Deben estar ubicados justo
después del tag de apertura del objeto.

9. 4.5 Creación de clases
class
El atributo global class es una lista de las clases del elemento separada
por espacios . Las clases permiten a CSS y Javascript seleccionar y
acceder a elementos específicos a través de los selectores de clase o
funciones como el método document.getElementsByClassName del
DOM.
Aunque la selección no define los requisitos para el nombre de las
clases , se alienta a los desarrolladores web a usar nombres que
describen el propósito semántico del elemento, en lugar de la
presentación del elemento (eg, atributo para describir un atributo en
lugar de itálica , aunque un elemento de esta clase puesde ser
presentado por itálica ). Los nombres semánticos permanecerán lógicos
incluso si la presentación de la página cambia.
Compatibilidad en exploradores

10. Supongamos que tenemos dos etiquetas iguales de tipo <button>,
correspondientes a objetos html de tipo botón. Le añadimos una clase a
uno de los botones para diferenciarlo de un botón normal. A partir de
ese momento el botón que tiene el atributo class informado pasa a ser
un objeto de esa clase. Puede haber cualquier número de elementos de
una clase, incluso elementos diferentes que queramos que compartan
las propiedades de esa clase.
En el siguiente ejemplo vamos a crear la clase “rojo” y añadirsela a un
objeto de tipo botón (<button>).
Crear un atributo clase CSS para aplicar estilos a una etiqueta
html
Siguiendo la explicación que vimos en el artículo de etiquetas y
atributos vamos a crear una etiqueta de tipo <button>
correspondiente a un botón y vamos a añadir el atributo “class” con
valor rojo (class=”rojo”).
A continuación creamos la clase correspondiente al valor “rojo”:
• Para crear una clase de estilo CSS simplemente añadimos las
etiquetas <style> y </style>. Estas etiquetas se colocan dentro del
<head></head> y, como comentamos en artículo anteriores, no
corresponde a objetos visibles si no que corresponde a
características o información adicional de la página. Por ejemplo
podemos personalizar en color de fondo con un la propiedad
background-color.
• Dentro de la etiqueta <style> creamos una clase (un punto
seguido del nombre de la clase) y añadimos pares de
atributo/valor dentro de unas llaves { }. El atributo siempre va a la
izquierda y va seguido de dos puntos. A continuación va el valor
de ese atributo y cerramos la expresión con punto y coma.

11. 4.6 Acceso a datos
HTML5 (en-US) está diseñado de forma tal que sea fácil
extender los datos asociados a un elemento en particular sin
necesidad de que tengan un significado definido. Los
atributos data-* permiten almacenar información adicional
sobre un elemento HTML cualquiera sin tener que recurrir a
artilugios tales como la utilización de atributos no estándar,
propiedades adicionales en el DOM o Node.setUserData().
Sintaxis HTML
La sintáxis es simple. Un atributo cualquiera cuyo nombre
comience con data-es un atributo de datos. Supongamos
que tenemos un artículo y deseamos almacenar información
adicional que no tiene ninguna representación visual. En ese
caso, alcanza con que hagamos uso de los atributos data:

12. Acceso a través de JavaScript
Leer los valores de estos atributos en JavaScript también
es muy sencillo. Puede usar getAttribute() con su nombre
HTML completo para leerlos, pero el estándar define una
forma más simple: un DOMStringMap (en-US) puede leer a
través de una propiedad dataset (en-US).
Para obtener un atributo data a través del dataset del
objeto, obtenga la propiedad por la parte del nombre del
atributo despues de data- (tenga en cuenta que los
guiones son convertidos en camelCase).
Acceso a través de CSS
Tenga en cuenta que, debido a que los atributos de datos son
atributos simples de HTML, incluso puede acceder a ellos
desde CSS. Por ejemplo, para mostrar los data-parent en el
artículo, puede usar el contenido generado en CSS con la
función attr:
También puede usar los selectores de atributos en CSS para
cambiar los estilos de acuerdo a las priopiedades de datos: