Training:ModelCraft: Difference between revisions

ModelCraft

Revision as of 13:13, 12 August 2024

This page was created by Edgar on 2024-08-10. Last edited by Edgar on 2025-01-20.

MDRIVEn MODELCRAFT

ModelCraft is your introduction to the world of modeling through the MDriven lens. Here, you will gain a thorough grasp of modeling basics, understand UML, and master ViewModels.

1

Introduction to Software Modeling

What is a Model and why is it essential?

5

Object-relational mapping (ORM)

ORM
ORM’s role in connecting object-oriented code to relational databases.
Popular ORM frameworks (e.g., Hibernate, Entity..)

2

Model driven development

The concept of MDD and its advantages.
Modal views
Introduction to UML

6

Codegen & Adding Code to Models

CodeDress
Code vs Model and the relationship between them

3

UML (Unified Modeling Language)

UML School

7

Debugging Models

Common pitfalls in modeling.
How to debug models effectively.

4

Viewmodels

Introduction to ViewModels
ViewModel validations
How to verify ViewModels

8

MDriven Designer

Introduction to MDriven Designer features

@@ Line 4: / Line 4: @@
        width: 100%;
        background: #E2F5FA;
-       padding: 2rem;
+       padding: 1rem;
        box-sizing: border-box;
        display: flex;
@@ Line 11: / Line 11: @@
      .model-craft-image-wrapper {
-      flex: 0 0 auto;
+    flex: 0 0 auto;
-      margin-right: 2rem;
+    margin-bottom: 1rem;
-     }
+    width: 80%;
+     max-width: 400px;
+}
      .model-craft-image-wrapper img {
@@ Line 26: / Line 28: @@
        display: flex;
        flex-direction: column;
-       gap: 2rem;
+       gap: 1rem;
      }
@@ Line 65: / Line 67: @@
        display: flex;
        flex-wrap: wrap;
-       gap: 20px;
+       gap: 10px;
        justify-content: space-between;
      }
@@ Line 72: / Line 74: @@
        max-width: 48%;
        width: 100%;
-       padding: 40px 20px;
+       padding: 20px 10px;
        position: relative;
        box-sizing: border-box;
@@ Line 86: / Line 88: @@
      .model-craft-step-number {
-       width: 104px;
+       width: 80px;
-       height: 104px;
+       height: 80px;
        position: absolute;
        left: 20px;
@@ Line 105: / Line 107: @@
      .model-craft-step-title {
        color: black;
-       font-size: 2em;
+       font-size: 1.5em;
        font-family: Outfit, sans-serif;
        font-weight: 600;
@@ Line 114: / Line 116: @@
      .model-craft-step-description {
        color: black;
-       font-size: 1.5em;
+       font-size: 1em;
        font-family: Outfit, sans-serif;
        font-weight: 400;