Bootcamp/Levels/Beginner
No edit summary
Tag: 2017 source edit
m (Text replacement - "1000 Steps Program" to "Bootcamp")
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
   
  <style>
<style>
.container {
        body {
            font-family: Outfit, sans-serif;
            background-color: #f7f7f7;
            margin: 0;
            padding: 0;
        }
        .container {
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
Line 15: 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: 40px;
             width: 200px;
             height: 40px;
             height: auto;
             margin-right: 20px;
             margin-right: 20px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
         }
         }
         .info-box {
         .info-box {
Line 38: 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 72: 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 99: 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="path_to_your_image.png" 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">
                 This is the box with some information that aligns with the steps part.
                 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>
         </div>
Line 116: 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 134: 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 151: 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.
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