Tekst-gebaseerde tools, echt niet alleen voor nerds...

Tekst-gebaseerde tools, echt niet alleen voor nerds...

Het lijkt een beetje nerdy maar in deze sessie laat ik je de kracht zien van platte tekst (o.a. markdown). Met behulp van een eenvoudige editor en wat tools maken we:

- een statische website,
- documentatie,
- een presentatie en
- schema's in Confluence

Voordeel van deze tekst-gebaseerde tools is dat deze ook gemakkelijk te combineren zijn met versiebeheer tools zoals Git en daarnaast op alle platformen beschikbaar zijn.

107bf3f27c9ed8aa6bfa3ef4d718df04?s=128

Albert W. Alberts

March 21, 2019
Tweet

Transcript

  1. Tekst-gebaseerde tools, Tekst-gebaseerde tools, echt niet alleen voor nerds... echt

    niet alleen voor nerds...
  2. Het lijkt een beetje nerdy maar in deze sessie laat

    ik je de kracht zien van platte tekst (o.a. markdown). Met behulp van een eenvoudige editor en wat tools maken we: een statische website, documentatie, een presentatie en schema's in Confluence Voordeel van deze tekst-gebaseerde tools is dat deze ook gemakkelijk te combineren zijn met versiebeheer tools zoals Git en daarnaast op alle platformen beschikbaar zijn.
  3. Markdown, hoe het begon ... Markdown, hoe het begon ...

  4. Er was eens een prins, Er was eens een prins,

  5. zijn naam was John ... zijn naam was John ...

  6. John Gruber John Gruber

  7. John Gruber John Gruber "The overriding design goal for Markdown's

    formatting syntax is to make it as readable as possible.
  8. John Gruber John Gruber "The overriding design goal for Markdown's

    formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text,
  9. John Gruber John Gruber "The overriding design goal for Markdown's

    formatting syntax is to make it as readable as possible. The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it's been marked up with tags or formatting instructions."
  10. Markdown Markdown

  11. Markdown Markdown MultiMarkdown MultiMarkdown

  12. Markdown Markdown MultiMarkdown MultiMarkdown CommonMark CommonMark

  13. Markdown Markdown MultiMarkdown MultiMarkdown CommonMark CommonMark GitHub Flavored Markdown GitHub

    Flavored Markdown
  14. Markdown Markdown MultiMarkdown MultiMarkdown CommonMark CommonMark GitHub Flavored Markdown GitHub

    Flavored Markdown Gestandaardiseerd in RFC 7763 (Markdown) en RFC 7764 (MultiMarkdown, CommonMark en GFM)
  15. Verschillen ? Verschillen ?

  16. Verschillen ? Verschillen ? Verschillen ! Verschillen !

  17. Verschillen ? Verschillen ? Verschillen ! Verschillen ! Werkbaar ?

    Werkbaar ?
  18. Verschillen ? Verschillen ? Verschillen ! Verschillen ! Werkbaar ?

    Werkbaar ? Werkbaar ! Werkbaar !
  19. Markdown & GFM Documentatie Markdown & GFM Documentatie GitHub GitHub

    Mastering Markdown Mastering Markdown
  20. Markdown online demo Markdown online demo marked.js.org/demo marked.js.org/demo

  21. Markdown offline demo Markdown offline demo with TextEdit & Marked

    2 with TextEdit & Marked 2
  22. None
  23. Statische websites via Markdown Statische websites via Markdown

  24. Statische website? Statische website?

  25. Statische website: Statische website: geen database back-end pagina's bestaande uit

    HTML + CSS content is statisch betere caching betere performance veilig
  26. Voorbeeld sites Voorbeeld sites tisgoud.nl tisgoud.nl wheelies.nl wheelies.nl devNetNoord devNetNoord

  27. Static Site Generators Static Site Generators StaticGen StaticGen

  28. None
  29. Documentatie via MarkDown Documentatie via MarkDown

  30. MkDocs MkDocs MkDocs is a fast, simple and downright gorgeous

    static site generator that's geared towards building project documentation. Documentation source files are written in Markdown, and configured with a single YAML configuration file.
  31. MkDocs MkDocs MkDocs MkDocs

  32. MkDocs with Material theme MkDocs with Material theme

  33. None
  34. Presentatie via Markdown Presentatie via Markdown

  35. Reveal.js Reveal.js Reveal.js Reveal.js

  36. Content slides Content slides in extern Markdown bestand.

  37. PlantUML PlantUML

  38. PlantUML PlantUML PlantUML is an open-source tool allowing users to

    create UML diagrams from a plain text language.
  39. PlantUML PlantUML PlantUML is an open-source tool allowing users to

    create UML diagrams from a plain text language. The language of PlantUML is an example of an Application Specific Language.
  40. PlantUML PlantUML PlantUML is an open-source tool allowing users to

    create UML diagrams from a plain text language. The language of PlantUML is an example of an Application Specific Language. It has been used to allow blind students to work with UML.
  41. PlantUML URL PlantUML URL PlantUML PlantUML

  42. None
  43. None
  44. None
  45. PlantUML Online demo PlantUML Online demo PlantText PlantText

  46. PlantUML offline demo PlantUML offline demo

  47. PlantUML supported apps PlantUML supported apps

  48. None
  49. Bedankt voor jullie aandacht! Bedankt voor jullie aandacht! wat is

    jouw volgende stap?