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