Bootcamp/Levels/Beginner
(Created page with "<html> <style> body { font-family: Outfit, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; } .container { max-width: 1200px; padding: 20px; } .chapter { background: rgba(255, 218, 187, 0.10); margin-bottom: 20px; padding: 20px; border-radi...")
Tag: 2017 source edit
 
m (Text replacement - "1000 Steps Program" to "Bootcamp")
 
(26 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
    <style>
  <style>
        body {
.container {
            font-family: Outfit, sans-serif;
            margin: 0;
            padding: 0;
             display: flex;
             display: flex;
             justify-content: center;
             flex-direction: column;
             align-items: center;
             align-items: center;
            width: 100%;
            padding: 20px;
         }
         }
         .container {
         .info-box-container {
            display: flex;
            width: 90%;
             max-width: 1200px;
             max-width: 1200px;
            position: relative;
            margin-bottom: -20px;
        }
        .image-icon {
            width: 200px;
            height: auto;
            margin-right: 20px;
        }
        .info-box {
            flex-grow: 1;
            border-radius: 20px;
            background: rgba(255, 218, 187, 0.45);
             padding: 20px;
             padding: 20px;
            margin-left: 60px; /* Aligns with the steps */
         }
         }
         .chapter {
         .section {
             background: rgba(255, 218, 187, 0.10);
             width: 90%;
             margin-bottom: 20px;
            max-width: 1200px;
             margin: 40px 0 20px; /* Adjust margin to align with the icon-box */
             padding: 20px;
             padding: 20px;
             border-radius: 10px;
             display: grid;
             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            gap: 10px 20px;
             align-items: start;
         }
         }
         .chapter-title-container {
         .chapter {
            display: flex;
            align-items: center;
             background: #FFDABB;
             background: #FFDABB;
             padding: 10px;
             padding: 10px 20px;
            border-radius: 10px;
             font-size: 1.5em;
        }
        .chapter-title-text {
             font-size: 24px;
             font-weight: 600;
             font-weight: 600;
             color: black;
             grid-row: 1 / 2;
         }
         }
         .step-title-container {
         .steps {
             background: rgba(255, 218, 187, 0.40);
             background: rgba(255, 218, 187, 0.40);
             padding: 10px;
             padding: 10px 20px;
            margin-top: 10px;
             font-size: 1.2em;
            border-radius: 10px;
        }
        .step-title-text {
             font-size: 20px;
             font-weight: 400;
             font-weight: 400;
             color: black;
             grid-column: 2 / 3;
            grid-row: 1 / 2;
         }
         }
         .chapter-content {
         .description {
             font-size: 16px;
             font-size: 1em;
             font-weight: 300;
             font-weight: 300;
             color: black;
             color: black;
             margin-top: 10px;
             grid-column: 2 / 3;
            grid-row: 2 / 3;
            background:rgba(255, 218, 187, 0.1);
         }
         }
        @media (min-width: 768px) {
 
             .chapter-title-text {
@media (max-width: 768px) {
                 font-size: 32px;
             .chapter, .steps, .description {
                 font-size: 1em;
             }
             }
             .step-title-text {
             .section {
                 font-size: 24px;
                padding: 10px;
                grid-template-columns: 1fr;
                 grid-template-rows: auto auto auto;
             }
             }
             .chapter-content {
             .icon-box-container, .section {
                 font-size: 18px;
                 width: 100%;
             }
             }
        }
             .chapter {
        @media (min-width: 1024px) {
                grid-column: 1 / 2;
             .chapter-title-text {
                 grid-row: 1 / 2;
                 font-size: 40px;
             }
             }
             .step-title-text {
             .steps {
                 font-size: 28px;
                grid-column: 1 / 2;
                 grid-row: 2 / 3;
             }
             }
             .chapter-content {
             .description {
                 font-size: 20px;
                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>
     </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;">BEGINNER: 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">
         <div class="chapter">
        <!-- Image and Box aligned with the steps part -->
             <div class="chapter-title-container">
         <div class="info-box-container">
                <div class="chapter-title-text">Chapter 3</div>
             <img src="https://wiki.mdriven.net/images/6/6e/Person_beginner.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="step-title-container">
        </div>
                <div class="step-title-text">Steps 76 - 105: Creating a Web Application</div>
 
             </div>
<!-- Section 1 -->
             <div class="chapter-content">
        <div class="section">
                Introduction to the MDriven Turnkeycore<br/>
            <div class="chapter">Chapter 1</div>
                Change the model into a web application<br/>
             <div class="steps">Steps 1 - 40: The Basics</div>
                Use the ViewModel Editor to correct errors in ViewModels<br/>
             <div class="description">
                Adopt an Autoform<br/>
</html>
                How to handle naming and presentation of Columns<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1 |Introduction to the Bootcamp]]
                Introduction to Nested ViewModel class
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Installation of MDriven Designer - through ClickOnce or locally]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Getting started: Create an empty model and save your file]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Introduction to a Class and Attribute]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Get familiar with the OCL Debugger]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Bring up a Seeker and add objects]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Create an Association]]
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Add a Multilink]]
<html>
             </div>
             </div>
         </div>
         </div>
        <div class="chapter">
 
            <div class="chapter-title-container">
