- Crea un sitio con hugo
- Selecciona un thema 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
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
|
En general
- Has de tener al menos 3 opciones de menú
- Debe de estar traducido a 3 idiomas (castellano, inglés y francés)
- 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/#/)
|
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)
|
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
- 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, ...)
Tip: Se pide una descripción realizada por vosotros, no copiar de internet, mejor con gráficos
|
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
|
|
