2DO ENSAYO DE LA CLASE

HTTP
Sus siglas significa Hypertext Transfer Protocol(Protocolo de transferencia de hipertexto), el
hipertexto sera el contenido de las pginas web y el protocolo de transferencia es el sistema en el
que se transfiere informacin entre los servidores y los clientes. Es el que se usa en cada transaccin
de la World Wide Web, el esquema para esas transacciones es el de peticin y respuesta, entre un
cliente y un servidor. A la informacin transmitida se la llama recurso y se la identifica mediante un
localizador uniforme de recursos (URL). No guarda estados, para ello se usan las cookies.

Backend y Frontend
El desarrollo web tiene 2 componentes:

Backend.-Es aquel que est en el lado del servidor, se encarga de la interaccin con la base de
datos, verificar manejos de sesiones de usuarios, montar la pgina en un servidor, y atender todas
las visitas que el frontend crea, adems debe mantener la seguridad de los datos, asimismo colabora
con el frontend para que pueda crear una mejor interaccin con el usuario.

Frontend.-Son todas aquellas tecnologas que corren al lado del cliente, en otras palabras la que
estn al lado del navegador web, especialmente en estos lenguajes, HTML, CSS y JavaScript. El
frontend debe encargarse de que la pgina que realice sea de una interfaz amigable de tal manera
que el usuario lo use intuitivamente adems eso no slo facilita al usuario si no al backend
encargado de trabajar con esos datos.
Si bien ambos trabajan lados distintos no es que sean actividades excluyentes, es ms son
complementarias ya que ambas no trabajaran de la manera apropiada si la otra no existiera,
adems uno puede estar sin conocer cmo funciona el otro.

Servidores
El servidor en pocas palabras es una aplicacin en ejecucin que atiende las peticiones de un cliente
y da una respuesta con sentido. Se pueden ejecutar en cualquier computadora pero existen
computadores especiales para este tipo de procesos las cuales se denominan servidor. Es ms en
la mayora de casos puede haber varios servidores en funcionamiento en una misma computadora.
El servidor ofrece a los clientes la posibilidad de compartir datos, informacin y recursos de
hardware y software. Generalmente los servidores proveen servicios esenciales dentro de una red,
ya sea para usuarios privados dentro de una organizacin o compaa, o para usuarios pblicos a
travs de Internet. Los tipos de servidores ms comunes son servidor de base de datos, servidor
web, servidor de archivos, servidor de aplicaciones y servidor de juegos.

Ventajas y desventajas de usar el modelo Cliente-Servidor:

Ventajas:

Centralizacin del control de recursos, datos y accesos.

Facilidad de mantenimiento y actualizacin del lado del servidor.

Toda la informacin es almacenada en el lado del servidor, que es ms seguro.
Existen tecnologas que son lo necesariamente desarrolladas para que las transacciones en
este modelo sean seguras.

Desventajas:

El servidor se satura si el nmero que acceden en simultneo es demasiado grande.

Si hay fallas en el lado del servidor, el servicio ya no contina para los clientes.
El cliente no dispone de los recursos que puedan existir en el lado el servidor, como
impresoras o discos duros.

Base de datos
Es un sistema de informtico a modo de almacn en donde se guardan grandes cantidades de
informacin, su aparicin se dio debido a que la cantidad de informacin es demasiada por lo que
habra de tener una forma rpida y sencilla de acceder a la informacin adems de poder hacer los
cambios necesarios de ellas si es requerido. Algunas caractersticas que debe tener toda base de
datos son:

Seguridad.-Slo personas autorizadas deben acceder a la informacin almacenada ah.

Integridad.-La informacin se mantendr sin prdidas de datos.
Independencia.-Una base de datos debe ser independiente del sistema operativo o
programas que interacten con ella.
Consistente.-Que la informacin almacenada ah se guarde sin duplicidad y sin errores es
decir de una manera correcta.
Manejo Correcto.-Si bien permite varias acciones, debe tratarlas como si fueran una, es
decir al generarse un error en el conjunto de operaciones que hay en una transaccin, se
deshacen las operaciones anteriores y se cancela dicha transaccin.

Rpido tiempo de respuesta.

El lenguaje estndar para el manejo de base de datos es SQL creado por IBM, podramos decir que
es que usa prcticamente todas las bases de datos. SQL tiene dos reas las cuales son:

DDL.- Son las siglas (Data Definition Language) el cual es la parte del lenguaje que se
encarga de la definicin de datos. Para aclarar en una base de datos relacional los datos se
distribuyen entablas formadas por filas y columnas semejantes a las matrices, en dichas
tablas las columnas nos indican el nombre de los datos y las filas contendrn los valores de
eso datos.
DML.- Son las siglas (Data Manipulation Language) es el encargado de manejar la
informacin en otras palabras manipularla. Se compone esencialmente de estas
instrucciones:
o Select.-Funcin que permite solicitar que se nos devuelva un dato o serie de datos.
o Insert.-Funcin para insertar nuevas filas de informacin en una tabla.
o Update.-Funcin para modificar una o varias filas ya existentes previamente.

Delete.-Funcin que borra una fila o un conjunto de filas de una tabla.

HTML 5
HTML 5 es un estndar para la programacin de pginas web que engloba tres tecnologas las
cuales son:

