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

The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

What are we going to learn today?[edit]

hello class :-)

We will spend some time reviewing the command line.
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>

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.

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

Credits[edit]

Icons used with tremendous gratitude by Freepik from flaticon