Bootcamp/Levels/Beginner
No edit summary
Tag: 2017 source edit
m (Text replacement - "1000 Steps Program" to "Bootcamp")
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
   
  <style>
<style>
.container {
        .container {
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
Line 9: Line 8:
             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 29: Line 28:
         }
         }
         .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 63: Line 59:
             grid-column: 2 / 3;
             grid-column: 2 / 3;
             grid-row: 2 / 3;
             grid-row: 2 / 3;
            background:rgba(255, 218, 187, 0.1);
         }
         }


Line 90: 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 -->
         <!-- 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">
             <img src="https://wiki.mdriven.net/images/6/6e/Person_beginner.png" 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.
Line 108: Line 144:
             <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>
Line 126: Line 162:
             <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>
Line 143: Line 181:
             <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.

This page was edited 153 days ago on 08/18/2024. What links here