Please enable JavaScript.
Coggle requires JavaScript to display documents.
CONCEPTOS DE PROGRAMACION WEB - Coggle Diagram
CONCEPTOS DE PROGRAMACION WEB
Existen multitud de aplicaciones, frameworks, librerías, arquitecturas y sistemas de publicación
Esta evolución ha dado lugar a la convergencia de una gran cantidad de tecnologías, herramientas y estilos arquitectónicos para desarrollar sitios web y aplicaciones,
ARQUITECTURA BASICA DE UNA APLICACION WEB
El navegador:
Representa el cliente realizando peticiones solicitando recursos a diferentes servidores web a través de URL.
El 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 navegador
El protocolo 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 páginas web, está basado en etiquetas y sirve para estructurar la forma de mostrar los contenidos de las páginas.
CSS:
Las hojas de estilo en cascada sirven para favorecer estéticamente los elementos y contenidos estructurados a través de las etiquetas HTML
TECNOLOGIA AL LADO DEL CLIENTE O EL SERVIDOR
Tecnologías de cliente:
permiten crear interfaces de usuario y establecer comunicación con el servidor basadas en HTML, CSS y JavaScript.
Tecnologías de servidor:
Permiten implementar comportamientos de la aplicación web en el servidor, los lenguajes de programación más utilizados son Java EE, .NET, PHP, Ruby on Rails, Python, Django, Groovy, Node.js, etc…
ARQUITECTURA WEB DE CONTENIDO ESTÁTICO Y DIANAMICO
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 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.
TECNOLOGÍA ESTÁNDAR AL LADO DEL CLIENTE
HTML:
(Hypertext Markup Languaje) proporciona la información estructurada en secciones, párrafos, título, imágenes,
CSS: (Cascading Style Sheets) se encarga de la distribución de los elementos y su estilo con colores, tipos de letra, fondos, efectos
Scripting:
Gracias al 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ÍA NO ESTÁNDAR
TECNOLOGIA DE SERVIDOR
