Desarrollo y Mantenimiento de Sistemas Informáticos

4º. 1er cuatrimestre. Itinerario de Sistemas de la Información. Grado en Ingeniería Informática. ULL

---

Organization org   Github Classroom classroom   Campus Virtual campus   Students Activity   Chat Chat

Clase del Lunes 2022/10/31

Lab “Introduction to Systems Development” and Static Generators

• Descripción del lab “Introduction to Systems Development”) and Static Generators
• Apuntes de Jekyll

Hemos visto

• Significado de algunos de los elementos en el _config.yml
• Como hacer deploys en GitHub Pages y como observarlo con GitHub Actions
• Jekyll Variables
• Un poco de Liquid: for loops, if, interpolación, filtros, etc.
• El objeto page y como funciona el preamble/frontmatter de una página
• La función de la carpeta _data
• Los layouts
• El atributo content de los layouts
• Como usar Collections en Jekyll

• Front Matter Defaults, estudie y practique como se usan. Muestre que los ha usado en su informe de entrega.

  The different types that are available to you are pages, posts, drafts or any collection in your site

An introduction to JS to build a customized 404 page

Para hacer una página 404 personalizada puede inspirarse en la que se describe en estos apuntes 404.md

Puede servir fácilmente páginas de error 404 personalizadas con Jekyll reemplazando la página predeterminada Error 404 – File Not Found que se muestra cuando uno intenta acceder a un enlace roto en su sitio.

Cualquier fichero 404.html en la raíz de su directorio _site será atendido automáticamente por GitHub Pages y el servidor de desarrollo WEBrick local.

Véase la documentación de Jekyllrb en Custom 404 Page

Para hacer una página 404 personalizada puede inspirarse en la que se describe en estos apuntes 404.md que puede ver en funcionamiento aquí mismo

You can install the VSCode extension Thunder Client for testing the cat API.

More about Deploys

• Como hacer deploys en Netlify (hacer público el repo) o Vercel

More about Data

• Como usar Data Files
• Ejemplo: https://ull-esit-dmsi.github.io/teams
  • GraphQL query
  • Fichero teams.json con la respuesta del query

Rúbrica

• Grading Rubric for this lab

Repos de entrega

• Aquí un enlace a los Repos de entrega de esta práctica