Training:ModelCraft: Difference between revisions

ModelCraft

Latest revision as of 12:50, 19 August 2024

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

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 79: / Line 81: @@
      .model-craft-step-content {
        background: rgba(255, 218.31, 187, 0.45);
-       border-radius: 30px;
+       border-radius: 20px;
        padding: 20px;
-       margin-left: 140px;
+       margin-left: 100px;
+      height:150px;
      }
      .model-craft-step-number {
-       width: 104px;
+       width: 80px;
-       height: 104px;
+       height: 80px;
        position: absolute;
        left: 20px;
@@ Line 104: / Line 107: @@
      .model-craft-step-title {
        color: black;
-       font-size: 45px;
+       font-size: 1.5em;
        font-family: Outfit, sans-serif;
        font-weight: 600;
@@ Line 113: / Line 116: @@
      .model-craft-step-description {
        color: black;
-       font-size: 32px;
+       font-size: 1em;
        font-family: Outfit, sans-serif;
        font-weight: 400;
@@ Line 136: / Line 139: @@
        .model-craft-step-title {
-         font-size: 36px;
+         font-size: 1.5em;
        }
        .model-craft-step-description {
-         font-size: 24px;
+         font-size: 1em;
        }
      }
@@ Line 146: / Line 149: @@
      @media (max-width: 480px) {
        .model-craft-step-title {
-         font-size: 28px;
+         font-size: 1.5em;
        }
        .model-craft-step-description {
-         font-size: 18px;
+         font-size: 1em;
        }
      }
@@ Line 157: / Line 160: @@
    <div class="model-craft-container">
      <div class="model-craft-image-wrapper">
-       <img src="/images/mainpage.svg" alt="Image" />
+       <img src="/images/c/ce/3d-blocks-blocks-composition-78_1.png" alt="Image" />
      </div>
      <div class="model-craft-content">
@@ Line 171: / Line 174: @@
 <div class="model-craft-steps-container">
   </html>
-{{#widget:ModelCraft|step_number=1|step_title=Introduction to Software Modeling|step_description=What is a Model and why is it essential?}}
+{{#widget:ModelCraft|step_number=1|step_title=Introduction to Software Modeling|step_description=What is a  <a href="/index.php/Documentation:Model" style="color: black; text-decoration: underline;"> Model </a> and why is it essential?}}
-{{#widget:ModelCraft|step_number=5|step_title=Object-relational mapping (ORM)|step_description= <ul><li> ORM </li>
+{{#widget:ModelCraft|step_number=5|step_title=Object-relational mapping (ORM)|step_description= <ul><li> <a href="/index.php/Documentation:OR_Mapping" style="color: black; text-decoration: underline;"> ORM </a> </li>
 <li>ORM’s role in connecting object-oriented code to relational databases. </li>
 <li>Popular ORM frameworks (e.g., Hibernate, Entity..)</li></ul>}}
-{{#widget:ModelCraft|step_number=2|step_title=Model driven development|step_description=<ul><li>The concept of MDD and its advantages.</li>
+{{#widget:ModelCraft|step_number=2|step_title=Model driven development|step_description=<ul><li>The concept of  <a href="/index.php/BestPractices:Model_Driven" style="color: black; text-decoration: underline;"> MDD </a> and its advantages.</li>
-<li> Modal views </li>
+<li> <a href="/index.php/Documentation:Modal_views" style="color: black; text-decoration: underline;"> Modal views </a> </li>
-<li> Introduction to UML </li> </ul>}}
+<li> <a href="/index.php/Training:Short_introduction_to_UML%E2%80%93_class_diagram" style="color: black; text-decoration: underline;"> Introduction to UML </a> </li> </ul>}}
-{{#widget:ModelCraft|step_number=6|step_title=Codegen & Adding Code to Models|step_description= <ul><li> CodeDress </li>
+{{#widget:ModelCraft|step_number=6|step_title=Codegen & Adding Code to Models|step_description= <ul><li>  <a href="/index.php/Training:CodeDress" style="color: black; text-decoration: underline;"> CodeDress </a> </li>
 <li> Code vs Model and the relationship between them </li> </ul>}}
-{{#widget:ModelCraft|step_number=3|step_title=UML (Unified Modeling Language)|step_description=UML School}}
+{{#widget:ModelCraft|step_number=3|step_title=UML (Unified Modeling Language)|step_description= <a href="/index.php/Documentation:UML_School" style="color: black; text-decoration: underline;"> UML School </a> }}
 {{#widget:ModelCraft|step_number=7|step_title=Debugging Models|step_description=<ul><li>Common pitfalls in modeling.</li>
-<li> How to debug models effectively.</li></ul>}}
+<li>  <a href="/index.php/Training:Using_the_model_debugger_to_change_the_model_itself" style="color: black; text-decoration: underline;"> How to debug models effectively. </a> </li></ul>}}
-{{#widget:ModelCraft|step_number=4|step_title=Viewmodels|step_description=<ul> <li> Introduction to ViewModels </li>
+{{#widget:ModelCraft|step_number=4|step_title=Viewmodels|step_description=<ul> <li> <a href="/index.php/Training:ViewModel" style="color: black; text-decoration: underline;"> Introduction to ViewModels </a> </li>
-<li> ViewModel validations </li>
+<li> <a href="/index.php/Documentation:ViewModel_validations" style="color: black; text-decoration: underline;"> ViewModel validations </a> </li>
 <li> How to verify ViewModels </li> </ul>}}
 {{#widget:ModelCraft|step_number=8|step_title=MDriven Designer|step_description=Introduction to MDriven Designer features}}