Designing Solutions Through Programming - block 8 - September 28 2018 Lesson Notes

From Computer Science Wiki
Jump to: navigation, search

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

  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?

I will assess you formatively today, and make a professional judgement to what extentConsider the merits or otherwise of an argument or concept. Opinions and conclusions should be presented clearly and supported with appropriate evidence and sound argument. 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:

  • 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