From Computer Science Wiki
|
|
(One intermediate revision by the same user not shown) |
Line 19: |
Line 19: |
| ## alerts | | ## alerts |
| ## forms | | ## forms |
| | # I can understand and use margins and padding |
| | # I can understand how to use forms, a bit more |
|
| |
|
| == To learn == | | == To learn == |
| # we will use this file: https://github.com/bmackenty/DesigningSolutionsThroughProgramming
| | |
| # I can understand and use margins and padding | | # a bit more about google developer tools, and inspecting elements |
| # I can understand how to use forms, a bit more
| | |
|
| |
|
| <syntaxhighlight lang="html"> | | <syntaxhighlight lang="html"> |
Line 64: |
Line 66: |
| </div> | | </div> |
| </nav> | | </nav> |
| <div class="container mt-5"> | | <!-- open container --> |
| | <div class="container m-3"> |
|
| |
|
|
| |
|
Line 71: |
Line 74: |
|
| |
|
|
| |
|
| </div> <!-- close container --> | | </div> |
| | <!-- close container --> |
|
| |
|
|
| |
|
Latest revision as of 09:30, 9 October 2018
What are we going to learn today?[edit]
- Hello class.
To review[edit]
- I can describe the idea of bootstrap and web application frameworks
- I can describe element folding
- I have bookmarked: https://getbootstrap.com/docs/4.1/getting-started/introduction/
- I can use the following elements in bootstrap:
- cards
- alerts
- forms
- I can understand and use margins and padding
- I can understand how to use forms, a bit more
To learn[edit]
- a bit more about google developer tools, and inspecting elements
<!doctype html>
<html lang="en">
<!-- Documentation: http://getbootstrap.com/docs/4.1/getting-started/introduction/ -->
<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>
<!-- keep your content within body opening and closing tags -->
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
</div>
</nav>
<!-- open container -->
<div class="container m-3">
<!-- This is the code you will given for your exam -->
</div>
<!-- close container -->
<!-- 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]
|