Markdown: Aprende una nueva forma de escribir

Markdown es un “lenguaje de marcado ligero“, un lenguaje fácil, simple y cómodo para editar textos ideado por John Gruber y Aaron Swartz, que nació como una forma de escritura para la web pero últimamente se está poniendo muy de moda (sobre todo por ser muy usado en sitios como GitHub) y que permite escribir y publicar en cualquier lugar y sin experiencia de una forma limpia y sencilla.
Escribir una vez, (auto)publicar en varios formatos: eso es lo que Markdown nos permite, centrándonos en el contenido y dándole forma sin necesidad de ser expertos en informática ni en complicados procesadores de textos. Con Markdown puedes escribir y dar forma a mis contenidos desde tu tablet o teléfono, además del ordenador.

¡Empieza a crear tus textos y tus presentaciones con Markdown cuanto antes!

Transcript

1. MARKDOWN: Aprende una nueva forma de escribir Araba Encounter - 07/10/16
2. QUIÉN SOY Imanol Terán Maruri iOS & Web developer and trainer
3. Temario → ¿Qué es Markdown y por qué utilizarlo? → Markdown básico → Multiplataforma (macOS, PC, iOS, Web...) → Markdown avanzado → Flujo de trabajo en Markdown
4. ¿Qué es Markdown y por qué utilizarlo?
5. Markdown es un lenguaje de marcado ligero creado por John Gruber que trata de conseguir la máxima legibilidad y facilidad de publicación tanto en su forma de entrada como de salida, inspirándose en muchas convenciones existentes para marcar mensajes de correo electrónico usando texto plano. — Wikipedia
6. TEXTO PLANO
7. Características de Markdown → Alfabeto tradicional + caracteres como "*","`", ""#" → Se está convirtiendo en un estándar (científicos, escritores, desarrolladores...) → Se utiliza en Github o Reddit → Centrado en el contenido
8. Ventajas de usar Markdown → Flexibilidad. → Escribe una vez, utiliza dónde quieras. → Te aseguras compatibilidad en el futuro. → Facilidad para compartir, a diferencia de Word y otros procesadores de texto → Curva de aprendizaje poco pronunciada
9. Posibles usos de Markdown → Presentaciones → Edición de textos → Publicación en blogs → Documentación de código → Redacción de libros
10. Markdown básico Sintáxis
11. Sintáxis | Encabezados
12. Encabezado1 Encabezado2 Encabezado3 Encabezado4 Encabezado5 Encabezado6
13. Encabezado1 Encabezado2 Encabezado3 Encabezado4 Encabezado5 Encabezado6
14. Sintáxis | Negrita y cursiva
15. Para escribir un texto en negrita, utilizamos la combinación **texto en negrita** o __texto en negrita__
16. Para escribir un texto en cursiva, utilizamos la combinación *texto en cursiva* o _texto en cursiva_
17. Sintáxis | Enlaces
18. Al igual que en HTML, tenemos dos tipos de enlaces en Markdown → Enlaces en línea → Enlaces de referencia → Otro punto del documento → Referencia a mismo punto desde sitios diferentes
19. Enlaces en línea [Texto del enlace](link)
20. Enlaces de referencia [Texto del enlace][nombre de tu referencia] [nombre de tu referencia]: link
21. Se puede añadir énfasis en los enlaces pero no es recomendable añadir links en textos de cabecera
22. Sintáxis | Imágenes
23. → Misma estructura que los enlaces, añadiendo ! delante y el enlace será la ruta donde se encuentra la imagen → También se pueden referenciar en un mismo documento, igual que los enlaces
24. 
28. Texto sobre una imagen Si introduces un texto después de una imagen, se aplica un filtro para que el texto sea más legible
29. Podemos quitar el filtro
30. Hacer zoom
31. Dividir la pantalla Utilizando las palabras "left" o "right", colocamos la imagen en la mitad izquierda o derecha de la pantalla
32. Forzar filtro Mediante la palabra clave "filtered"
33. Ajustar imagen en pantalla dividida Con la palabra "fit" ajustamos el tamaño de la imagen
34. Sintáxis | Citas
36. “If you don't have time to read, you don't have the time (or the tools) to write. Simple as that.” ― Stephen King
37. → Podemos crear una cita, poniendo delante de un texto el símbolo ">" y el autor de la cita tras "-", después de ENTER → Dentro de una cita, pueden ir contenidos el resto de elementos de Markdown.
38. “If you don't have time to read, you don't have the time (or the tools) to write. Simple as that.” La cita puede tener dos párrafos O incluso 3 — Imanol Terán
39. Sintáxis | Listas
40. 1. Listas 2. ordenadas → Desordenadas
41. → Listas → desordenadas
42. 1. LISTAS ORDENADAS 2. Introducir 1. 3. 2. 4. Y así sucesivamente... !
43. → LISTAS DESORDENADAS → Pueden generarse con diferentes símbolos → "+" → "-" → "*"
44. Dentro de las listas podemos poner negritas, cursivas o enlaces
45. Y, por supuesto, podemos crear listas → anidadas → anidadas 1. Y combinadas * No recomendable más de 3 niveles de indentación
46. Sintáxis | Párrafos
47. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
48. Si pulsamos ENTER una vez: salto de línea Si pulsamos ENTER dos veces: línea extra separando los párrafos
49. → También podemos meter párrafos dentro de listas Esto sería un párrafo dentro de este mismo item. → Y este sería otro item de la lista con más párrafos. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
50. Sintáxis | Código
51. <html> <head></head> <body></body> </html>
52. override func viewDidLoad() { super.init() let myView:UIView }
53. h1 { color: #f3f3f3; font-size: 1.5em; padding: 10px 2px; }
54. → Muy útil para escribir publicaciones o documentación técnica. → Permite mostrar partes de código en cualquier lenguaje de programación. → Tenemos que meter nuestro código entre los caracteres ~~~ codigo ~~~
55. → También podemos meter líneas simples de código entre los símnolos `` var miVariable = "Línea simple de código"
56. Sintáxis | Omitir Markdown
57. Si quiero mostrar un elemento de Markdown como texto normal, no interpretable, introducir una barra invertida "\" antes del símbolo
58. ## *** ![]()
59. Multiplataforma macOS, Windows, iOS, Android, Web...
61. → Ulysses → iA Writer → Typed → Write → Byword
63. → Writemonkey → MarkdownPad → MarkPad → MdCharm
65. → Ulysses → iA Writer → Write → Byword
67. → iA Writer → JotterPad → Monospace → MarkdownX
69. → Dingus → Markable
70. Markdown avanzado
71. MULTIMARKDOWN
72. → Markdown cumple muchas necesidades a la hora de escribir textos, documentación...etc. → Nos hace la vida más fácil. → Si queremos ir un poco más allá, se queda un poco corto. → No podemos usar tablas, notas a pie de página...
73. → Han surgido nuevas sintaxis a partir de la original. - MULTIMARKDOWN es una de ellas → Multimarkdown (también conocido como MMD), nació de la necesidad de Fletcher Penney de escribir documentos académicos utilizando Markdown.
74. → MMD incluye todas las funcionalidades de Markdown y le añade otras como: tablas, notas a pie de página o metadatos. → CUIDADO, no todas las apps soportan MMD.
75. MMD TABLAS
76. 1. Especificar los elementos de la cabecera de cada columna deberás encerrarlos entre barras verticales "|" 2. Crear una línea adicional debajo para especificar que los encabezados terminan. (--) 3. Misma estructura, con el contenido de cada celda.
77. | Columna 1 | Columna2 | Columna3 | | -- | -- | -- | | Contenido 1-1 | Contenido 1-2 | Contenido 1-3 | | Contenido 2-1 | Contenido 2-2 | Contenido 2-3 | | Contenido 3-1 | Contenido 3-2 | Contenido 3-3 |
78. MMD NOTAS A PIE DE PÁGINA
79. Esto es un texto normal que contiene una nota1. Puedes escribir tanto como necesites. Lorem ipsum dolor sit amet, consectetur adipisicing elit 2 , sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 2 Otra nota 1 Esto es una nota a pie de página.
80. → Se pueden utilizar cuantas notas a pie de página se quieran → La sintáxis es [^nombreDeTuNota] y debajo indicar el contenido de la nota para ese nombre
81. MMD METADATOS
82. → Útiles cuando queremos añadir información sobre nuestro documento, sin que esta aparezca en el mismo. → Solo hay que incluir toda esta información al comienzo de nuestro documento Markdown.
83. Title: Markdown, aprende una nueva forma de escribir Author: Imanol Terán Maruri Date: 22/09/16
84. Más de 30 tipos de metadatos soportados por MMD.
85. → Address: dirección del autor → Author: nombre del autor. → Affiliation: organizaciones con las que el documento puede estar afiliado (compañías, universidades…) → Comment: comentarios acerca de la obra.
86. → Copyright: incluye un copyright o tipo de licencia en tu documento. → Date: fecha de creación del documento. → Email: email del autor. → Keywords: palabras clave que definen tu documento, separadas por comas.
87. → Subtitle: subtítulo oficial del documento. → Title: título oficial del documento. → Web: URL del autor.
88. MMD ABREVIACIONES
89. MMD ofrece muchas más posibilidades que MD. *[MMD]: Abreviación para Multimarkdown *[MD]: Abreviación para Markdown
90. → Igual que links de referencia, precedidos por un asterisco. → En HTML, pasando cursor sobre abreviación, y vemos el texto introducido.
91. MMD DEFINICIONES
92. Markdown : Herramienta de conversión de texto plano a HTML. : Lenguaje de marcado que facilita la escritura de documentos y artículos web. Multimarkdown : Lenguaje de marcado que añade características a las carencias de su hermano Markdown (tablas, notas al pie de página, listas de definiciones como esta…)
93. Flujo de trabajo en Markdown
94. 1. Escribir texto Markdown
95. 2. Abrir en la app que quieras
96. 3. Exporta al formato deseado
97. 4. Reutiliza tu texto para lo que quieras
98. 5. No querrás escribir de otra forma !"
99. MUCHAS GRACIAS
100. Imanol Terán Maruri @itermar itermar@gmail.com
101. Descarga la presentación http://bit.ly/2e8oeYB