Muestra las diferencias entre dos versiones de la página.
Próxima revisión | Revisión previa Próxima revisión Ambos lados, revisión siguiente | ||
clase:daw:daw:1eval:tema01 [2020/09/08 18:37] 127.0.0.1 external edit |
clase:daw:daw:1eval:tema01 [2020/09/10 18:40] admin [La web] |
||
---|---|---|---|
Línea 1: | Línea 1: | ||
====== 1. Introducción. La web ====== | ====== 1. Introducción. La web ====== | ||
- | ===== Contenidos ===== | ||
- | * La Web | ||
- | * Chrome DevTools | ||
- | * Desplegar | ||
- | * Desafíos y tareas para desplegar | ||
- | * Herramientas relacionadas con el despliegue | ||
- | * Ejemplos de Tipos de Despliegue | ||
- | * Conceptos | ||
- | * NodeJS | ||
- | * Instalación | ||
- | * Proyectos | ||
- | * NPM | ||
- | * Programación | ||
+ | ===== La web ===== | ||
+ | La web son páginas (En formato HTML, Imagen, JSON, XML ,etc) que se interconectan entre ellas por enlaces (urls). | ||
- | ===== Material ===== | + | Su estructura es la siguiente: |
- | ==== La web ==== | + | {{esquema_web.png|}} |
- | La web son páginas (En formato HTML, Imagen, JSON, XML ,etc) que se interconectan entre ellas por enlaces (urls). | + | |
- | Su estructura es la siguiente: | ||
- | {{: | ||
El navegador solicita por TCP/IP el recurso a obtener. El formato de como solicita ese recurso es por el protocolo HTTP. Y el servidor de TCP/IP responde usando el protocolo HTTP devolviendo los datos. | El navegador solicita por TCP/IP el recurso a obtener. El formato de como solicita ese recurso es por el protocolo HTTP. Y el servidor de TCP/IP responde usando el protocolo HTTP devolviendo los datos. | ||
Línea 41: | Línea 27: | ||
* Código en el servidor: El programa específico de la aplicación que se ejecuta en el servidor Web | * Código en el servidor: El programa específico de la aplicación que se ejecuta en el servidor Web | ||
- | ==== Chrome DevTools ==== | + | En la siguiente imagen vemos un esquema similar en el que las peticiones van hacia varios servidores Web |
+ | |||
+ | {{fetching_a_page.png|}} | ||
+ | ===== Chrome DevTools | ||
Los navegadores suelen llevar herramientas para depurar las páginas web. En Chrome , si pulsamos F12 y pinchamos en la opción de " | Los navegadores suelen llevar herramientas para depurar las páginas web. En Chrome , si pulsamos F12 y pinchamos en la opción de " | ||
Línea 58: | Línea 47: | ||
- | ==== Desplegar ==== | + | ===== Desplegar |
< | < | ||
Línea 68: | Línea 57: | ||
</ | </ | ||
- | ==== Desafíos y tareas para desplegar ==== | + | ===== Desafíos y tareas para desplegar |
* Generación de la aplicación a instalar | * Generación de la aplicación a instalar | ||
Línea 100: | Línea 89: | ||
* [[http:// | * [[http:// | ||
- | ==== Herramientas relacionadas con el despliegue ==== | + | ===== Herramientas relacionadas con el despliegue |
Línea 118: | Línea 107: | ||
- | ==== Ejemplos de Tipos de Despliegue ==== | + | ===== Ejemplos de Tipos de Despliegue |
- Todo el código está en un único servidor servidor Web | - Todo el código está en un único servidor servidor Web | ||
Línea 137: | Línea 126: | ||
{{: | {{: | ||
- | ==== Conceptos ==== | + | ===== Conceptos |
* VPS (Virtual Private Server): Una máquina virtual que alquilas a una empresa. | * VPS (Virtual Private Server): Una máquina virtual que alquilas a una empresa. | ||
Línea 151: | Línea 140: | ||
- | === IAAS vs PAAS === | + | Ejemplo de PAAS en Java: |
+ | |||
+ | {{: | ||
+ | |||
+ | ==== IAAS vs PAAS ==== | ||
El IAAS es mas versátil ya que solo nos ofrecen el ordenador y nosotros nos montamos todo como queremos. El problema es que es mas complicado todo de hacer y tenemos que administrarlo todo: Sistema operativo, servidor web y aplicación | El IAAS es mas versátil ya que solo nos ofrecen el ordenador y nosotros nos montamos todo como queremos. El problema es que es mas complicado todo de hacer y tenemos que administrarlo todo: Sistema operativo, servidor web y aplicación | ||
Por otro lado en el PAAS, solo nos tenemos que preocupar de nuestra aplicación lo que hace que sea mas sencillo. El problema es que ya no hay tanta versatilidad, | Por otro lado en el PAAS, solo nos tenemos que preocupar de nuestra aplicación lo que hace que sea mas sencillo. El problema es que ya no hay tanta versatilidad, | ||
- | ==== NodeJS ==== | + | ===== NodeJS |
NodeJS (o simplemente node) es un lenguaje de programación basado en JavaScript. Al ser un lenguaje interpretado, | NodeJS (o simplemente node) es un lenguaje de programación basado en JavaScript. Al ser un lenguaje interpretado, | ||
¿Porque vamos a usar NodeJS? Porque muchas herramientas para el desarrollo web están hechas en node. | ¿Porque vamos a usar NodeJS? Porque muchas herramientas para el desarrollo web están hechas en node. | ||
Además del lenguaje de programación, | Además del lenguaje de programación, | ||
- | === Instalación de NodeJS === | + | ==== Instalación de NodeJS |
* Instalar Node en Ubuntu | * Instalar Node en Ubuntu | ||
Línea 180: | Línea 173: | ||
- | === NPM === | + | ==== NPM ==== |
Ahora vamos a configurar el proxy para el gestor de paquetes de node. | Ahora vamos a configurar el proxy para el gestor de paquetes de node. | ||
Línea 189: | Línea 182: | ||
</ | </ | ||
- | === Proyectos con node === | + | ==== Proyectos con node ==== |
* Inicializar un proyecto en Node. Se crea el fichero '' | * Inicializar un proyecto en Node. Se crea el fichero '' | ||
Línea 197: | Línea 190: | ||
</ | </ | ||
- | * Instalar un paquete. Se guarda en la carpeta '' | + | * Instalar un paquete |
Instalar la librería de JavaScript llamada " | Instalar la librería de JavaScript llamada " | ||
Línea 207: | Línea 200: | ||
* Instalar un paquete de forma global. Se guarda en "/ | * Instalar un paquete de forma global. Se guarda en "/ | ||
- | Instalar la librería de JavaScript llamada " | ||
<sxh bash> | <sxh bash> | ||
- | npm install typescript --save-dev | + | npm install typescript -g |
</ | </ | ||
Línea 218: | Línea 210: | ||
</ | </ | ||
- | === Programar en NodeJS === | + | ==== Programar en NodeJS |
Ahora vamos a ver como ejecutar código node. | Ahora vamos a ver como ejecutar código node. | ||