HTML
CSS
JavaScript

HTML
HTML es el lenguaje que se emplea para el desarrollo de pginas web, se compone de una serie de
etiquetas que el navegador interpreta y da forma en la pantalla, de los tres componentes que
mencione anteriormente es el que da la estructura a nuestras pginas, a HTML no se le considera
un lenguaje de programacin propiamente dicho es ms bien un lenguaje de etiquetas, esto debido
a como se mencion da estructura a base de etiquetas, pero HTML no cuenta con estructuras
secuenciales, condicionales ni iterativas por lo que a HTML no se le puede considerar como un
lenguaje de programacin como el Java o el C++. Generalmente las etiquetas en HTML vienen en
pares salvo algunas excepciones, la primera indica la apertura y la segunda el cierre de esa
instruccin. La etiqueta de cierre posee un slash antes del nombre de la etiqueta. Un ejemplo sera:

<p> Hola Mundo </p>

Estructura Global de un documento HTML:

<!DOCTYPE html>.- Hace referencia a que se va usar el estndar HTML 5 y no versiones

anteriores.
<html>.- Sirve como punto de partida para empezar a desarrollar e documento HTML.
<head>.-Entre estas etiquetas definiremos e ttulo de nuestra pgina web, declararemos el
set de caracteres correspondiente, proveeremos informacin acerca del documento e
incorporaremos los archivos externos con estilos y cdigos JavaScript.
<body>.-Es parte principal de la organizacin en el documento. Representa la parte visible
de todo el documento
<meta>.- Es la etiqueta que define el juego de caracteres a utilizar en el presente
documento, especfica como es el texto a presentarse en pantalla.
<title>.-Simplemente especfica e ttulo del documento.
<link>.- Es usado para incorporar estilos, cdigos JavaScript, imgenes o conos desde
archivos externos. Uno de los usos ms comunes es a incorporacin de archivos con estilos
CSS.

Una recomendacin HTML es un lenguaje de etiquetas muy flexible, puede ser que al momento de
probarlo tengas fallas en el cdigo pero de repente a pgina se muestre normal, aun as siempre

hay que verificar que no se de esos errores ya que podran originar fallas ms adelante o sino falas
cuando se prueben en otros navegadores.
Algunas etiquetas vistas en clase:

<h1>.- Etiqueta que se usa para darle forma de ttulo a texto que se encuentra entre ellas.
<img src= ..jpg />.-Sirve para insertar una imagen cuya fuente se indica entre as

comillas de src.
<p>.-Sirve para insertar un prrafo al documento.
<ul>.-Sirve para generar una lista desordenada.

CSS
En el desarrollo de pginas web es el encargado de darle la apariencia, para que sea un poco ms
esttico y atractivo para el usuario, tampoco es considerado como un lenguaje de programacin al
igual que HTML, entre las mltiples propiedades que podemos cambiar con CSS seran el tipo de
fuente usada, el color de fondo, el grado de inclinacin de algunos objetos etc.
Lo que se intenta hacer con CSS es separar la estructura que es dada por HTML de la apariencia que
es dada por CSS, y esto porque tenemos los estilos por un lado y el contenido por otro lo cual si
algn da queremos hacer un cambio por ejemplo cambiar un texto que se vea en la parte izquierda
pasarlo a la derecha, ya no modificaremos el contenido solo la apariencia entonces solo
cambiaramos el cdigo CSS.
Para incorporar una hoja de estilos al documento HTML se har de la siguiente manera:

<link rel="stylesheet" href="usandoestil.css"/>

Donde incorporamos usandoestil.css.

JavaScript
En este caso JavaScript se encargara de darle el movimiento, la interaccin y la animacin a las
pginas web. Pasando a su definicin JavaScript si es un lenguaje de programacin (Orientado a
objetos) a diferencia de CSS y HTML. Es usado generalmente en el lado del cliente implementado
como parte de un navegador web permitiendo mejoras en la interfaz de usuario y pginas web
dinmicas.

Algunas caractersticas de JavaScript:

Imperativo y estructurado.-Se refiere a que hace uso de estructuras de control como if,
for, switch, etc. Adems posee ciertas reglas como que al finalizar una sentencia a con punto
y coma.
Tipado Dinmico.-Como en la mayora de lenguajes scripting, el tipo est asociado al valor,
no a la variable.

Objetual.- Esta formado casi en sus totalidad por objetos. Los objetos en JavaScript son
arrays asociativos, mejorados con la inclusin de prototipos.

Evala en tiempo de ejecucin.

Prototpico.- Usa prototipos en vez de clases para el uso de la herencia.
Etc.

Para incorporar un cdigo JavaScript al documento HTML se har de la siguiente manera:

<script src="funciones.js"></script>
Donde incorporamos funciones.js.

Bibliografa

http://www.desarrolloweb.com/articulos/26.php
El gran libro de HTML5, CSS3 JAVASCRIPT Juan Diego Gauchat
http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=57&It
emid=86
http://es.wikipedia.org/wiki/JavaScript
https://www.youtube.com/playlist?list=PLU8oAlHdN5BnX63lyAeV0LzLnpGudgRrK
http://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol
http://www.masadelante.com/faqs/que-significa-http