Árbol de tecnologías web
Páginas estáticas vs Páginas dinámicas
Página web estática:
Contenido que no cambia frecuentemente
Información en archivos HTML (y otras tecnologías como Flash)
Se actualiza manualmente
Se utiliza algún tipo de programa editor
Página web dinámica:
Puede tener cambios frecuentes en la información
Los contenidos se almacenan en una base de datos
Se actualiza a través de un gestor de contenidos (CMS)
Páginas dinámicas de cliente o de servidor
Servidor: Ordenador que, formando parte de una red, provee servicios a otros ordenadores denominados clientes
Servidor: Una aplicación informática o programa que realiza algunas tareas en beneficio de otras aplicaciones llamadas clientes
Páginas dinámicas de cliente o de servidor
Páginas dinámicas de cliente:
El navegador es una aplicación que interpreta HTML
Puede tener insertados otros lenguajes, como Java y JavaScript
A través de plugins puede contener elementos multimedia
Las llamadas a un servidor remoto sólo descargan los archivos en memoria
Todo el proceso se realiza en el ordenador del usuario
Páginas dinámicas de cliente o de servidor
Páginas dinámicas de servidor:
Están hechas en lenguajes que son reconocidos, ejecutados e interpretados por el propio servidor
Se envían al cliente en un formato comprensible para él (HTML)
Páginas dinámicas de cliente o de servidor
Páginas dinámicas de servidor:
Lenguajes de programación
HTML (HyperText Markup Language):
No es un lenguaje de programación
Lenguaje de marcado basado en etiquetas (< >)
Empleado para dar forma al contenido de las páginas web
El estándar lo define el W3C (World Wide Web Consortium)
Definido por el SGML (Standard Generalized Markup Language)
Extensiones de archivos .html ó .htm
Lenguajes de programación
HTML (HyperText Markup Language):
Lenguajes de programación
XML (Extensible Markup Language):
Metalenguaje extensible de etiquetas desarrollado por el W3C
Es una forma de definir lenguajes para diferentes necesidades
Estándar para el intercambio de información estructurada entre diferentes plataformas
Se puede usar en bases de datos, editores de texto, hojas de cálculo, etc.
Definido por el SGML (Standard Generalized Markup Language)
Extensiones de archivos .xml
Lenguajes de programación
XML
Lenguajes de programación
XHTML (Extensible Hypertext Markup Language):
Sustituto para HTML como estándar para las páginas web
Cumple especificaciones más estrictas de XML
El contenido de la WWW ahora puede visualizarse desde numerosos dispositivos
Necesidad de estándares estrictos
La información y la forma de presentarla deben estar claramente separadas
Base para la creación de la web semántica
Lenguajes de programación
XHTML (Extensible Hypertext Markup Language):
Ejemplo: http://www.latevaweb.com/
Lenguajes de programación
JavaScript:
Sigue las especificaciones del ECMAScript
Lenguaje de scripts basado en objetos
Permite la creación de páginas dinámicas
Se incrustra en el documento HTML
Se maneja del lado del cliente
No permite consultar datos del lado del servidor
Estándar definido y mantenido por W3C a través del DOM (Document Object Model)
Lenguajes de programación
JavaScript:
Ejemplos:http://www.gamarod.com.ar/javascript/
Lenguajes de programación
ActionScript:
Lenguaje de programación orientado a objetos (OOP)
Utilizado en el entorno Adobe Flash
Basado en especificaciones de ECMAScript
Similar a JavaScript
La versión 3.0 ha significado una mejora en el manejo de programación orientada a objetos
Lenguajes de programación
ActionScript:
Ejemplos: http://www.thefwa.com/
Lenguajes de programación
PHP (Hypertext Preprocessor):
Usado principalmente para sitio dinámicos
Del lado del servidor
Embebido en HTML
Necesita de servidor Web (Apache o IIS con las librerías de PHP)
Lenguaje libre
Multiplataforma
Descataca su conectividad con MySQL
Extensiones de archivo .php
Lenguajes de programación
PHP:
Ejemplo:
http://digg.com/
Lenguajes de programación
ASP (Active Server Pages):
Creado por Microsoft
Del lado del servidor
Requiere Internet Information Server (IIS)
Óptimo con el manejador de base de datos SQL Server
Tecnología propietaria
Hospedaje costoso
Extensiones de archivo .asp
Lenguajes de programación
ASP
Ejemplos:http://www.asptutor.com/asp/todoslosarticulos.asp
Lenguajes de programación
ASP.NET:
Es un framework de desarrollo
Comercializado por microsoft
Se puede usar C#, VB.NET o J# en los desarrollos Web
Las aplicaciones necesitan de Framework de .NET
Se ejecuta en el lado del servidor
Orientado a objetos
Los archivos son extensión .aspx
Lenguajes de programación
ASP.NET:
Lenguajes de programación
JSP (Java Server Pages):
Orientado a desarrollar páginas Web en Java
Lenguaje multiplataforma
Se ejecuta en el lado del servidor
Similar a ASP.NET en la potencia de los desarrollos
Necesita para su funcionamiento el servidor Tomcat
Permite separar el código dinámico del estático
El código JSP se puede incrustar en HTML
Utiliza el motor de servlets de Java
La extensión de archivo es .jsp
Lenguajes de programación
JSP (Java Server Pages):
Ejemplos: http://www.sun.com/
Lenguajes de programación
ColdFusion:
Desarrollado por Macromedia
Usado para crear sitios dinámicos
Del lado del servidor
Requiere servidor ColdFusion
Interactúa de manera simple con bases de datos (Sybase, Oracle, MySQL, SQL Server, o Access)
Extensión de archivo .cfm
Lenguajes de programación
ColdFusion:
Ejemplos: http://www.adobe.com/products/coldfusion/customers/
Lenguajes de programación
Perl:
Toma elementos del lenguaje C y shell
Lenguaje de propósito general
Multiparadigma (programación orientada a objetos, programación estructurada y programación funcional)
Pensado para la plataforma UNIX, pero disponible para varios sistemas operativos
Los archivos son extensión .pl
Lenguajes de programación
Perl:
Ejemplos: http://royal.pingdom.com/2009/11/06/perl-far-from-dead-more-popular-than-you-think/
Lenguajes de programación
Python:
Lenguaje creado en el año 1991 por Guido Van Rossum
Considerado como el más limpio para programar
Permite crear todo tipo de aplicaciones incluyendo sitios web
Se ejecuta en el lado del servidor
Licencia de código abierto (Opensource)
Multiplataforma
Multiparadigma (programación orientada a objetos, programación estructurada y programación funcional)
La extensión de archivo es .py
Lenguajes de programación
Python:
Ejemplo:
http://www.youtube.com
Lenguajes de programación
Ruby:
Lenguaje desarrollado por Yukihro Matz Matsumoto
Inspirada en Python y Perl
Distribuido bajo licencia de software libre
Orientado a objetos
Los archivos son extensión .rb
Ruby on Rails
Framework de aplicaciones web de código abierto escrito en el lenguaje de programación Ruby
Lenguajes de programación
Ruby:
Ejemplo:
http://www.43things.com/
Lenguajes de programación
Ajax (Asynchronous JavaScript And XML):
Técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications)
Se ejecutan en el cliente mientras mantienen la comunicación asíncrona con el servidor en segundo plano
Permite realizar cambios sobre las páginas sin necesidad de recargarlas
Se aumenta la interactividad, velocidad y usabilidad en las aplicaciones
Lenguajes de programación
Ajax (Asynchronous JavaScript And XML):
Ejemplos:http://www.ajaxdaddy.com/
Lenguajes de programación
CSS (Cascading Style Sheets):
Lenguaje usado para definir la presentación de un documento estructurado (HTML, XHTML)
Desarrollado por el W3C
La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación
Extensión .css
Lenguajes de programación
CSS (Cascading Style Sheets):
Ejemplos:
http://www.csszengarden.com/tr/espanol/