Bootcamp/Levels/Beginner
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
Line 1: Line 1:
<html>
<html>
     <style>
     <style>
        body {
            font-family: Outfit, sans-serif;
            background-color: #f7f7f7;
            margin: 0;
            padding: 0;
        }
         .container {
         .container {
             width: 2251px;
             display: flex;
             height: 1611px;
             flex-direction: column;
             position: relative;
             align-items: center;
        }
             width: 100%;
        .chapter {
             padding: 20px;
             width: 1767.46px;
            height: 463px;
             position: absolute;
         }
         }
         .chapter-3 {
         .section {
            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);
             background: rgba(255, 218, 187, 0.10);
            border: 1px solid rgba(0, 0, 0, 0.1);
            width: 90%;
            max-width: 1200px;
            margin: 20px 0;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            gap: 10px 20px;
            align-items: start;
         }
         }
        .background-box-3 {
         .chapter {
            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;
            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;
            .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;
            }
         }
         }
     </style>
     </style>
Line 101: Line 77:
<body>
<body>
     <div class="container">
     <div class="container">
         <div class="chapter chapter-3">
         <div class="section">
             <div class="background-box background-box-3"></div>
             <div class="chapter">Chapter 1</div>
             <div class="chapter-title-container">
             <div class="steps">Steps 1 - 40: The Basics</div>
                <div class="chapter-title"></div>
            <div class="description">
                <div class="chapter-title-text">Chapter 3</div>
                <ul>
            </div>
                    <li>Introduction to the 1000 Steps Program</li>
            <div class="step-title-container" style="left: 277.04px; top: 0px;">
                    <li>Installation of MDriven Designer - through ClickOnce or locally</li>
                <div class="step-title"></div>
                    <li>Getting started: Create an empty model and save your file</li>
                <div class="step-title-text">Steps 76 - 105: Creating a Web Application</div>
                    <li>Introduction to a Class and Attribute</li>
            </div>
                    <li>Get familiar with the OCL Debugger</li>
            <div class="chapter-content">
                    <li>Bring up a Seeker and add objects</li>
                Introduction to the MDriven Turnkeycore<br/>
                    <li>Create an Association</li>
                Change the model into a web application<br/>
                    <li>Add a Multilink</li>
                Use the ViewModel Editor to correct errors in ViewModels<br/>
                 </ul>
                Adopt an Autoform<br/>
                 How to handle naming and presentation of Columns<br/>
                Introduction to Nested ViewModel class
             </div>
             </div>
         </div>
         </div>
         <div class="chapter chapter-1">
         <div class="section">
             <div class="background-box background-box-1"></div>
             <div class="chapter">Chapter 2</div>
             <div class="chapter-title-container">
             <div class="steps">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</div>
                <div class="chapter-title"></div>
            <div class="description">
                <div class="chapter-title-text">Chapter 1</div>
                <ul>
            </div>
                    <li>Save a copy with previous versions of your file</li>
            <div class="step-title-container" style="left: 277.04px; top: 0px;">
                    <li>How to remove and restore deleted Associations</li>
                <div class="step-title"></div>
                    <li>How to move Associations</li>
                <div class="step-title-text">Steps 1 - 40: The Basics</div>
                    <li>Create an Association to self and note how it works in the tree</li>
            </div>
                    <li>Understand Auto-diagrams and what happens when you delete attributes</li>
            <div class="chapter-content">
                    <li>Introduction to OCL (Object Constraint Language)</li>
                Introduction to the 1000 Steps Program<br/>
                    <li>Become familiar with Autoforms and how to use them</li>
                Installation of MDriven Designer - through ClickOnce or locally<br/>
                 </ul>
                Getting started: Create an empty model and save your file<br/>
                Introduction to a Class and Attribute <br/>
                Get familiar with the OCL Debugger<br/>
                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="section">
             <div class="background-box background-box-2"></div>
             <div class="chapter">Chapter 3</div>
             <div class="chapter-title-container">
             <div class="steps">Steps 76 - 105: Creating a Web Application</div>
                <div class="chapter-title"></div>
            <div class="description">
                <div class="chapter-title-text">Chapter 2</div>
                <ul>
            </div>
                    <li>Introduction to the MDriven Turnkeycore</li>
            <div class="step-title-container" style="left: 277.59px; top: 0px;">
                    <li>Change the model into a web application</li>
                <div class="step-title"></div>
                    <li>Use the ViewModel Editor to correct errors in ViewModels</li>
                <div class="step-title-text">Steps 41 - 75: Auto-diagram, OCL, and Autoforms</div>
                    <li>Adopt an Autoform</li>
            </div>
                    <li>How to handle naming and presentation of Columns</li>
            <div class="chapter-content">
                    <li>Introduction to Nested ViewModel class</li>
                Save a copy with previous versions of your file<br/>
                 </ul>
                How to remove and restore deleted Associations<br/>
                How to move Associations<br/>
                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>

Revision as of 21:33, 4 August 2024

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
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

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=19026"

© MDRIVEN . All Rights Reserved

Glossary API Docs
MDriven World | Portal | Blog | YouTube | StackOverflow | Facebook

© MDRIVEN . All Rights Reserved