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...»)
 
 
(2 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
 +
{{MRM_Actividad|Title=Contenido del sitio web con hugo|
 +
*Siguiendo los apuntes  realiza un sitio web usando hugo como creador de sitios web estáticos
 +
*Realiza cada apartado donde se especifica '''''Ahora practica tú'''''
 +
*Puedes usar la plantilla que se propone o elegir otra que te guste más
 +
*Piensa en esta práctica como empezar a crear tu propio '''''portfolio web'''''  y darte a concer en la web
 +
}}
 +
 
{{MRM_Actividad|Title=Proceso de comunicación cliente/Servidor|
 
{{MRM_Actividad|Title=Proceso de comunicación cliente/Servidor|
 +
;Ahora en el sitio web creado, añade un fichero md con la siguiente información
 
*Realiza en un documento usando diagramas y detallando el proceso de carga de una página web
 
*Realiza en un documento usando diagramas y detallando el proceso de carga de una página web
 
#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, interprete de javaScript, ...)
 
{{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
 
}}
 
}}

Última revisión de 20:09 4 nov 2021


Icon activity.jpg
Contenido del sitio web con hugo
  • Siguiendo los apuntes realiza un sitio web usando hugo como creador de sitios web estáticos
  • Realiza cada apartado donde se especifica Ahora practica tú
  • Puedes usar la plantilla que se propone o elegir otra que te guste más
  • Piensa en esta práctica como empezar a crear tu propio portfolio web y darte a concer en la web





Icon activity.jpg
Proceso de comunicación cliente/Servidor
Ahora en el sitio web creado, añade un fichero md con la siguiente información
  • Realiza en un documento usando diagramas y detallando el proceso de carga de una página web
  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, interprete de javaScript, ...)
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