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.

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
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
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
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
45. PlantUML Online demo PlantUML Online demo PlantText PlantText
46. PlantUML offline demo PlantUML offline demo
47. PlantUML supported apps PlantUML supported apps
49. Bedankt voor jullie aandacht! Bedankt voor jullie aandacht! wat is jouw volgende stap?