Please enable JavaScript.
Coggle requires JavaScript to display documents.
TECNOLOGIAS DE DESARROLLO WEB - Coggle Diagram
TECNOLOGIAS DE DESARROLLO WEB
ARQUITECTURA BÁSICA DE UNA APLICACIÓN WEB.
NAVEGADOR
Representa el concepto de cliente realizando peticiones solicitando recursos a diferentes servidores web a través de URL.
SERVIDOR
Almacena de forma organizada la estructura de la información del sitio web para servir los contenidos en relación a las peticiones del navegar.
POTOCOLO HTTP
Es el protocolo basado en TCP/IP a través del cual el navegador realiza peticiones al servidor para que este responda.
HTML
Es el formato básico de los documentos que componen las paginas web, esta basado en etiquetas y sirve para estructurar la forma de mostrar los contenidos de las paginas.
CSS
Las hojas de estilo en cascada sirven para favorecer estéticamente los elementos y contenidos estructurados a través de las etiquetas HTML, dotándoles de personalidad en cuanto a su diseño, forma y colores.
TECNOLOGÍAS DEL LADO DEL CLIENTE O DEL LADO DEL SERVIDOR.
PARA FUNCIONAR UN SITIO O UNA PAGINA WEB, PUEDE CREARSE UTILIZANDO DIFERENTES TECNOLOGÍAS QUE SE DIVIDEN EN DOS CATEGORÍAS.
TECNOLOGÍAS DE CLIENTE.
Son aquellas que permiten crear interfaces de usuario y establecer comunicación con el servidor basadas en html, css y javascript, en este caso, el navegador actua como interprete.
TECNOLOGÍAS DE SERVIDOR
Permiten implementar comportamientos de la aplicación web en el servidor, los lenguajes de programación mas utilizados son java ee, .net, php, ruby on rails, python, django, droovy, node.js.
ARQUITECTURAS WEB DE CONTENIDO ESTÁTICO O DINÁMICO.
Se dice que el contenido que muestra una determinada pagina o sitio web al complemento es contenido estático cuando no permite la interacción del usuario de ninguna forma, por el contrario las paginas que invitan a interactuar con el visitante a través de diferentes elementos como formularios, botones, mapas; ofrecen contenido dinámico.
CLIENTE ESTÁTICO Y SERVIDOR ESTÁTICO
En este modelo el navegador hace una petición al servidor mediante el protocolo http, el servidor transforma la URL a ruta de disco y devuelve el fichero al navegador que lo dibuja o renderiza mostrando la estructura de la página en HTML y su contenido como fotos y vídeos, también la estética de su diseño gracias a los estilos CSS.
CLIENTE ESTÁTICO Y SERVIDOR DINÁMICO
Este modelo se compone de 3 capas, ya que intervienen por un lado el navegador y el servidor web, pero también una base de datos asociada a este último.
CLIENTE DINÁMICO Y SERVIDOR ESTÁTICO
En contenido está alojado en el disco duro del servidor de forma estática, pero el cliente es dinámico porque las páginas incluyen código JavaScript que se ejecuta en el navegador.
CLIENTE DINÁMICO Y SERVIDOR DINÁMICO
Se combinan los conceptos de los dos casos anteriores, utilizando JavaScript para efectos gráficos y comportamientos interactivos, pero también para realizar peticiones en segundo plano (AJAX) y aplicaciones de página única con API REST.
TECNOLOGÍAS ESTÁNDAR DEL LADO CLIENTE
El W3C (World Wide Web Consortium) es una comunidad internacional que desarrolla estándares abiertos que aseguran el crecimiento de la web a largo plazo.
HTML
(Hypertext Markup Languaje) proporciona la información estructurada en secciones, párrafos, título, imágenes; la versión actual el HTML5, y ofrece muchas librerías avanzadas para la inserción de contenidos multimedia, canvas, comunicaciones y concurrencia.
CSS
(Cascading Style Sheets) se encarga de la distribución de los elementos y su estilo con colores, tipos de letra, fondos, efectos; en documentos HTML, XML, SVG o incluso interfaces de usuario de otras tecnologías.
SCRIPTING
Las páginas pueden programarse con distintos lenguajes de script, aunque principalmente se utiliza JavaScript, que modifica la página gracias a su capacidad de ejecutar código cuando se interactúa con ella.
DOM
Es el modelo de objetos del documento (Document Object Model) y consta de una librería (API) para manipular el documento HTML cargado en el navegador, permitiendo la gestión de eventos, o la inserción y eliminación de elementos.
TECNOLOGÍAS NO ESTÁNDAR PARA DESARROLLO WEB
ADOBE FLASH
Se trata de una tecnología utilizada para incrustar contenido multimedia interactivo en páginas web que predominó durante mucho tiempo, gratuita para el usuario pero de carácter propietario y cerrado para los desarrolladores, que deben pagar licencia para poder usarla, motivo principal por el que está cada vez más en desuso.
JAVA APPLETS
Los Applets de Java fueron los precursores de Flash, pero debido a prácticas anticompetitivas de Microsoft y de Sun Microsystems estaba más centrada en los servidores de aplicaciones, así que también hace tiempo que se encuentra en desuso.
MICROSOTF SILVERLIGTH
Fué durante tiempo la apuesta de Microsoft para competir con Adobe Flashs, pero el soporte era muy limitado en plataformas diferentes a Windows.
TECNOLOGÍAS DE SERVIDOR
JAVA EE
Es una tecnología basada en Java desarrollada por una coalición de empresas lideradas por Oracle, IBM, Red Hat; muy utilizada a nivel empresarial, la mayoría de implementaciones y herramientas para desarrollo son software libre, y existen comunidades de desarrolladores y empresas que realizan complementos.
PHP
Es una tecnología con lenguaje propio, desarrollada por PHP Group y con licencia libre. Es la tecnología de lado de servidor con la que se han implementado más servidores en Internet, es multiplataforma y se integra normalmente con Apache y MySQL en entornos Linux gracias a un paquete llamado LAMP.
ASP.NET
Se trata de una versión evolucionada del ASP clásico, está integrada en la tecnología .NET de Microsoft junto con el lenguaje C#, tiene licencia propietaria y para plataformas Windows y una comunidad de desarrolladores má limitada que otras alternativas.