Training:Bootcamp/Levels/Beginner: Difference between revisions

Bootcamp/Levels/Beginner

Revision as of 21:29, 28 July 2024

Chapter 3

Steps 76 - 105: Creating a Web Application

Introduction to the MDriven Turnkeycore
Change the model into a web application
Use the ViewModel Editor to correct errors in ViewModels
Adopt an Autoform
How to handle naming and presentation of Columns
Introduction to Nested ViewModel class

Chapter 1

Steps 1 - 40: The Basics

Introduction to the 1000 Steps Program
Installation of MDriven Designer - through ClickOnce or locally
Getting started: Create an empty model and save your file
Introduction to a Class and Attribute
Get familiar with the OCL Debugger
Bring up a Seeker and add objects
Create an Association
Add a Multilink

Chapter 2

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

Save a copy with previous versions of your file
How to remove and restore deleted Associations
How to move Associations
Create an Association to self and note how it works in the tree
Understand Auto-diagrams and what happens when you delete attributes
Introduction to OCL (Object Constraint Language)
Become familiar with Autoforms and how to use them

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

@@ Line 1: / Line 1: @@
 <html>
      <style>
-        body {
-            font-family: Outfit, sans-serif;
-            margin: 0;
-            padding: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-        }
          .container {
-             max-width: 1200px;
+             width: 2251px;
-             padding: 20px;
+             height: 1611px;
+            position: relative;
          }
          .chapter {
+            width: 1767.46px;
+            height: 463px;
+            position: absolute;
+        }
+        .chapter-3 {
+            left: 239px;
+            top: 1075px;
+        }
+        .chapter-1 {
+            left: 241px;
+            top: 148px;
+        }
+        .chapter-2 {
+            left: 239px;
+            top: 611px;
+        }
+        .background-box {
+            width: 1488.68px;
+            height: 371px;
+            position: absolute;
              background: rgba(255, 218, 187, 0.10);
-             margin-bottom: 20px;
+        }
-             padding: 20px;
+        .background-box-3 {
-             border-radius: 10px;
+             left: 278.77px;
-             box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+             top: 92px;
+        }
+        .background-box-1 {
+             left: 280px;
+             top: 92px;
+        }
+        .background-box-2 {
+            left: 279.33px;
+            top: 92px;
          }
          .chapter-title-container {
-             display: flex;
+             width: 278.58px;
-             align-items: center;
+             height: 88.40px;
+            position: absolute;
+        }
+        .chapter-title {
+            width: 278.58px;
+            height: 88.40px;
              background: #FFDABB;
-             padding: 10px;
+             position: absolute;
-            border-radius: 10px;
          }
          .chapter-title-text {
-             font-size: 24px;
+            width: 258.46px;
+            height: 77.92px;
+            position: absolute;
+            color: black;
+             font-size: 45px;
+            font-family: Outfit;
              font-weight: 600;
-             color: black;
+             word-wrap: break-word;
+            left: 20.12px;
+            top: 10.49px;
          }
          .step-title-container {
+            width: 1490.42px;
+            height: 88.40px;
+            position: absolute;
+        }
+        .step-title {
+            width: 1490.42px;
+            height: 88.40px;
              background: rgba(255, 218, 187, 0.40);
-             padding: 10px;
+             position: absolute;
-            margin-top: 10px;
-            border-radius: 10px;
          }
          .step-title-text {
-             font-size: 20px;
+            position: absolute;
+            color: black;
+             font-size: 40px;
+            font-family: Outfit;
              font-weight: 400;
-             color: black;
+             word-wrap: break-word;
+            left: 23.21px;
+            top: 14.98px;
          }
          .chapter-content {
-             font-size: 16px;
+            width: 1473.67px;
+            height: 359px;
+            position: absolute;
+            color: black;
+             font-size: 30px;
+            font-family: Outfit;
              font-weight: 300;
-             color: black;
+             word-wrap: break-word;
-            margin-top: 10px;
+             left: 278.77px;
-        }
+             top: 104px;
-        @media (min-width: 768px) {
-            .chapter-title-text {
-                font-size: 32px;
-             }
-            .step-title-text {
-                font-size: 24px;
-            }
-            .chapter-content {
-                font-size: 18px;
-             }
-        }
-        @media (min-width: 1024px) {
-            .chapter-title-text {
-                font-size: 40px;
-            }
-            .step-title-text {
-                font-size: 28px;
-            }
-            .chapter-content {
-                font-size: 20px;
-            }
          }
      </style>
+</head>
+<body>
      <div class="container">
-         <div class="chapter">
+         <div class="chapter chapter-3">
+            <div class="background-box background-box-3"></div>
              <div class="chapter-title-container">
+                <div class="chapter-title"></div>
                  <div class="chapter-title-text">Chapter 3</div>
              </div>
-             <div class="step-title-container">
+             <div class="step-title-container" style="left: 277.04px; top: 0px;">
+                <div class="step-title"></div>
                  <div class="step-title-text">Steps 76 - 105: Creating a Web Application</div>
              </div>
@@ Line 89: / Line 120: @@
              </div>
          </div>
-         <div class="chapter">
+         <div class="chapter chapter-1">
+            <div class="background-box background-box-1"></div>
              <div class="chapter-title-container">
+                <div class="chapter-title"></div>
                  <div class="chapter-title-text">Chapter 1</div>
              </div>
-             <div class="step-title-container">
+             <div class="step-title-container" style="left: 277.04px; top: 0px;">
+                <div class="step-title"></div>
                  <div class="step-title-text">Steps 1 - 40: The Basics</div>
              </div>
@@ Line 107: / Line 141: @@
              </div>
          </div>
-         <div class="chapter">
+         <div class="chapter chapter-2">
+            <div class="background-box background-box-2"></div>
              <div class="chapter-title-container">
+                <div class="chapter-title"></div>
                  <div class="chapter-title-text">Chapter 2</div>
              </div>
-             <div class="step-title-container">
+             <div class="step-title-container" style="left: 277.59px; top: 0px;">
+                <div class="step-title"></div>
                  <div class="step-title-text">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</div>
              </div>