Skip to content

Duración estimada: 3h

Introducción a los lenguajes de marcas

Introducción

Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.

Fuente: concepto de juangualberto

Imagen de chandlervid85 en Freepik Imagen de chandlervid85 en Freepik

Lenguajes vs codificaciones:

  • Esta es mi casa
  • This is my house
  • Das ist mein Haus
  • Αυτό είναι το σπίτι μου
  • Это мой дом
  • ここは私の家です
  • 这是我的房子
  • هذا هو منزلي

Codificaciones:

Por motivos históricos: ASCII Tabla ASCII

¿Qué problema le veis? ... ¿Dónde está la ñ, las tildes o ‘¿‘ ?
En la actualidad... CP-1252 vs UTF-8: aquí.
Nota: la conversión actual entre ambas codificaciones “suele” funcionar. Pese a ésto, hay problemas de conversión por lo que se recomienda no utilizar en nombres de archivos caracteres no disponibles en la tabla ASCII.

¿Diferencia entre Unicode y UTF-8?

Respuesta corta: Unicode es el acuerdo de caracteres disponibles, p.e. 💘 U+1F498 y los valores utilizados para almacenarlo en memoria en UTF-8 0xF0 0x9F 0x92 0x98 (4 bytes), o la “A” como U+0041 y en UTF-8 0x41 (1 byte).

Finales de línea

Para el almacenado de textos en archivos se toma como convección partir los párrafos utilizando un carácter de salto de línea que:

  • en Windows \r\n
  • en Unix (Linux) \n
  • en MacOs \r

TikTok

En nuestro módulo formativo

Dado que el sistema operativo estándar en servidores utiliza UTF-8, nosotros utilizaremos dicha codificación y el final de línea tipo UNIX \n.

Para ello utilizaremos la aplicación Notepad++ y la configuraremos a tal efecto (UTF-8 y final tipo Linux).

Fuentes

Tipos de lenguajes de marcas

  • Orientados a la presentación. En ellos los metadatos permiten indicar el formato en el que se debe presentar el texto. Es el caso de RTF, en el que sus etiquetas especifican tipos de letra, tamaños de página, colores, etc. Las primeras versiones de HTML también se consideran así, ya que incluían etiquetas como font mediante la cual se especificaba el formato de fuente.
  • Orientados a la descripción. En ellos las marcas especiales permiten dar significado al texto pero no indican cómo se debe presentar en pantalla el mismo. Sería el caso de XML (o de SGML), JSON, Markdown y de las versiones actuales de HTML. En estos lenguajes simplemente se indica el significado del contenido: si el texto es un título, un párrafo normal, un pie de ilustración, una dirección postal etc.
  • Orientados a procedimientos. Se trata de documentos en los que el texto marcado, se interpreta como órdenes a seguir, y así el archivo en realidad contiene instrucciones a realizar con el texto (girarle, convertirle en una fórmula, realizar una suma, etc.). Es el caso de LaTeX o PostScript.

Fuente: Jorge Sánchez

Lenguaje de marcado ligero para representación -> Markdown

Markdown es un lenguaje de marcado ligero que se puede utilizar para agregar elementos de formato a documentos de texto sin formato.

Ejercicio

Mostrar utilidad con ejercicio flujo de trabajo markdown <-> auto-render con mkdocs.

Control de versiones -> GIT

Git es un software de control de versiones diseñado por Linus Torvalds, pensando en la eficiencia, la confiabilidad y compatibilidad del mantenimiento de versiones de aplicaciones cuando estas tienen un gran número de archivos de código fuente.

Ejercicio

Vamos a ver las primeras pinceladas de para qué vale esto del control de versiones y porqué nos dicen que es tan importante:

  1. Crear un repo: git init
  2. Crear archivo (con notepad++)
  3. Ver estado: git status
  4. Añadir a repo: git add <FILE>
  5. Confirmar cambios: git commit -m”Añado archivo”
  6. Cambiar archivo (con notepad++)
  7. Actualizar en repo: git add <FILE>
  8. Confirmar cambios: git commit -m”Realizo cambios”
  9. Ver estado: git status
  10. Ver diferencias: git diff <FILE>
  11. Sincronizar con GITHUB
  12. Ver diferencias allí
  13. Borrar todo en local
  14. Clonar repositorio
  15. Ver historial