View source for Training:Bootcamp/Start/Levels/Experienced

{{Edited|July|12|2025}}
<html>
    
<style>
.container {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
            padding: 20px;
        }
        .info-box-container {
    display: flex;
    width: 90%;
    max-width: 1200px;
    position: relative;
    margin-bottom: 20px;
    align-items: center;
}

.info-box {
    flex-grow: 1;
    border-radius: 20px;
    background: rgba(0, 96, 168, 0.1);
    padding: 20px;
    margin-left: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: justify;
    min-height: 0;
    height: auto;
    padding: 30px;
}
        .image-icon {
            width: 200px;
            height: auto;
            margin-right: 20px;
        }
        .section {
            width: 90%;
            max-width: 1200px;
            margin: 40px 0 20px; /* Adjust margin to align with the icon-box */
            padding: 20px;
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            gap: 10px 20px;
            align-items: start;
        }
        .chapter {
            background: rgba(0, 96, 168, 0.3);
            padding: 10px 20px;
            font-size: 1.5em;
            font-weight: 600;
            grid-row: 1 / 2;
        }
        .steps {
            background: rgba(0, 96, 168, 0.1);
            padding: 10px 20px;
            font-size: 1.2em;
            font-weight: 400;
            grid-column: 2 / 3;
            grid-row: 1 / 2;
        }
        .description {
            font-size: 1em;
            font-weight: 300;
            color: black;
            grid-column: 2 / 3;
            grid-row: 2 / 3;
            background:rgba(0, 96, 168, 0.04);
        }

@media (max-width: 768px) {
            .chapter, .steps, .description {
                font-size: 1em;
            }
            .section {
                padding: 10px;
                grid-template-columns: 1fr;
                grid-template-rows: auto auto auto;
            }
            .icon-box-container, .section {
                width: 100%;
            }
            .chapter {
                grid-column: 1 / 2;
                grid-row: 1 / 2;
            }
            .steps {
                grid-column: 1 / 2;
                grid-row: 2 / 3;
            }
            .description {
                grid-column: 1 / 2;
                grid-row: 3 / 4;
            }
        }
.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>
        
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);">
  <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;">ADVANCED: 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>
        <!-- Image and Box aligned with the steps part -->
        <div class="info-box-container">
            <img src="https://wiki.mdriven.net/images/6/66/Person_advanced.png" alt="Icon" class="image-icon">
            <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.
Let's begin!
            </div>
        </div>

<div class="container">
    <!-- Section 1 (Chapter 9) -->
    <div class="section">
        <div class="chapter">Chapter 9</div>
        <div class="steps">Steps 265 - 301: Inheritance and Statemachines</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_9| Align items]]
* [[Training:Bootcamp:Chapter_9| Introduction to Inheritance]]
* [[Training:Bootcamp:Chapter_9| Understand Abstract classes]]
* [[Training:Bootcamp:Chapter_9| Explanation on the logic behind the model]]
* [[Training:Bootcamp:Chapter_9| Introduction to Statemachines]]
* [[Training:Bootcamp:Chapter_9| Add Triggers and Entry Actions]]
* [[Training:Bootcamp:Chapter_9| Add a Guard]]
* [[Training:Bootcamp:Chapter_9| Add Class actions for your Triggers]]
* [[Training:Bootcamp:Chapter_9| Run an example in your web application]]
<html>
        </div>
    </div>

<!-- Section 2 (Chapter 10) -->
    <div class="section">
        <div class="chapter">Chapter 10</div>
        <div class="steps">Steps 302 - 331: Creating OpenDocument Reports</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_10| Create intentional errors & fix them]]
* [[Training:Bootcamp:Chapter_10| Introduction to LinkRoleName]]
* [[Training:Bootcamp:Chapter_10| Create a new ViewModel]]
* [[Training:Bootcamp:Chapter_10| Add Class Actions and columns]]
* [[Training:Bootcamp:Chapter_10| Create a Report Template ViewModel]]
* [[Training:Bootcamp:Chapter_10| Fix a possible error]]
* [[Training:Bootcamp:Chapter_10| Test the ProduceDocument action]]
<html>
        </div>
    </div>

<!-- Section 3 (Chapter 11) -->
    <div class="section">
        <div class="chapter">Chapter 11</div>
        <div class="steps">Steps 332 - 364: Authentication</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_11| Download and merge the SysUserAuthentication model]]
* [[Training:Bootcamp:Chapter_11| Understand the Singleton Pattern]]
* [[Training:Bootcamp:Chapter_11| Set SysSuperClass as the default superclass]]
* [[Training:Bootcamp:Chapter_11| Check the oclIsTypeOf, oclIsKindOf, and superTypes operators in the Debugger]]
* [[Training:Bootcamp:Chapter_11| Add the ChangeTime attribute to class Person]]
* [[Training:Bootcamp:Chapter_11| Set up External Login]]
* [[Training:Bootcamp:Chapter_11| Introduction to Access Groups]]
* [[Training:Bootcamp:Chapter_11| Set access rights for Users using the Access Group Editor]]
<html>
        </div>
    </div>

<!-- Section 4 (Chapter 12) -->
    <div class="section">
        <div class="chapter">Chapter 12</div>
        <div class="steps">Steps 365 - 387: Adding an Image Attribute to a Brand</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_12| Adopt BrandOfCar Autoform and rename the Class Action]]
