Bootcamp/Levels/Intermediate
(Created page with "<html> <style> .container { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 20px; } .icon-box-container { display: flex; width: 90%; max-width: 1200px; position: relative; margin-bottom: -20px; →‎Adjust to make it appear closer to the section: } .image-icon { w...")
Tag: 2017 source edit
 
No edit summary
Tag: 2017 source edit
 
(14 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 {
             width: 100px;
             width: 200px;
             height: auto;
             height: auto;
             margin-right: 20px;
             margin-right: 20px;
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 */
         }
         }
         .section {
         .section {
            background: rgba(255, 218, 187, 0.10);
            border: 1px solid rgba(0, 0, 0, 0.1);
             width: 90%;
             width: 90%;
             max-width: 1200px;
             max-width: 1200px;
             margin: 40px 0 20px; /* Adjust margin to align with the icon-box */
             margin: 40px 0 20px; /* Adjust margin to align with the icon-box */
             padding: 20px;
             padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
             display: grid;
             display: grid;
             grid-template-columns: auto 1fr;
             grid-template-columns: auto 1fr;
Line 43: Line 40:
         }
         }
         .chapter {
         .chapter {
             background: #FFDABB;
             background: #F1D98F;
             padding: 10px 20px;
             padding: 10px 20px;
             font-size: 1.5em;
             font-size: 1.5em;
Line 50: 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 63: 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 90: 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/0/0e/MDrivenBootcamp_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) -->
<div class="section">
    <div class="chapter">Chapter 4</div>
    <div class="steps">Steps 106 - 145: Action Language and OCL-PS</div>
    <div class="description">
</html>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Read the Manifest on MDriven’s view of what a line of business application needs]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Introduction to the Seeker Form]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Understand the meaning of “null” and how to use the “isnull” operator]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Introduction to Action language]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Test the assign operator ( := )]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Use the action operator separator semicolon ( ; )]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Introduction to OCL-PS and search expressions]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Test the use of search expressions]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_4| Read about Seeker logic]]
<html>
    </div>
</div>
<!-- Section 2 (Chapter 5) -->
<div class="section">
    <div class="chapter">Chapter 5</div>
    <div class="steps">Steps 146 - 182: Different Types of Actions</div>
    <div class="description">
</html>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| How to navigate to the Action Editor]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Introduction to Global actions]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Set MenuGroups in the Action Editor]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Explore ways to access ViewModels]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Set Sort order on actions]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Introduction to Class actions]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Introduction to ViewModel actions]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_5| Add a ViewModel placed button to your app]]
<html>
    </div>
</div>


<!-- Section 1 -->
<!-- Section 3 (Chapter 6) -->
        <div class="section">
<div class="section">
            <div class="chapter">Chapter 1</div>
    <div class="chapter">Chapter 6</div>
            <div class="steps">Steps 1 - 40: The Basics</div>
    <div class="steps">Steps 183 - 214: Picking Values</div>
            <div class="description">
    <div class="description">
                <ul>
</html>
                    <li>Introduction to the 1000 Steps Program</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Explanation to remove a button and ViewModel action]]
                    <li>Installation of MDriven Designer - through ClickOnce or locally</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Create buttons and connect them to actions/action expressions]]
                    <li>Getting started: Create an empty model and save your file</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| How to enable a User to search and select items]]
                    <li>Introduction to a Class and Attribute</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| How to save or cancel operations]]
                    <li>Get familiar with the OCL Debugger</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Fix a problem with searching with a blank input]]
                    <li>Bring up a Seeker and add objects</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Change cardinality to enable taking multiple items at once]]
                    <li>Create an Association</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_6| Create an Association class]]
                    <li>Add a Multilink</li>
<html>
                </ul>
    </div>
            </div>
</div>
        </div>


<!-- Section 2 -->
<!-- Section 4 (Chapter 7) -->
        <div class="section">
<div class="section">
            <div class="chapter">Chapter 2</div>
    <div class="chapter">Chapter 7</div>
            <div class="steps">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</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>Save a copy with previous versions of your file</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Rename a Class manually]]
                    <li>How to remove and restore deleted Associations</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Use the Rename function]]
                    <li>How to move Associations</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Create a note on the diagram]]
                    <li>Create an Association to self and note how it works in the tree</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Add a new attribute]]
                    <li>Understand Auto-diagrams and what happens when you delete attributes</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Change the AttributeMode from Persistent to Derived]]
                    <li>Introduction to OCL (Object Constraint Language)</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Add a Tagged value]]
                    <li>Become familiar with Autoforms and how to use them</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Set an editable Date Picker]]
                </ul>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_7| Add a SelectBox]]
            </div>
<html>
        </div>
    </div>
</div>


<!-- Section 3 -->
<!-- Section 5 (Chapter 8) -->
        <div class="section">
<div class="section">
            <div class="chapter">Chapter 3</div>
    <div class="chapter">Chapter 8</div>
            <div class="steps">Steps 76 - 105: Creating a Web Application</div>
    <div class="steps">Steps 239 - 264: Responsive Design and Placing Containers</div>
            <div class="description">
    <div class="description">
                <ul>
</html>
                    <li>Introduction to the MDriven Turnkeycore</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Introduction to Placing Containers]]
                    <li>Change the model into a web application</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Move ViewModel columns into a Placing Container]]
                    <li>Use the ViewModel Editor to correct errors in ViewModels</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Add a ViewModel column called Save]]
                    <li>Adopt an Autoform</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Add 2 child-placing containers]]
                    <li>How to handle naming and presentation of Columns</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Set items to stretch]]
                    <li>Introduction to Nested ViewModel class</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Set items to wrap]]
                </ul>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Name the Placing Containers]]
            </div>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_8| Test how to wrap columns and rows in Placing Containers]]
        </div>
<html>
     </div>
     </div>
</div>
</div>
</body>
</html>
</html>

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