Designing Solutions Through Programming - block 8 - September 28 2018 Lesson Notes: Difference between revisions
Mr. MacKenty (talk | contribs) (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...") |
Mr. MacKenty (talk | contribs) |
||
Line 28: | Line 28: | ||
</head> | </head> | ||
<body> | <body> | ||
<h1>Hello, world!</h1> | <h1>Hello, world!</h1> | ||
<div class="row"> | <div class="row"> | ||
<div class="col | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | <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 | |||
<!-- 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
What are we going to learn today?[edit]
<!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]
|
|
Credits[edit] |