Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/Sintaxis/practica»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con «{{MRM_Actividad|Title=Proceso de comunicación cliente/Servidor| *Realiza en un documento usando diagramas y detallando el proceso de carga de una página web #Contempla la...»)
 
 
(13 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
 +
<!--
 +
{{MRM_Actividad|Title=Crea un sitio con hugo|
 +
*Crea un sitio con hugo
 +
*Selecciona un tema que te guste para usarlo. (puedes usar relearn, docsy o cualquiera)
 +
*Has de acceder a la plantilla para conocer su funcionamiento
 +
*Debes de incluir la información que se comenta a continuación, usando el formato markdown
 +
{{MRM_Actividad|Title=Página sobre tí|
 +
*Haz una página donde te puedas presentar, si no quieres comentar mucho, simplemente pon que eres estudiante de desarrollo web. Si prefieres puedes saltarte esta página
 +
}}
 +
{{MRM_Actividad|Title=En general|
 +
* Has de tener al menos 3 opciones de menú
 +
* Debe de estar traducido a 3 idiomas (castellano, inglés y francés)
 +
* Debes de incluir categorías y tags en taxonomías de cada página
 +
* En el markdown, Han de aparecer imágenes, código fuente, listado, viñetas, negrita, ....
 +
* Tienes que usar al menos 3 shortcode y hacer al menos un gráfico con mermaid (https://mermaid-js.github.io/mermaid/#/)
 +
}}
 +
 +
{{MRM_Actividad|Title=Sobre hugo|
 +
*Realiza una manual de cómo instalar hugo
 +
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|
−
*Realiza en un documento usando diagramas y detallando el proceso de carga de una página web
+
;Debes de realizar una descripción detallada del siguiente proceso:
 +
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|
 +
;A continuación te nombro varias herramientas/tecnologías para el desarrollo web.
 +
;Agrega un nuevo fichero md en tu sitio web explicándolo. Usa shortcode para darle un aspecto más visual
 +
*Se trata de que las agrupes y hagas un par de frases de qué es cada cosa.
 +
*Usa tus propias palabras y aporta la url de su página oficial
 +
*Aprovecha este ejercicio para ampliar tu volcabulario y conocimiento técnico:
 +
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ñ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



Icon activity.jpg
Proceso de comunicación cliente/Servidor
Debes de realizar una descripción detallada del siguiente proceso
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
  1. Contempla la posibilidad de tener que ejecutar script tanto en cliente como en servidor
  2. 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.)
Icon present.gif
Tip: Se pide una descripción realizada por vosotros, no copiar de internet, mejor con gráficos






Icon activity.jpg
Resuelve el puzle
A continuación te nombro varias herramientas/tecnologías para el desarrollo web.
Agrega un nuevo fichero md en tu sitio web explicándolo. Usa shortcode para darle un aspecto más visual
  • Se trata de que las agrupes y hagas un par de frases de qué es cada cosa.
  • Usa tus propias palabras y aporta la url de su página oficial
  • Aprovecha este ejercicio para ampliar tu volcabulario y conocimiento técnico: 
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ñade al menos 2 tecnologías/herramientas/utilidades que conozcas o encuentres en la red





Icon activity.jpg
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.



}}

Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/ProgramacionWeb/Sintaxis/practica&oldid=31986»