<!-- Section 2 -->
                <div class="chapter-title-text">Chapter 1</div>
        <div class="section">
            </div>
            <div class="chapter">Chapter 2</div>
             <div class="step-title-container">
             <div class="steps">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</div>
                <div class="step-title-text">Steps 1 - 40: The Basics</div>
             <div class="description">
            </div>
</html>
             <div class="chapter-content">
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Save a copy with previous versions of your file]]
                Introduction to the 1000 Steps Program<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| How to remove and restore deleted Associations]]
                Installation of MDriven Designer - through ClickOnce or locally<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| How to move Associations]]
                Getting started: Create an empty model and save your file<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Create an Association to self and note how it works in the tree]]
                Introduction to a Class and Attribute <br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Understand Auto-diagrams and what happens when you delete attributes]]
                Get familiar with the OCL Debugger<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Introduction to OCL (Object Constraint Language)]]
                Bring up a Seeker and add objects<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Become familiar with Autoforms and how to use them]]
                Create an Association<br/>
 
                Add a Multilink
<html>
 
             </div>
             </div>
         </div>
         </div>
        <div class="chapter">
 
            <div class="chapter-title-container">
<!-- Section 3 -->
                <div class="chapter-title-text">Chapter 2</div>
        <div class="section">
            </div>
            <div class="chapter">Chapter 3</div>
             <div class="step-title-container">
             <div class="steps">Steps 76 - 105: Creating a Web Application</div>
                <div class="step-title-text">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</div>
             <div class="description">
            </div>
</html>
             <div class="chapter-content">
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Introduction to the MDriven Turnkeycore]]
                Save a copy with previous versions of your file<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Change the model into a web application]]
                How to remove and restore deleted Associations<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Use the ViewModel Editor to correct errors in ViewModels]]
                How to move Associations<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Adopt an Autoform]]
                Create an Association to self and note how it works in the tree<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| How to handle naming and presentation of Columns]]
                Understand Auto-diagrams and what happens when you delete attributes<br/>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Introduction to Nested ViewModel class]]
                Introduction to OCL (Object Constraint Language)<br/>
<html>
                Become familiar with Autoforms and how to use them
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
</body>
</html>
</html>

Latest revision as of 21:30, 18 August 2024

Training
BEGINNER: CONTENT & OUTLINE
BEGIN YOUR JOURNEY
Explore how MDriven’s modeling tools can help you achieve your business goals.
Icon
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!
Chapter 1
Steps 1 - 40: The Basics

Chapter 2
Steps 41 - 75: Auto-diagram, OCL, and Autoforms

Chapter 3
Steps 76 - 105: Creating a Web Application

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

© MDRIVEN . All Rights Reserved

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

© MDRIVEN . All Rights Reserved