Bootcamp/Levels/Intermediate
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
 
(10 intermediate revisions by the same user not shown)
Line 2: Line 2:
      
      
<style>
<style>
        .container {
.container {
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
Line 9: Line 9:
             padding: 20px;
             padding: 20px;
         }
         }
         .icon-box-container {
         .info-box-container {
             display: flex;
             display: flex;
             width: 90%;
             width: 90%;
             max-width: 1200px;
             max-width: 1200px;
             position: relative;
             position: relative;
             margin-bottom: -20px; /* Adjust to make it appear closer to the section */
             margin-bottom: -20px;
         }
         }
         .image-icon {
         .image-icon {
Line 24: Line 24:
             flex-grow: 1;
             flex-grow: 1;
             border-radius: 20px;
             border-radius: 20px;
             background: rgba(255, 218, 187, 0.45);
             background: rgba(241, 217, 143, 0.4);
             padding: 20px;
             padding: 20px;
             margin-left: 60px; /* Aligns with the steps */
             margin-left: 60px; /* Aligns with the steps */
Line 40: Line 40:
         }
         }
         .chapter {
         .chapter {
             background: #FFDABB;
             background: #F1D98F;
             padding: 10px 20px;
             padding: 10px 20px;
             font-size: 1.5em;
             font-size: 1.5em;
Line 47: Line 47:
         }
         }
         .steps {
         .steps {
             background: rgba(255, 218, 187, 0.40);
             background: rgba(241, 217, 143, 0.4);
             padding: 10px 20px;
             padding: 10px 20px;
             font-size: 1.2em;
             font-size: 1.2em;
Line 60: Line 60:
             grid-column: 2 / 3;
             grid-column: 2 / 3;
             grid-row: 2 / 3;
             grid-row: 2 / 3;
            background:rgba(241, 217, 143, 0.1);
         }
         }


Line 87: Line 88:
             }
             }
         }
         }
.headerContent {
    padding: 5em;
}
@media (max-width: 767px) {
.headerContent {
padding: 2rem 1em;
max-width: none;
}
.heading {
font-size: 1.5em;
}
.sub-heading {
font-size: 1em;
}
.description {
font-size: 0.875em;
}
.input-container {
max-width: none;
height: auto;
}
.search-icon {
margin-left: 1em;
}
.search-input {
padding-left: 1em;
padding-right: 1em;
}
img {
max-width: 100%;
height: auto;
}
}
     </style>
     </style>
</head>
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
<body>
  <div class="headerContent" style="width: auto; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
    <div style="color: #44546F;">Training</div>
    <div class="heading" style="color: #112B3C; font-size: 2.25em; font-weight: 700; text-transform: uppercase;">INTERMEDIATE: CONTENT & OUTLINE</div>
    <span style="color: black; font-size: 16px; word-wrap: break-word"><span style="font-weight:bold;">BEGIN YOUR JOURNEY</span></br>
Explore how MDriven’s modeling tools can help you achieve your business goals. </span>
  </div>
</div>
     <div class="container">
     <div class="container">
        <!-- Image and Box aligned with the steps part -->
    <!-- Image and Box aligned with the steps part -->
        <div class="icon-box-container">
    <div class="info-box-container">
            <img src="https://newwikicopy.mdriven.net/images/4/41/Welcome_Video_-_MDrivenBootcamp_%281%29_1.svg" alt="Icon" class="image-icon">
        <div class="info-box">
            <div class="info-box">
            Throughout this training process, we'll familiarize you with the MDriven Designer using the example of a car management system. This includes creating elements like Cars and a Car Factory and adding people such as a Car Owner and Car Dealer. Every chapter adds a different piece to the overall system.
                Throughout this training process, we'll familiarize you with the MDriven Designer using the example of a car management system. This includes creating elements like Cars and a Car Factory and adding people such as a Car Owner and Car Dealer. Every chapter adds a different piece to the overall system.
            Let's begin!
Let's begin!
            </div>
         </div>
         </div>
        <img src="https://wiki.mdriven.net/images/0/00/Person_intermediate.png" alt="Icon" class="image-icon">
</div>
<!-- Section 1 (Chapter 4) -->
<!-- Section 1 (Chapter 4) -->
<div class="section">
<div class="section">
Line 104: Line 144:
     <div class="steps">Steps 106 - 145: Action Language and OCL-PS</div>
     <div class="steps">Steps 106 - 145: Action Language and OCL-PS</div>
     <div class="description">
     <div class="description">
        <ul>
</html>
            <li>Read the Manifest on MDriven’s view of what a line of business application needs</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Read the Manifest on MDriven’s view of what a line of business application needs]]
            <li>Introduction to the Seeker Form</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Introduction to the Seeker Form]]
            <li>Understand the meaning of “null” and how to use the “isnull” operator</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Understand the meaning of “null” and how to use the “isnull” operator]]
            <li>Introduction to Action language</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Introduction to Action language]]
            <li>Test the assign operator ( := )</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Test the assign operator ( := )]]
            <li>Use the action operator separator semicolon ( ; )</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Use the action operator separator semicolon ( ; )]]
            <li>Introduction to OCL-PS and search expressions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Introduction to OCL-PS and search expressions]]
            <li>Test the use of search expressions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Test the use of search expressions]]
            <li>Read about Seeker logic</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Read about Seeker logic]]
        </ul>
