Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/Sintaxis/practica»
De WikiEducator
| (4 revisiones intermedias por el mismo usuario no mostrado) | |||
| Línea 20: | Línea 20: | ||
1.- Qué es hugo y cómo se instala en windows y en linux (usa el shortcode tab, si lo tiene tu plantilla) | 1.- Qué es hugo y cómo se instala en windows y en linux (usa el shortcode tab, si lo tiene tu plantilla) | ||
}} | }} | ||
| + | --> | ||
{{MRM_Actividad|Title=Proceso de comunicación cliente/Servidor| | {{MRM_Actividad|Title=Proceso de comunicación cliente/Servidor| | ||
| − | ; | + | ;Debes de realizar una descripción detallada del siguiente proceso: |
| − | *Realiza en un documento usando diagramas y detallando el proceso de carga de | + | Un usuario abre un navegador |
| + | Escribe una URL en la sección correspondiente | ||
| + | Acto seguido aparece una rederización de una página web | ||
| + | *Realiza en un documento usando diagramas y detallando el proceso de carga de dicho recurso | ||
#Contempla la posibilidad de tener que ejecutar script tanto en cliente como en servidor | #Contempla la posibilidad de tener que ejecutar script tanto en cliente como en servidor | ||
| − | #Identifica en un bloque cada uno de los elementos (CLIENTE, SERVIDOR o MEDIOS) o programas necesarios (programa navegador, protocolo http en cliente, servidor dns, interprete de javaScript, | + | #Identifica en un bloque cada uno de los elementos (CLIENTE, SERVIDOR o MEDIOS) o programas necesarios (programa navegador, protocolo http en cliente, servidor dns, fichero hosts, temas de cache, interprete de javaScript, la parte de css, bases de datos.) |
{{Tip| Se pide una descripción realizada por vosotros, no copiar de internet, mejor con gráficos}} | {{Tip| Se pide una descripción realizada por vosotros, no copiar de internet, mejor con gráficos}} | ||
}} | }} | ||
| − | + | ||
{{MRM_Actividad|Title= Resuelve el puzle| | {{MRM_Actividad|Title= Resuelve el puzle| | ||
;A continuación te nombro varias herramientas/tecnologías para el desarrollo web. | ;A continuación te nombro varias herramientas/tecnologías para el desarrollo web. | ||
| Línea 42: | Línea 46: | ||
*Añade al menos 2 tecnologías/herramientas/utilidades que conozcas o encuentres en la red | *Añade al menos 2 tecnologías/herramientas/utilidades que conozcas o encuentres en la red | ||
}} | }} | ||
| + | {{MRM_Actividad | ||
| + | |Title= Resuelve el puzle | ||
| + | |A continuación te nombro varias herramientas y tecnologías relacionadas con el desarrollo web en entorno servidor. | ||
| + | Crea un nuevo fichero '''.md''' en tu sitio web y documenta cada una de ellas. | ||
| + | |||
| + | ;Indicaciones | ||
| + | * Agrúpalas por categorías (lenguajes, frameworks, librerías, despliegue, etc.). | ||
| + | * Escribe un par de frases con tus propias palabras explicando qué es cada cosa. | ||
| + | * Incluye la **URL de la página oficial** de cada tecnología. | ||
| + | * Usa un **shortcode** de Hugo para darle un aspecto más visual. | ||
| + | * Aprovecha este ejercicio para **ampliar tu vocabulario técnico**. | ||
| + | |||
| + | ;Tecnologías a investigar | ||
| + | * '''''Lenguajes / tipado''''': PHP, JavaScript, TypeScript, JSP, Python/Django | ||
| + | * '''''Frameworks y librerías frontend''''': Vue, React, Angular, jQuery, Bootstrap, TailwindCSS, Filament | ||
| + | * '''''Compiladores y bundlers''''': Babel, Webpack, Vite, Polyfill | ||
| + | * '''''Generadores de sitios estáticos''''': Hugo, Jekyll, Gatsby, Pelican, VuePress, Astro | ||
| + | * '''''Infraestructura y despliegue''''': Docker, Heroku, Git/GitHub/GitLab, AWS (EC2, Beanstalk, S3, RDS) | ||
| + | * '''''Otros conceptos''''': Scraping, API REST, GraphQL | ||
| + | |||
| + | ;Ampliación | ||
| + | * Añade al menos '''''2 tecnologías o herramientas adicionales''''' que conozcas o encuentres en la red. | ||
| + | |||
| + | }} | ||
}} | }} | ||
Última revisión de 09:46 24 sep 2025
Un usuario abre un navegador Escribe una URL en la sección correspondiente Acto seguido aparece una rederización de una página web
 Tip: Se pide una descripción realizada por vosotros, no copiar de internet, mejor con gráficos
|
Babel WebPack Prototype Polyfill PHP Frameworks de php DJango JSP Css Bootstrap Vue React Angular JavaScript TypeScript JQuery Gatsby Hugo Jekyll Pelican Scraping heroku Vuespress
|
| A continuación te nombro varias herramientas y tecnologías relacionadas con el desarrollo web en entorno servidor.
Crea un nuevo fichero .md en tu sitio web y documenta cada una de ellas.
|
}}
