Tecnologías Web
Descargar como PPT, PDF6 recomendaciones1,362 vistas
El documento proporciona una descripción detallada de varios lenguajes de programación y tecnologías web clave, incluidos HTML, XML, JavaScript, PHP, ASP, JSP, ColdFusion, Perl, Python, Ruby y Ajax. Explica las diferencias entre páginas web estáticas y dinámicas, y entre páginas dinámicas del lado del cliente y del servidor. También brinda ejemplos de sitios web populares que utilizan cada tecnología.
Tecnologías Web
- 2. Árbol de tecnologías web
- 3. Árbol de tecnologías web Azul: paquetes de software Beige: lenguajes de programación Verde: corazón de las tecnologías web Gris: infraestructura relacionada http://modernl.com/article/web-tech-family-tree
- 4. 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)
- 5. 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
- 6. 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
- 7. 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)
- 8. Páginas dinámicas de cliente o de servidor Páginas dinámicas de servidor :
- 9. 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
- 10. Lenguajes de programación HTML (HyperText Markup Language) :
- 11. 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
- 12. Lenguajes de programación XML
- 13. 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
- 14. Lenguajes de programación XHTML (Extensible Hypertext Markup Language) : Ejemplo: http://www.latevaweb.com/
- 15. 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)
- 16. Lenguajes de programación JavaScript : Ejemplos: http://www.gamarod.com.ar/javascript/
- 17. 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
- 18. Lenguajes de programación ActionScript : Ejemplos: http://www.thefwa.com/
- 19. 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
- 20. Lenguajes de programación PHP : Ejemplo: http://digg.com/
- 21. 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
- 22. Lenguajes de programación ASP Ejemplos: http://www.asptutor.com/asp/todoslosarticulos.asp
- 23. 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
- 24. Lenguajes de programación ASP.NET :
- 25. 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
- 26. Lenguajes de programación JSP (Java Server Pages) : Ejemplos: http://www.sun.com/
- 27. 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
- 28. Lenguajes de programación ColdFusion : Ejemplos: http://www.adobe.com/products/coldfusion/customers/
- 29. 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
- 30. Lenguajes de programación Perl : Ejemplos: http://royal.pingdom.com/2009/11/06/perl-far-from-dead-more-popular-than-you-think/
- 31. 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
- 32. Lenguajes de programación Python : Ejemplo: http://www.youtube.com
- 33. 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
- 34. Lenguajes de programación Ruby : Ejemplo: http://www.43things.com/
- 35. 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
- 36. Lenguajes de programación Ajax (Asynchronous JavaScript And XML) : Ejemplos: http://www.ajaxdaddy.com/
- 37. 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
- 38. Lenguajes de programación CSS (Cascading Style Sheets) : Ejemplos: http://www.csszengarden.com/tr/espanol/