<html>
     </div>
     </div>
</div>
</div>
Line 123: Line 163:
     <div class="steps">Steps 146 - 182: Different Types of Actions</div>
     <div class="steps">Steps 146 - 182: Different Types of Actions</div>
     <div class="description">
     <div class="description">
        <ul>
</html>
            <li>How to navigate to the Action Editor</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| How to navigate to the Action Editor]]
            <li>Introduction to Global actions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Introduction to Global actions]]
            <li>Set MenuGroups in the Action Editor</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Set MenuGroups in the Action Editor]]
            <li>Explore ways to access ViewModels</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Explore ways to access ViewModels]]
            <li>Set Sort order on actions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Set Sort order on actions]]
            <li>Introduction to Class actions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Introduction to Class actions]]
            <li>Introduction to ViewModel actions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Introduction to ViewModel actions]]
            <li>Add a ViewModel placed button to your app</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Add a ViewModel placed button to your app]]
        </ul>
<html>
     </div>
     </div>
</div>
</div>
Line 141: Line 181:
     <div class="steps">Steps 183 - 214: Picking Values</div>
     <div class="steps">Steps 183 - 214: Picking Values</div>
     <div class="description">
     <div class="description">
        <ul>
</html>
            <li>Explanation to remove a button and ViewModel action</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Explanation to remove a button and ViewModel action]]
            <li>Create buttons and connect them to actions/action expressions</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Create buttons and connect them to actions/action expressions]]
            <li>How to enable a User to search and select items</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| How to enable a User to search and select items]]
            <li>How to save or cancel operations</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| How to save or cancel operations]]
            <li>Fix a problem with searching with a blank input</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Fix a problem with searching with a blank input]]
            <li>Change cardinality to enable taking multiple items at once</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Change cardinality to enable taking multiple items at once]]
            <li>Create an Association class</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Create an Association class]]
        </ul>
<html>
     </div>
     </div>
</div>
</div>
Line 158: Line 198:
     <div class="steps">Steps 215 - 238: Derived Attributes & Editable Grid Cells in Web UI</div>
     <div class="steps">Steps 215 - 238: Derived Attributes & Editable Grid Cells in Web UI</div>
     <div class="description">
     <div class="description">
        <ul>
</html>
            <li>Rename a Class manually</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Rename a Class manually]]
            <li>Use the Rename function</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Use the Rename function]]
            <li>Create a note on the diagram</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Create a note on the diagram]]
            <li>Add a new attribute</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Add a new attribute]]
            <li>Change the AttributeMode from Persistent to Derived</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Change the AttributeMode from Persistent to Derived]]
            <li>Add a Tagged value</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Add a Tagged value]]
            <li>Set an editable Date Picker</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Set an editable Date Picker]]
            <li>Add a SelectBox</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Add a SelectBox]]
        </ul>
<html>
     </div>
     </div>
</div>
</div>
Line 176: Line 216:
     <div class="steps">Steps 239 - 264: Responsive Design and Placing Containers</div>
     <div class="steps">Steps 239 - 264: Responsive Design and Placing Containers</div>
     <div class="description">
     <div class="description">
        <ul>
</html>
            <li>Introduction to Placing Containers</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Introduction to Placing Containers]]
            <li>Move ViewModel columns into a Placing Container</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Move ViewModel columns into a Placing Container]]
            <li>Add a ViewModel column called Save</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Add a ViewModel column called Save]]
            <li>Add 2 child-placing containers</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Add 2 child-placing containers]]
            <li>Set items to stretch</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Set items to stretch]]
            <li>Set items to wrap</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Set items to wrap]]
            <li>Name the Placing Containers</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Name the Placing Containers]]
            <li>Test how to wrap columns and rows in Placing Containers</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Test how to wrap columns and rows in Placing Containers]]
        </ul>
<html>
     </div>
     </div>
</div>
</div>

Latest revision as of 10:41, 12 August 2024

Training
INTERMEDIATE: CONTENT & OUTLINE
BEGIN YOUR JOURNEY
Explore how MDriven’s modeling tools can help you achieve your business goals.
Throughout this training process, we'll familiarize you with the MDriven Designer using the example of a car management system. This includes creating elements like Cars and a Car Factory and adding people such as a Car Owner and Car Dealer. Every chapter adds a different piece to the overall system. Let's begin!
Icon
Chapter 4
Steps 106 - 145: Action Language and OCL-PS

Chapter 5
Steps 146 - 182: Different Types of Actions

Chapter 6
Steps 183 - 214: Picking Values

Chapter 7
Steps 215 - 238: Derived Attributes & Editable Grid Cells in Web UI

Chapter 8
Steps 239 - 264: Responsive Design and Placing Containers

This page was edited 160 days ago on 08/12/2024. What links here
Retrieved from "https://newwikicopy.mdriven.net/index.php?title=Training:Bootcamp/Levels/Intermediate&oldid=19166"

© MDRIVEN . All Rights Reserved

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

© MDRIVEN . All Rights Reserved