* [[Training:Bootcamp:Chapter_12| Delete widgets]]
* [[Training:Bootcamp:Chapter_12| Understand the opt-in/opt-out for Actions]]
* [[Training:Bootcamp:Chapter_12| Create a Brand Image column]]
* [[Training:Bootcamp:Chapter_12| Use an image widget to upload a Brand image]]
* [[Training:Bootcamp:Chapter_12| Add a new ViewModel called BrandSeeker]]
* [[Training:Bootcamp:Chapter_12| Remove all the Autoforms from the model]]
* [[Training:Bootcamp:Chapter_12| Add a Brand Image to CarTransferOwnershipDocument]]
* [[Training:Bootcamp:Chapter_12| Set User Rights]]
<html>
        </div>
    </div>

<!-- Section 5 (Chapter 13) -->
    <div class="section">
        <div class="chapter">Chapter 13</div>
        <div class="steps">Steps 388 - 406: Add a Simple Graph to Your App</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_13| Verify your model is error-free]]
* [[Training:Bootcamp:Chapter_13| Create a CarsAndBrands ViewModel]]
* [[Training:Bootcamp:Chapter_13| Add a Tagged value to the ViewModel]]
* [[Training:Bootcamp:Chapter_13| Add a ThisIsHtml column]]
* [[Training:Bootcamp:Chapter_13| Make a diagram in HTML]]
* [[Training:Bootcamp:Chapter_13| Use the GroupBy operator to group all cars]]
* [[Training:Bootcamp:Chapter_13| Introduce a CarsAndBrandsSVG ViewModel]]
* [[Training:Bootcamp:Chapter_13| Insert an SVG vertical bar chart]]
<html>
        </div>
    </div>

<!-- Section 6 (Chapter 14) -->
    <div class="section">
        <div class="chapter">Chapter 14</div>
        <div class="steps">Steps 407 - 461: Introducing the MDriven Server</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_14| Locate and open the XML file that stores your data]]
* [[Training:Bootcamp:Chapter_14| Introduction to the Cloud-connection dialog]]
* [[Training:Bootcamp:Chapter_14| Install the Servers]]
* [[Training:Bootcamp:Chapter_14| Start Server1]]
* [[Training:Bootcamp:Chapter_14| Upload your model]]
* [[Training:Bootcamp:Chapter_14| Log into MDrivenServer Web-UI]]
* [[Training:Bootcamp:Chapter_14| Migrate data between databases]]
* [[Training:Bootcamp:Chapter_14| Fix a possible SysSingleton error]]
* [[Training:Bootcamp:Chapter_14| Check changes in the database schema]]
<html>
        </div>
    </div>

<!-- Section 7 (Chapter 15) -->
    <div class="section">
        <div class="chapter">Chapter 15</div>
        <div class="steps">Steps 462 - 492: Importing SysAsyncTicket</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_15| Create a new method]]
* [[Training:Bootcamp:Chapter_15| Write logic for a new Registration number]]
* [[Training:Bootcamp:Chapter_15| Follow the discussion on semicolons as used in expressions]]
* [[Training:Bootcamp:Chapter_15 Upload the model to MDrivenServer]]
* [[Training:Bootcamp:Chapter_15| Verify the method works correctly]]
* [[Training:Bootcamp:Chapter_15| Follow the discussion on the problem of two users getting the same Registration number]]
* [[Training:Bootcamp:Chapter_15| Read about and merge SysAsync Ticket]]
* [[Training:Bootcamp:Chapter_15| Familiarise yourself with the MDrivenServer]]
* [[Training:Bootcamp:Chapter_15| Upload your model and run the app]]
<html>
        </div>
    </div>

<!-- Section 8 (Chapter 16) -->
    <div class="section">
        <div class="chapter">Chapter 16</div>
        <div class="steps">Steps 493 - 530: Reworking the Main Menu</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_16| Sort menu items into menu groups]]
* [[Training:Bootcamp:Chapter_16| Ensure the servers run & upload your model]]
* [[Training:Bootcamp:Chapter_16| Understand the logic behind CarFactorySeeker]]
* [[Training:Bootcamp:Chapter_16| Add a new Class Action called ShowFactory]]
* [[Training:Bootcamp:Chapter_16| Remove unnecessary columns and widgets]]
* [[Training:Bootcamp:Chapter_16| Add a NewCar action]]
* [[Training:Bootcamp:Chapter_16| Create a new association between CarFactory and BrandOfCar]]
* [[Training:Bootcamp:Chapter_16| Save and upload the model]]
* [[Training:Bootcamp:Chapter_16| Create a few new cars]]
<html>
        </div>
    </div>

<!-- Section 9 (Chapter 17) -->
    <div class="section">
        <div class="chapter">Chapter 17</div>
        <div class="steps">Steps 531 - 563: Default names, Dim Default, and More</div>
        <div class="description">
</html>
* [[Training:Bootcamp:Chapter_17| Discussion on renaming an Association]]
* [[Training:Bootcamp:Chapter_17| Check for changes in the model]]
* [[Training:Bootcamp:Chapter_17| Amend an action by writing an expression]]
* [[Training:Bootcamp:Chapter_17| Create a CarDealerPicker ViewModel]]
* [[Training:Bootcamp:Chapter_17| Add a PickBuyer class action; create a ViewModel action for PickBuyer]]
* [[Training:Bootcamp:Chapter_17| Test the PickBuyer button]]
* [[Training:Bootcamp:Chapter_17| Discussions on model changes regarding the report, the server’s address and methods]]
* [[Training:Bootcamp:Chapter_17| Upload the model and test to produce the document]]
<html>
        </div>
    </div>
</div>
</body>
</html>