ModelCraft
    No edit summary
    Tag: 2017 source edit
    (Added Edited template with July 12, 2025.)
     
    (11 intermediate revisions by 2 users not shown)
    Line 1: Line 1:
    {{Edited|July|12|2025}}
    <html>
    <html>
    <style>
    <style>
    Line 4: Line 5:
           width: 100%;
           width: 100%;
           background: #E2F5FA;
           background: #E2F5FA;
           padding: 2rem;
           padding: 1rem;
           box-sizing: border-box;
           box-sizing: border-box;
           display: flex;
           display: flex;
    Line 11: Line 12:
       
       
         .model-craft-image-wrapper {
         .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 {
         .model-craft-image-wrapper img {
    Line 26: Line 29:
           display: flex;
           display: flex;
           flex-direction: column;
           flex-direction: column;
           gap: 2rem;
           gap: 1rem;
         }
         }
       
       
    Line 65: Line 68:
           display: flex;
           display: flex;
           flex-wrap: wrap;
           flex-wrap: wrap;
           gap: 20px;
           gap: 10px;
           justify-content: space-between;
           justify-content: space-between;
         }
         }
    Line 72: Line 75:
           max-width: 48%;
           max-width: 48%;
           width: 100%;
           width: 100%;
           padding: 40px 20px;
           padding: 20px 10px;
           position: relative;
           position: relative;
           box-sizing: border-box;
           box-sizing: border-box;
    Line 79: Line 82:
         .model-craft-step-content {
         .model-craft-step-content {
           background: rgba(255, 218.31, 187, 0.45);
           background: rgba(255, 218.31, 187, 0.45);
           border-radius: 30px;
           border-radius: 20px;
           padding: 20px;
           padding: 20px;
           margin-left: 140px;
           margin-left: 100px;
           height:250px;
           height:150px;
         }
         }
       
       
         .model-craft-step-number {
         .model-craft-step-number {
           width: 104px;
           width: 80px;
           height: 104px;
           height: 80px;
           position: absolute;
           position: absolute;
           left: 20px;
           left: 20px;
    Line 105: Line 108:
         .model-craft-step-title {
         .model-craft-step-title {
           color: black;
           color: black;
           font-size: 2em;
           font-size: 1.5em;
           font-family: Outfit, sans-serif;
           font-family: Outfit, sans-serif;
           font-weight: 600;
           font-weight: 600;
    Line 114: Line 117:
         .model-craft-step-description {
         .model-craft-step-description {
           color: black;
           color: black;
           font-size: 1.5em;
           font-size: 1em;
           font-family: Outfit, sans-serif;
           font-family: Outfit, sans-serif;
           font-weight: 400;
           font-weight: 400;
    Line 172: Line 175:
    <div class="model-craft-steps-container">
    <div class="model-craft-steps-container">
      </html>
      </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>ORM’s role in connecting object-oriented code to relational databases. </li>
    <li>Popular ORM frameworks (e.g., Hibernate, Entity..)</li></ul>}}
    <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:Praise_to_UML" 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/Documentation:CodeDress" style="color: black; text-decoration: underline;"> CodeDress </a> </li>
    <li> Code vs Model and the relationship between them </li> </ul>}}
    <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>
    {{#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/Documentation: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>}}
    <li> How to verify ViewModels </li> </ul>}}
    {{#widget:ModelCraft|step_number=8|step_title=MDriven Designer|step_description=Introduction to MDriven Designer features}}
    {{#widget:ModelCraft|step_number=8|step_title=MDriven Designer|step_description= <a href="/index.php/Documentation:MDriven_Designer_Features_%26_Settings" style="color: black; text-decoration: underline;"> Introduction to MDriven Designer features </a> }}
    <html>
    <html>
    </div>
    </div>
    </html>
    </html>

    Latest revision as of 06:29, 20 January 2025

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

    Image
    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

    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

    4
    Viewmodels

    8
    MDriven Designer

    Introduction to MDriven Designer features

    Retrieved from "https://wiki.mdriven.net/index.php?title=Training:ModelCraft&oldid=25771"

    © MDRIVEN . All Rights Reserved

    API Docs
    MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

    © MDRIVEN . All Rights Reserved