Designing Solutions Through Programming - block 8 - September 28 2018 Lesson Notes: Difference between revisions

From Computer Science Wiki
(Created page with " __NOTOC__ <table cellspacing="10" style="width:100%;"> <tr> <td style="width:50%; margin:0; margin-top:10px; margin-right:10px; border:1px solid #dfdfdf; padding:0 1em 1em 1...")
 
 
Line 28: Line 28:
   </head>
   </head>
   <body>
   <body>
  <!-- your page content starts below -->
 


     <h1>Hello, world!</h1>
     <h1>Hello, world!</h1>


     <div class="row">
     <div class="row">
         <div class="col-lg-12">
         <div class="col-12">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 12 columns wide :-)
                 I'm 12 columns wide :-)
Line 41: Line 41:


     <div class="row">
     <div class="row">
         <div class="col-lg-6">
         <div class="col-6">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 6 columns wide :-)
                 I'm 6 columns wide :-)
Line 47: Line 47:
         </div>
         </div>


         <div class="col-lg-6">
         <div class="col-6">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 6 columns wide :-)
                 I'm 6 columns wide :-)
Line 55: Line 55:


     <div class="row">
     <div class="row">
         <div class="col-lg-4">
         <div class="col-4">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 4 columns wide :-)
                 I'm 4 columns wide :-)
Line 61: Line 61:
         </div>
         </div>


         <div class="col-lg-4">
         <div class="col-4">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 4 columns wide :-)
                 I'm 4 columns wide :-)
Line 67: Line 67:
         </div>
         </div>


         <div class="col-lg-4">
         <div class="col-4">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 4 columns wide :-)
                 I'm 4 columns wide :-)
Line 76: Line 76:


     <div class="row">
     <div class="row">
         <div class="col-lg-3">
         <div class="col-3">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 3 columns wide :-)
                 I'm 3 columns wide :-)
Line 82: Line 82:
         </div>
         </div>


         <div class="col-lg-3">
         <div class="col-3">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 3 columns wide :-)
                 I'm 3 columns wide :-)
Line 88: Line 88:
         </div>
         </div>


         <div class="col-lg-3">
         <div class="col-3">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 3 columns wide :-)
                 I'm 3 columns wide :-)
Line 94: Line 94:
         </div>
         </div>


         <div class="col-lg-3">
         <div class="col-3">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 3 columns wide :-)
                 I'm 3 columns wide :-)
Line 102: Line 102:


     <div class="row">
     <div class="row">
         <div class="col-lg-2">
         <div class="col-2">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 2 columns wide :-)
                 I'm 2 columns wide :-)
Line 108: Line 108:
         </div>
         </div>


         <div class="col-lg-2">
         <div class="col-2">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 2 columns wide :-)
                 I'm 2 columns wide :-)
Line 114: Line 114:
         </div>
         </div>


         <div class="col-lg-2">
         <div class="col-2">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 2 columns wide :-)
                 I'm 2 columns wide :-)
Line 120: Line 120:
         </div>
         </div>


         <div class="col-lg-2">
         <div class="col-2">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 2 columns wide :-)
                 I'm 2 columns wide :-)
             </div>
             </div>
         </div>
         </div>
         <div class="col-lg-2">
         <div class="col-2">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 2 columns wide :-)
                 I'm 2 columns wide :-)
             </div>
             </div>
         </div>
         </div>
         <div class="col-lg-2">
         <div class="col-2">
             <div class="alert alert-info" role="alert">
             <div class="alert alert-info" role="alert">
                 I'm 2 columns wide :-)
                 I'm 2 columns wide :-)
Line 137: Line 137:
     </div>
     </div>
      
      
 
     <!-- Please don't touch anything below this line -->
     <!-- Please don't put ANY content beneath this line -->  
     <!-- Optional JavaScript -->
     <!-- Optional JavaScript -->
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->

Latest revision as of 06:50, 28 September 2018

Class plan.png What are we going to learn today?[edit]

  1. hello class :-)
  1. We will spend some time reviewing the command line.
  2. We will learn about web frameworks. You will get your first look at a web framework.
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>


    <h1>Hello, world!</h1>

    <div class="row">
        <div class="col-12">
            <div class="alert alert-info" role="alert">
                 I'm 12 columns wide :-)
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-6">
            <div class="alert alert-info" role="alert">
                I'm 6 columns wide :-)
            </div>
        </div>

        <div class="col-6">
            <div class="alert alert-info" role="alert">
                I'm 6 columns wide :-)
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-4">
            <div class="alert alert-info" role="alert">
                I'm 4 columns wide :-)
            </div>
        </div>

        <div class="col-4">
            <div class="alert alert-info" role="alert">
                I'm 4 columns wide :-)
            </div>
        </div>

        <div class="col-4">
            <div class="alert alert-info" role="alert">
                I'm 4 columns wide :-)
            </div>
        </div>
    </div>


    <div class="row">
        <div class="col-3">
            <div class="alert alert-info" role="alert">
                I'm 3 columns wide :-)
            </div>
        </div>

        <div class="col-3">
            <div class="alert alert-info" role="alert">
                I'm 3 columns wide :-)
            </div>
        </div>

        <div class="col-3">
            <div class="alert alert-info" role="alert">
                I'm 3 columns wide :-)
            </div>
        </div>

        <div class="col-3">
            <div class="alert alert-info" role="alert">
                I'm 3 columns wide :-)
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-2">
            <div class="alert alert-info" role="alert">
                I'm 2 columns wide :-)
            </div>
        </div>

        <div class="col-2">
            <div class="alert alert-info" role="alert">
                I'm 2 columns wide :-)
            </div>
        </div>

        <div class="col-2">
            <div class="alert alert-info" role="alert">
                I'm 2 columns wide :-)
            </div>
        </div>

        <div class="col-2">
            <div class="alert alert-info" role="alert">
                I'm 2 columns wide :-)
            </div>
        </div>
        <div class="col-2">
            <div class="alert alert-info" role="alert">
                I'm 2 columns wide :-)
            </div>
        </div>
        <div class="col-2">
            <div class="alert alert-info" role="alert">
                I'm 2 columns wide :-)
            </div>
        </div>
    </div>
    
    <!-- Please don't touch anything below this line -->
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  </body>
</html>



Target.png How am I being assessed today?[edit]

I will assess you formatively today, and make a professional judgement to what extent you understand our learning material. I will use observation, your written work, answers to questions, and contribution to class discussions as data to make my decisions.

I will also ask you to complete a self-assessment which I will use to help me guage how well you think you understand our material in class.

Computer1.png As a computer scientist, you have:[edit]

  • Confidence in dealing with complexity
  • Persistence in working with difficult problems
  • Tolerance for ambiguity
  • The ability to deal with open-ended problems
  • The ability to communicate and work with others to achieve a common goal or solution

Credit.png Credits[edit]

Consider the merits or otherwise of an argument or concept. Opinions and conclusions should be presented clearly and supported with appropriate evidence and sound argument.

Retrieved from "https://computersciencewiki.org/index.php?title=Designing_Solutions_Through_Programming_-_block_8_-_September_28_2018_Lesson_Notes&oldid=8838"