Bootcamp/Levels/Beginner
No edit summary
Tag: 2017 source edit
m (Text replacement - "1000 Steps Program" to "Bootcamp")
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
    <style>
  <style>
        body {
.container {
            font-family: Outfit, sans-serif;
            background-color: #f7f7f7;
            margin: 0;
            padding: 0;
        }
        .container {
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
Line 13: Line 7:
             width: 100%;
             width: 100%;
             padding: 20px;
             padding: 20px;
        }
        .info-box-container {
            display: flex;
            width: 90%;
            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;
            margin-left: 60px; /* Aligns with the steps */
         }
         }
         .section {
         .section {
             width: 90%;
             width: 90%;
             max-width: 1200px;
             max-width: 1200px;
             margin: 20px 0;
             margin: 40px 0 20px; /* Adjust margin to align with the icon-box */
             padding: 20px;
             padding: 20px;
             display: grid;
             display: grid;
Line 46: Line 59:
             grid-column: 2 / 3;
             grid-column: 2 / 3;
             grid-row: 2 / 3;
             grid-row: 2 / 3;
             background-color:#FFF0CE;
             background:rgba(255, 218, 187, 0.1);
         }
         }


Line 57: Line 70:
                 grid-template-columns: 1fr;
                 grid-template-columns: 1fr;
                 grid-template-rows: auto auto auto;
                 grid-template-rows: auto auto auto;
            }
            .icon-box-container, .section {
                width: 100%;
             }
             }
             .chapter {
             .chapter {
Line 71: Line 87:
             }
             }
         }
         }
.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">
        <!-- Image and Box aligned with the steps part -->
        <div class="info-box-container">
            <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>
<!-- Section 1 -->
         <div class="section">
         <div class="section">
             <div class="chapter">Chapter 1</div>
             <div class="chapter">Chapter 1</div>
             <div class="steps">Steps 1 - 40: The Basics</div>
             <div class="steps">Steps 1 - 40: The Basics</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_1 |Introduction to the Bootcamp]]
                    <li>Installation of MDriven Designer - through ClickOnce or locally</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Installation of MDriven Designer - through ClickOnce or locally]]
                    <li>Getting started: Create an empty model and save your file</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Getting started: Create an empty model and save your file]]
                    <li>Introduction to a Class and Attribute</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Introduction to a Class and Attribute]]
                    <li>Get familiar with the OCL Debugger</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Get familiar with the OCL Debugger]]
                    <li>Bring up a Seeker and add objects</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Bring up a Seeker and add objects]]
                    <li>Create an Association</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Create an Association]]
                    <li>Add a Multilink</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_1| Add a Multilink]]
                </ul>
<html>
             </div>
             </div>
         </div>
         </div>
<!-- Section 2 -->
         <div class="section">
         <div class="section">
             <div class="chapter">Chapter 2</div>
             <div class="chapter">Chapter 2</div>
             <div class="steps">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</div>
             <div class="steps">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</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_2| Save a copy with previous versions of your file]]
                    <li>How to remove and restore deleted Associations</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| How to remove and restore deleted Associations]]
                    <li>How to move Associations</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| How to move Associations]]
                    <li>Create an Association to self and note how it works in the tree</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Create an Association to self and note how it works in the tree]]
                    <li>Understand Auto-diagrams and what happens when you delete attributes</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Understand Auto-diagrams and what happens when you delete attributes]]
                    <li>Introduction to OCL (Object Constraint Language)</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Introduction to OCL (Object Constraint Language)]]
                    <li>Become familiar with Autoforms and how to use them</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_2| Become familiar with Autoforms and how to use them]]
                </ul>
 
<html>
 
             </div>
             </div>
         </div>
         </div>
<!-- Section 3 -->
         <div class="section">
         <div class="section">
             <div class="chapter">Chapter 3</div>
             <div class="chapter">Chapter 3</div>
             <div class="steps">Steps 76 - 105: Creating a Web Application</div>
             <div class="steps">Steps 76 - 105: Creating a Web Application</div>
             <div class="description">
             <div class="description">
                <ul>
</html>
                    <li>Introduction to the MDriven Turnkeycore</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Introduction to the MDriven Turnkeycore]]
                    <li>Change the model into a web application</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Change the model into a web application]]
                    <li>Use the ViewModel Editor to correct errors in ViewModels</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Use the ViewModel Editor to correct errors in ViewModels]]
                    <li>Adopt an Autoform</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Adopt an Autoform]]
                    <li>How to handle naming and presentation of Columns</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| How to handle naming and presentation of Columns]]
                    <li>Introduction to Nested ViewModel class</li>
* [[Training:The_1000_steps_program_to_MDriven_Chapter_3| Introduction to Nested ViewModel class]]
                </ul>
<html>
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
</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