Skip to main content
Explore
Log in
Get started
Someone wanted to learn this too, so Grasp built them a personal learning path.
Create your own
UML and Mermaid.js Training
Module 1
Choosing and Rendering Software Diagrams
1
Selecting Effective UML and Mermaid Diagrams
Select an appropriate UML or Mermaid diagram type for a stated software or business-documentation question, distinguishing structural, behavioral, interaction, data, and architecture views.
Select an appropriate UML or Mermaid diagram type for a stated software or business-documentation question, distinguishing structural, behavioral, interaction, data, and architecture views.
2
Mastering Mermaid Diagrams: Creation and Troubleshooting
Render, validate, and troubleshoot a basic Mermaid diagram in the Mermaid Live Editor and a Markdown document.
Render, validate, and troubleshoot a basic Mermaid diagram in the Mermaid Live Editor and a Markdown document.
Module 2
Requirements and Business Workflows
3
Requirements Modeling Fundamentals
Identify actors, goals, use cases, and the system boundary in a short requirements scenario.
Identify actors, goals, use cases, and the system boundary in a short requirements scenario.
4
Creating Mermaid Use-Case Diagrams
Create a Mermaid flowchart approximation of a UML use-case diagram that shows actors, use cases, and their relationships while documenting unsupported UML notation.
Create a Mermaid flowchart approximation of a UML use-case diagram that shows actors, use cases, and their relationships while documenting unsupported UML notation.
5
Designing UML Activity Diagrams with Mermaid
Create a Mermaid workflow that expresses UML activity concepts, including actions, decisions, branches, merges, and terminal outcomes.
Create a Mermaid workflow that expresses UML activity concepts, including actions, decisions, branches, merges, and terminal outcomes.
Module 3
Object-Oriented Structure with Class Diagrams
6
Creating Class Diagrams with Mermaid
Encode classes, attributes, operations, and visibility markers in Mermaid class-diagram syntax.
Encode classes, attributes, operations, and visibility markers in Mermaid class-diagram syntax.
7
Defining Class Relationships
Apply association direction, multiplicity, and role labels to relationships in a class diagram.
Apply association direction, multiplicity, and role labels to relationships in a class diagram.
8
Object-Oriented Relationships: Inheritance, Aggregation, and Composition
Differentiate inheritance, aggregation, and composition and encode each relationship in Mermaid class-diagram syntax.
Differentiate inheritance, aggregation, and composition and encode each relationship in Mermaid class-diagram syntax.
Module 4
Relational Data Models with ER Diagrams
9
Database Conceptual Modeling
Derive entities, attributes, primary keys, and relationships from a small domain description.
Derive entities, attributes, primary keys, and relationships from a small domain description.
10
Designing Mermaid ER Diagrams
Create a Mermaid ER diagram with appropriate cardinality and optionality.
Create a Mermaid ER diagram with appropriate cardinality and optionality.
Module 5
API and Runtime Interactions with Sequence Diagrams
11
Designing UML Sequence Diagrams for API Workflows
Translate an API or runtime scenario into ordered participants and messages in a UML sequence diagram.
Translate an API or runtime scenario into ordered participants and messages in a UML sequence diagram.
12
Mastering Mermaid Sequence Diagrams
Represent synchronous calls, asynchronous messages, returns, and activation periods in Mermaid sequence-diagram syntax.
Represent synchronous calls, asynchronous messages, returns, and activation periods in Mermaid sequence-diagram syntax.
13
Modeling Logic in Interaction Diagrams
Model conditional and repeated interactions using alternative and loop fragments.
Model conditional and repeated interactions using alternative and loop fragments.
Module 6
Lifecycle Behavior with State Diagrams
14
Modeling Entity Life Cycles
Derive states, events, transitions, guards, and actions from an entity-lifecycle description.
Derive states, events, transitions, guards, and actions from an entity-lifecycle description.
15
Designing State Diagrams with Mermaid
Create a Mermaid state diagram containing initial and terminal states, guarded transitions, and composite behavior.
Create a Mermaid state diagram containing initial and terminal states, guarded transitions, and composite behavior.
Module 7
System Architecture and Deployment Views
16
Architecting Subsystem Components with UML and Mermaid
Construct a UML component view of subsystem responsibilities, interfaces, and dependencies using Mermaid-compatible notation, documenting relevant notation gaps.
Construct a UML component view of subsystem responsibilities, interfaces, and dependencies using Mermaid-compatible notation, documenting relevant notation gaps.
17
Designing UML Deployment Diagrams with Mermaid
Construct a UML deployment view that maps software artifacts and services to runtime infrastructure using Mermaid-compatible notation, documenting relevant notation gaps.
Construct a UML deployment view that maps software artifacts and services to runtime infrastructure using Mermaid-compatible notation, documenting relevant notation gaps.
Module 8
Coherent Diagram-Based Documentation
18
Creating Consistent System Design Documentation
Assemble and cross-check a concise Markdown design document that reuses Mermaid architecture, data, and interaction diagrams to present mutually consistent views of one system.
Assemble and cross-check a concise Markdown design document that reuses Mermaid architecture, data, and interaction diagrams to present mutually consistent views of one system.