|
|
<!doctype html>
|
|
|
<html lang="en">
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<title></title>
|
|
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
|
|
<!-- For syntax highlighting -->
|
|
|
<link rel="stylesheet" href="../../../../lib/css/zenburn.css">
|
|
|
<link rel="stylesheet" href="../../../../lib/css/prism.css">
|
|
|
|
|
|
<link rel="stylesheet" href="../../../../css/reveal.css">
|
|
|
<link rel="stylesheet" href="../../../../css/theme/ga-title.css" id="theme">
|
|
|
|
|
|
<!--[if lt IE 9]>
|
|
|
<script src="lib/js/html5shiv.js"></script>
|
|
|
<![endif]-->
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/python-ga/proxima-nova/fonts.css" />
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body class="language-javascript">
|
|
|
|
|
|
<div class="reveal">
|
|
|
|
|
|
<!-- Any section element inside of this container is displayed as a slide -->
|
|
|
<div class="slides">
|
|
|
|
|
|
|
|
|
<!--
|
|
|
---
|
|
|
title: Control Flow
|
|
|
type: lesson
|
|
|
duration: "1:10"
|
|
|
creator: Sonyl Nagale adapted from Susi Remondi
|
|
|
Private gist location: xxxxxx
|
|
|
Presentation URL: xxxxx
|
|
|
---
|
|
|
-->
|
|
|
<section id="section" class="level2 separator">
|
|
|
<h2><img src="https://s3.amazonaws.com/python-ga/images/GA_Cog_Medium_White_RGB.png" /></h2>
|
|
|
<h1>
|
|
|
Python Programming: Conditionals
|
|
|
</h1>
|
|
|
<!--
|
|
|
|
|
|
## Overview
|
|
|
This lesson introduces students to the concept of control flow — Booleans (including "truthy" and "falsey"), comparison operators, and `if`/`elif`/`else`.
|
|
|
|
|
|
## Learning Objectives
|
|
|
In this lesson, students will:
|
|
|
- Use comparison and equality operators to evaluate and compare statements.
|
|
|
- Use `if`/`elif`/`else` conditionals to control program flow.
|
|
|
|
|
|
## Duration
|
|
|
60 minutes
|
|
|
|
|
|
## Suggested Agenda
|
|
|
|
|
|
| Time | Activity |
|
|
|
| --- | --- |
|
|
|
| 0:00 - 0:05 | Welcome |
|
|
|
| 0:07 - 0:25 | Booleans and Logical Operators |
|
|
|
| 0:25 - 0:47 | `if`, `else`, and `elif` |
|
|
|
| 0:47 - 0:57 | Exercises |
|
|
|
| 0:57 - 0:60 | Summary |
|
|
|
|
|
|
## Before Class: Preparation
|
|
|
- Modify the slides and exercises in this file as you see fit.
|
|
|
|
|
|
## In Class: Materials
|
|
|
- Projector
|
|
|
- Internet connection
|
|
|
- Python 3
|
|
|
|
|
|
## Differentiation and Extensions
|
|
|
- If students are excelling, give them more complex exercises and examples — chain comparisons inside `if` statements and make use of `Truthy`/`Falsey`.
|
|
|
- If students are struggling, continuously recap the real-world comparison (e.g., a temperature range or comparing numbers), and once they grasp that, more slowly recap each individual concept. Start with the variables and an easier comparison, then build up. You can always add more simple demos, code-alongs, and exercises.
|
|
|
- Feel free to come up with more exercises at the end (and throughout)! If there is extra time, write more exercises on the board (or bring up sample code) for students to complete.
|
|
|
|
|
|
-->
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="learning-objectives" class="level2">
|
|
|
<h2>Learning Objectives</h2>
|
|
|
<p><em>After this lesson, you will be able to:</em></p>
|
|
|
<ul>
|
|
|
<li>Use comparison and equality operators to evaluate and compare statements.</li>
|
|
|
<li>Use <code>if</code>/<code>elif</code>/<code>else</code> conditionals to control program flow.</li>
|
|
|
</ul>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="unit-2-kickoff" class="level2">
|
|
|
<h2>Unit 2 Kickoff</h2>
|
|
|
<p>In Unit 1, we ended by printing the rating for a movie: <code>print('The rating for', movie_title, 'is', movie_rating)</code>.</p>
|
|
|
<p>In Unit 2, we’re going to learn to add logic and make this much more complex. By the end of this:</p>
|
|
|
<ul>
|
|
|
<li>We’ll have a variable that’s set to either <code>1</code> or <code>2</code>. If the variable is a <code>1</code>, we’ll print the movie title, and if the variable is a <code>2</code>, we’ll print the rating.</li>
|
|
|
<li>We’ll have many movies in a <code>list</code> and print them all out with just one <code>print</code> statement using a <code>loop</code>.</li>
|
|
|
<li>We’ll make pieces of our program easy to reuse using <code>functions</code>.</li>
|
|
|
</ul>
|
|
|
<p>Ready? Let’s go!</p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Recap what students learned in Unit 1. Give a quick overview of what they’ll learn in Unit 2.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Now that you have a feel for programming in pseudocode and in Python, and an understanding of how variables work, we’re going to add some additional complexity by diving into control flow.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="discussion-what-do-you-notice" class="level2">
|
|
|
<h2>Discussion: What Do You Notice?</h2>
|
|
|
<p>Consider the following pseudocode for “French toast à la GA.”</p>
|
|
|
<pre><code>1) Dip the bread in eggs.
|
|
|
2) Cook the bread for 3 minutes on each side.</code></pre>
|
|
|
<p>Now, consider this:</p>
|
|
|
<pre><code>1) Dip the bread in eggs.
|
|
|
2) If the bread is thicker, dip the bread again until it's soaked through.
|
|
|
3) Cook the bread for 3 minutes.
|
|
|
4) Check if the bread is brown on the bottom. If not, keep cooking the bread.
|
|
|
5) Flip the bread, and repeat steps 3 and 4.</code></pre>
|
|
|
<p>What do you notice?</p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Give the class a few minutes to think about it.</li>
|
|
|
<li>If French toast isn’t your thing, feel free to choose another real-life example. Make sure it has an “if/or” comparison in it — some decision that the program needs to make.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Have you ever seen a recipe require a decision?</li>
|
|
|
<li>Call out the <strong>repeat</strong>, the <strong>if</strong>, and the <strong>until</strong>.</li>
|
|
|
<li>This is <strong>control flow</strong>: changing what the program does based on a decision.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="saying-yes-or-no" class="level2">
|
|
|
<h2>Saying “Yes” or “No”</h2>
|
|
|
<pre><code>- **If** the bread is thicker…
|
|
|
- **If** the bread is brown…</code></pre>
|
|
|
<p>Goal: Programs need to make choices.</p>
|
|
|
<p>To do that, programs need to be able to say, “Is this bread thick? Yes or no?”</p>
|
|
|
<p>Question: How does a computer say “yes” or “no”?</p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Make it clear that the goal is that the computer does one thing depending on if the question’s answer is yes or no, so first we have to teach the computer to say yes and no.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="boolean-values-the-foundation-of-programming" class="level2">
|
|
|
<h2>Boolean Values: The Foundation of Programming</h2>
|
|
|
<p>“Yes” in computer is <code>True</code>. “No” in computer is <code>False</code>.</p>
|
|
|
<p>This is the case in every programming language — it’s specific to computers themselves.</p>
|
|
|
<p>These are called <strong>Boolean values</strong>.</p>
|
|
|
<ul>
|
|
|
<li>Is the bread sliced?
|
|
|
<ul>
|
|
|
<li><code>True</code>.</li>
|
|
|
</ul></li>
|
|
|
<li>Is the bread brown?
|
|
|
<ul>
|
|
|
<li><code>False</code>.</li>
|
|
|
</ul></li>
|
|
|
<li>Is 2 larger than 6?
|
|
|
<ul>
|
|
|
<li><code>False</code>.</li>
|
|
|
</ul></li>
|
|
|
<li>Is 6 larger than 2?
|
|
|
<ul>
|
|
|
<li><code>True</code>.</li>
|
|
|
</ul></li>
|
|
|
</ul>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>First, it’s important to understand that the result of comparing two values is always either the value <code>True</code> or the value <code>False</code>.</li>
|
|
|
<li>These are called <strong>Boolean values</strong> and they are the basis for all decision-making in programming.</li>
|
|
|
<li>Comparison operators compare two values with each other and return either <code>True</code> or <code>False</code>.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="comparison-and-logic-in-programming" class="level2">
|
|
|
<h2>Comparison and Logic in Programming</h2>
|
|
|
<p>Now we can say “yes” or “no,” but how do we ask the question?</p>
|
|
|
<p>The first way is with comparison operators.</p>
|
|
|
<p>How does a computer decide <code>True</code> or <code>False</code>?</p>
|
|
|
<p><img src="https://s3.amazonaws.com/ga-instruction/assets/python-fundamentals/comparison_operators.png" /></p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Now that we can have a computer say “yes” or “no,” we can bring in comparisons and logic. Comparison operators take two variables and contrast them. Mostly, we will be comparing strings and numbers.</li>
|
|
|
<li>Python also allows us to compare some more complex data types, which we will learn about soon.</li>
|
|
|
<li>Can you think of any use cases for comparison? What programs might need this?</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="comparison-types-practice" class="level2">
|
|
|
<h2>Comparison Types Practice</h2>
|
|
|
<p>Check out these comparison operators. Why do you think the last one is <code>False</code>?</p>
|
|
|
<iframe height="400px" width="100%" src="https://repl.it/@SuperTernary/python-pt-comparison-operators?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">
|
|
|
</iframe>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Why is that last one false? Because <code>d</code> occurs after <code>a</code> in the character set.</li>
|
|
|
<li>To a computer, characters go <code>a</code>, <code>b</code>, <code>c</code>, <code>d</code>… Because <code>d</code> is after <code>a</code> in a computer’s order, <code>a</code> < <code>d</code>. Therefore, this string comparison will evaluate to <code>False</code>.</li>
|
|
|
</ul>
|
|
|
<p><strong>Repl.it note:</strong> This repl.it contains the following code:</p>
|
|
|
<p><code>print("3 < 5 is...", (3 < 5))</code></p>
|
|
|
<p><code>print("13 >= 13 is....", (13 >= 13))</code></p>
|
|
|
<p><code>print("50 > 100 is...", (50 > 100))</code></p>
|
|
|
<code>print("'d' < 'a' is...", ("d" < "a"))</code>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="equality-operators-equality" class="level2">
|
|
|
<h2>Equality Operators: Equality (<code>==</code>)</h2>
|
|
|
<ul>
|
|
|
<li>Accept any two types of data as inputs.</li>
|
|
|
<li>Will only evaluate to <code>True</code> if both sides are completely identical in <em>data type and value</em>.</li>
|
|
|
</ul>
|
|
|
<iframe height="400px" width="100%" src="https://repl.it/@SuperTernary/python-pt-comparison-equality?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">
|
|
|
</iframe>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips</strong>:</p>
|
|
|
<ul>
|
|
|
<li>Spend just a minute on this slide! The repl.it is there for student to run and see, not as the basis for any exercises. It’s especially important to point out strings versus numbers.</li>
|
|
|
<li>Make sure students understand types — strings versus numbers, for example. <code>"7"</code> compared to <code>7</code> can be tough.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points</strong>:</p>
|
|
|
<ul>
|
|
|
<li>Now, let’s take a look at equality operators.</li>
|
|
|
<li>Equality operators check to see whether or not two values are the same as, or equal to, each other.</li>
|
|
|
<li>This operator will accept any two types of data as inputs and evaluate to a Boolean value (<code>True</code> or <code>False</code>).</li>
|
|
|
<li>It will only evaluate to <code>True</code> if both sides are completely identical in data type and value (i.e., a string and a number will never be equal because they are different data types.)</li>
|
|
|
<li>For example, <code>5 == 5</code> will evaluate to <code>True</code>, while <code>5 == "5"</code> will evaluate to <code>False</code>, as, while the values are the same, <code>5</code> is a number and <code>"5"</code> is a string. (Strings always have quotes.)</li>
|
|
|
</ul>
|
|
|
<p><strong>Repl.it note:</strong> This repl.it contains the following code:</p>
|
|
|
<p><code>print("5 == 5 is..", 5 == 5)</code></p>
|
|
|
<p><code>print("6 == 3 is...", 6 == 3)</code></p>
|
|
|
<p><code>print("'5' == 5 is..", "5" == 5)</code></p>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="equality-operators-inequality" class="level2">
|
|
|
<h2>Equality Operators: Inequality (<code>!=</code>):</h2>
|
|
|
<ul>
|
|
|
<li>Will accept any two types of data as inputs.</li>
|
|
|
<li>The reverse of the equality operator.</li>
|
|
|
</ul>
|
|
|
<iframe height="400px" width="100%" src="https://repl.it/@SuperTernary/python-pt-comparison-inequality?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">
|
|
|
</iframe>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips</strong>:</p>
|
|
|
<ul>
|
|
|
<li>Spend just a minute on this slide! The repl.it is there for student to run and see, not as the basis for any exercises. It’s especially important to point out strings versus numbers.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points</strong>:</p>
|
|
|
<ul>
|
|
|
<li>This operator will also accept any two types of data as inputs and evaluate to a Boolean value.</li>
|
|
|
<li>It is essentially the reverse of the equality operator — it compares two values to check that either the data type or the value are not the same.</li>
|
|
|
<li>For example, <code>5 !== 5</code> will evaluate to <code>False</code>, while<code>5 != "5"</code> will evaluate to <code>True</code>.</li>
|
|
|
</ul>
|
|
|
<p><strong>Repl.it note:</strong> This repl.it contains the following code:</p>
|
|
|
<p><code>print("5 != 5 is..", (5 != 5))</code></p>
|
|
|
<p><code>print("6 != 5 is..", (6 != 5))</code></p>
|
|
|
<p><code>print("'5' != 5 is..", ("5" != 5))</code></p>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="comparison-operators-knowledge-check" class="level2">
|
|
|
<h2>Comparison Operators: Knowledge Check</h2>
|
|
|
<p>What do you think the following will equal?</p>
|
|
|
<ul>
|
|
|
<li><p><code>8 > 8</code></p></li>
|
|
|
<li><p><code>8 >= 8</code></p></li>
|
|
|
<li><p><code>8 <= 15</code></p></li>
|
|
|
<li><p><code>7 != "7"</code></p></li>
|
|
|
<li><p><code>6 == 7</code></p></li>
|
|
|
<li><p><code>6 != 7</code></p></li>
|
|
|
</ul>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Spend just a minute on this slide, but give students time to guess the answers.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="truthy-and-falsey" class="level2">
|
|
|
<h2>“Truthy” and “Falsey”</h2>
|
|
|
<p>Something that’s <code>True</code> is always <strong>true</strong>… right?</p>
|
|
|
<pre><code>Yes, I totally cleaned my room. Just don't look under the bed…</code></pre>
|
|
|
<p>Sometimes, we need “truthy” and “falsey.” They’re not explicitly <code>True</code> or <code>False</code>, but implicitly behave in the same way.</p>
|
|
|
<ul>
|
|
|
<li>Sometimes, <code>True</code> and <code>False</code> really mean, “Is there anything there?”</li>
|
|
|
</ul>
|
|
|
<div class="sourceCode" id="cb5"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb5-1" data-line-number="1"><span class="co">"Hello, World!"</span> <span class="co"># A non-empty string: Truthy / True.</span></a>
|
|
|
<a class="sourceLine" id="cb5-2" data-line-number="2"><span class="dv">13</span> <span class="co"># A non-zero number: Truthy / True.</span></a>
|
|
|
<a class="sourceLine" id="cb5-3" data-line-number="3"><span class="co">""</span> <span class="co"># An empty string: Falsey / False.</span></a>
|
|
|
<a class="sourceLine" id="cb5-4" data-line-number="4"><span class="dv">0</span> <span class="co"># The number 0: Falsey / False.</span></a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li><p>Give a variety of real-world examples to contextualize these concepts, especially for truthy and falsey.</p></li>
|
|
|
<li><p>It can be difficult to remember what gets returned in an <code>and</code> or <code>or</code> statement. Continuously recap both if something is <code>True</code> or <code>False</code>, but also what value would get returned.</p></li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li><code>True</code> and <code>False</code> are the standard Boolean values that we’ll be using with our comparisons. However, in Python there are also other values that will evaluate to <code>True</code> or <code>False</code> if they are used in a comparison. These are called “truthy” and “falsey” values because they are not explicitly <code>True</code> or <code>False</code> but they implicitly behave in the same way.</li>
|
|
|
<li>Any string (or other collection, like a list, which we’ll learn about soon) that is <strong>empty</strong> is considered “falsey,” so it evaluates to <code>False</code>. Similarly, any number with a value of zero is considered <code>False</code>. In these situations, <code>True</code> and <code>False</code> results basically indicate whether or not the variable you are comparing contains a value.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="the-logical-operators-or-and-and" class="level2">
|
|
|
<h2>The Logical Operators: <code>or</code> and <code>and</code></h2>
|
|
|
<p>What if we need to check multiple things that must all be <code>True</code>?</p>
|
|
|
<pre><code>To make a peanut butter and jelly sandwich, we need peanut butter, and jelly, and bread.</code></pre>
|
|
|
<p>Or check multiple things and only one needs to be <code>True</code>?</p>
|
|
|
<pre><code>To make a fruit salad, we only need oranges, or apples, or strawberries.</code></pre>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Now we know how to compare two values and get a Boolean result. But, what if we need to compare multiple things that must all be <code>True</code>? Or compare multiple things, any one of which must be <code>True</code>?</li>
|
|
|
</ul>
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>See if students can come up with the idea of <code>or</code> and <code>and</code>.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="the-logical-operators-or" class="level2">
|
|
|
<h2>The Logical Operators: <code>or</code></h2>
|
|
|
<p>"<code>or</code> checks if <strong>either</strong> comparison is <code>True</code>.</p>
|
|
|
<iframe height="400px" width="100%" src="https://repl.it/@SuperTernary/python-practicing-or?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">
|
|
|
</iframe>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>The repl.it is for an example, not an exercise. Run the code and walk students through it.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<p>"<code>or</code> checks if <strong>either</strong> comparison is <code>True</code> and returns the first <code>True</code> value it finds. If neither side is <code>True</code>, then <code>or</code> returns <code>False</code> and the last <code>False</code> value.</p>
|
|
|
<p><strong>Repl.it note:</strong> The repl.it contains:</p>
|
|
|
<div class="sourceCode" id="cb8"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb8-1" data-line-number="1">red_score <span class="op">=</span> <span class="dv">7</span></a>
|
|
|
<a class="sourceLine" id="cb8-2" data-line-number="2">blue_score <span class="op">=</span> <span class="dv">5</span></a>
|
|
|
<a class="sourceLine" id="cb8-3" data-line-number="3">green_score <span class="op">=</span> <span class="dv">0</span></a>
|
|
|
<a class="sourceLine" id="cb8-4" data-line-number="4">yellow_score <span class="op">=</span> <span class="dv">0</span></a>
|
|
|
<a class="sourceLine" id="cb8-5" data-line-number="5"></a>
|
|
|
<a class="sourceLine" id="cb8-6" data-line-number="6"><span class="co"># or prints the first truthy statement.</span></a>
|
|
|
<a class="sourceLine" id="cb8-7" data-line-number="7"><span class="bu">print</span>(red_score <span class="kw">or</span> blue_score)</a>
|
|
|
<a class="sourceLine" id="cb8-8" data-line-number="8"><span class="co"># 0 is considered False</span></a>
|
|
|
<a class="sourceLine" id="cb8-9" data-line-number="9"><span class="bu">print</span>(green_score <span class="kw">or</span> blue_score)</a>
|
|
|
<a class="sourceLine" id="cb8-10" data-line-number="10"><span class="co"># If all are false, or prints the last False statement.</span></a>
|
|
|
<a class="sourceLine" id="cb8-11" data-line-number="11"><span class="bu">print</span>(green_score <span class="kw">or</span> yellow_score)</a></code></pre></div>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="the-logical-operators-or-truth-table" class="level2">
|
|
|
<h2>The Logical Operators: <code>or</code> Truth Table</h2>
|
|
|
<p>The <code>or</code> truth table:</p>
|
|
|
<div class="sourceCode" id="cb9"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb9-1" data-line-number="1"><span class="va">True</span> <span class="kw">or</span> <span class="va">True</span></a>
|
|
|
<a class="sourceLine" id="cb9-2" data-line-number="2"><span class="co"># => True</span></a>
|
|
|
<a class="sourceLine" id="cb9-3" data-line-number="3"><span class="va">True</span> <span class="kw">or</span> <span class="va">False</span></a>
|
|
|
<a class="sourceLine" id="cb9-4" data-line-number="4"><span class="co"># => True</span></a>
|
|
|
<a class="sourceLine" id="cb9-5" data-line-number="5"><span class="va">False</span> <span class="kw">or</span> <span class="va">True</span></a>
|
|
|
<a class="sourceLine" id="cb9-6" data-line-number="6"><span class="co"># => True</span></a>
|
|
|
<a class="sourceLine" id="cb9-7" data-line-number="7"><span class="va">False</span> <span class="kw">or</span> <span class="va">False</span></a>
|
|
|
<a class="sourceLine" id="cb9-8" data-line-number="8"><span class="co"># => False</span></a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p>Here is a list to help keep track. A list like this is called a <em>truth table</em>.</p>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="the-logical-operators-and" class="level2">
|
|
|
<h2>The Logical Operators: <code>and</code></h2>
|
|
|
<p><code>and</code> checks if <strong>both</strong> comparisons are <code>True</code>.</p>
|
|
|
<iframe height="400px" width="100%" src="https://repl.it/@SuperTernary/python-and-practice?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">
|
|
|
</iframe>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>The repl.it is for an example, not an exercise. Run the code and walk students through it.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>“<code>and</code> checks if <strong>both</strong> comparisons are <code>True</code>. If both sides are <code>True</code>, then <code>and</code> will give back the last <code>True</code> value. If either side is <code>False</code>, <code>and</code> will return the first <code>False</code> value it finds.”</li>
|
|
|
</ul>
|
|
|
<p><strong>Repl.it note:</strong> The repl.it contains:</p>
|
|
|
<div class="sourceCode" id="cb10"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb10-1" data-line-number="1">red_score <span class="op">=</span> <span class="dv">7</span></a>
|
|
|
<a class="sourceLine" id="cb10-2" data-line-number="2">blue_score <span class="op">=</span> <span class="dv">5</span></a>
|
|
|
<a class="sourceLine" id="cb10-3" data-line-number="3">green_score <span class="op">=</span> <span class="dv">0</span></a>
|
|
|
<a class="sourceLine" id="cb10-4" data-line-number="4">yellow_score <span class="op">=</span> <span class="dv">0</span></a>
|
|
|
<a class="sourceLine" id="cb10-5" data-line-number="5"></a>
|
|
|
<a class="sourceLine" id="cb10-6" data-line-number="6"><span class="co"># and returns the last True statement.</span></a>
|
|
|
<a class="sourceLine" id="cb10-7" data-line-number="7"><span class="bu">print</span>(red_score <span class="kw">and</span> blue_score)</a>
|
|
|
<a class="sourceLine" id="cb10-8" data-line-number="8"><span class="co"># and returns the first False statement.</span></a>
|
|
|
<a class="sourceLine" id="cb10-9" data-line-number="9"><span class="bu">print</span>(green_score <span class="kw">and</span> blue_score)</a>
|
|
|
<a class="sourceLine" id="cb10-10" data-line-number="10"><span class="bu">print</span>(green_score <span class="kw">and</span> yellow_score)</a></code></pre></div>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="the-logical-operators-and-truth-table" class="level2">
|
|
|
<h2>The Logical Operators: <code>and</code> Truth Table</h2>
|
|
|
<p>The <code>and</code> truth table:</p>
|
|
|
<div class="sourceCode" id="cb11"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb11-1" data-line-number="1"><span class="va">True</span> <span class="kw">and</span> <span class="va">True</span></a>
|
|
|
<a class="sourceLine" id="cb11-2" data-line-number="2"><span class="co"># => True</span></a>
|
|
|
<a class="sourceLine" id="cb11-3" data-line-number="3"><span class="va">True</span> <span class="kw">and</span> <span class="va">False</span></a>
|
|
|
<a class="sourceLine" id="cb11-4" data-line-number="4"><span class="co"># => False</span></a>
|
|
|
<a class="sourceLine" id="cb11-5" data-line-number="5"><span class="va">False</span> <span class="kw">and</span> <span class="va">True</span></a>
|
|
|
<a class="sourceLine" id="cb11-6" data-line-number="6"><span class="co"># => False</span></a>
|
|
|
<a class="sourceLine" id="cb11-7" data-line-number="7"><span class="va">False</span> <span class="kw">and</span> <span class="va">False</span></a>
|
|
|
<a class="sourceLine" id="cb11-8" data-line-number="8"><span class="co"># => False</span></a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p>Here is a truth table to help keep track.</p>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="quick-review-comparing-variables-using-operators" class="level2">
|
|
|
<h2>Quick Review: Comparing Variables Using Operators</h2>
|
|
|
<ul>
|
|
|
<li><p>When comparing, a computer always returns a Boolean value: <code>True</code> or <code>False</code>.</p></li>
|
|
|
<li><p>We compare with operators like <code><</code>, <code><=</code>, <code>></code>, <code>>=</code>, <code>==</code>, and <code>!=</code>.</p></li>
|
|
|
<li><p>We can also use the logical operators <code>and</code> and <code>or</code>.</p></li>
|
|
|
</ul>
|
|
|
<p><em>Pro tip: Using only one equal (<code>=</code>) always assigns the variable!</em></p>
|
|
|
<p>Up next: Conditionals.</p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Quickly review and check for understanding.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="conditionals-if" class="level2">
|
|
|
<h2>Conditionals: <code>if</code></h2>
|
|
|
<p>Do you remember this?</p>
|
|
|
<pre><code>- **If** the bread is thicker…
|
|
|
- **If** the bread is brown…</code></pre>
|
|
|
<p>How can we put that in a program?</p>
|
|
|
<div class="sourceCode" id="cb13"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb13-1" data-line-number="1"><span class="cf">if</span> the bread <span class="kw">is</span> thick</a>
|
|
|
<a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="co"># print("Dunk the bread longer!")</span></a>
|
|
|
<a class="sourceLine" id="cb13-3" data-line-number="3"></a>
|
|
|
<a class="sourceLine" id="cb13-4" data-line-number="4"><span class="co"># No matter what:</span></a>
|
|
|
<a class="sourceLine" id="cb13-5" data-line-number="5"><span class="bu">print</span>(<span class="st">"Finished dunking the bread"</span>)</a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Point out that there is the <code>if</code>, then the question.</li>
|
|
|
<li>What to do is on the next line so that it’s easy to follow.</li>
|
|
|
<li>Point out the indent, so we know which part of the pseudocode goes with the <code>if</code>. The <code>print</code> statement is not indented, so we know that it’s not part of the <code>if</code> and always happens.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="if-syntax" class="level2">
|
|
|
<h2><code>if</code> Syntax</h2>
|
|
|
<div class="sourceCode" id="cb14"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb14-1" data-line-number="1"><span class="cf">if</span> condition:</a>
|
|
|
<a class="sourceLine" id="cb14-2" data-line-number="2"> <span class="co"># Run these lines if condition is True.</span></a>
|
|
|
<a class="sourceLine" id="cb14-3" data-line-number="3"> <span class="co"># These lines are indented.</span></a>
|
|
|
<a class="sourceLine" id="cb14-4" data-line-number="4"></a>
|
|
|
<a class="sourceLine" id="cb14-5" data-line-number="5"><span class="co"># Unindented things always happen.</span></a></code></pre></div>
|
|
|
<iframe height="400px" width="100%" src="https://repl.it/@SuperTernary/python-learning-if?lite=true" scrolling="no" frameborder="no" allowtransparency="true" allowfullscreen="true" sandbox="allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-modals">
|
|
|
</iframe>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Talk through the syntax, then run the code. Then, change the value of the code so that it’s <code>False</code> and show the statement not printing.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Here’s how you write an <code>if</code> statement. We use the word <code>if</code> and then put in the logical comparison we want to make. The <code>if</code> line ends in a colon. The indented lines that follow are the lines that will only be run if the condition results in <code>True</code>.</li>
|
|
|
<li>This program sets up two variables and then compares them to certain values to decide if the next lines should be executed.</li>
|
|
|
<li>We check to see if <code>bread</code> is equal to <code>"thick"</code>. If it is, we print this message.</li>
|
|
|
<li>Because the bread was thick, the condition evaluated to <code>True</code> and the next line ran.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="we-do-its-too-hot-in-here" class="level2">
|
|
|
<h2>We Do: It’s Too Hot In Here</h2>
|
|
|
<p>Remember, in a We Do, you follow along!</p>
|
|
|
<p>Our goal: A temperature program that lets us know when it is too hot.</p>
|
|
|
<ul>
|
|
|
<li><p>On your computer, open Atom and create a new file; save it as <code>control_flow.md</code>.</p></li>
|
|
|
<li><p>Set up a temperature variable.</p></li>
|
|
|
<li><p><strong>Type this; don’t just copy!</strong> The more practice you have typing it, the easier it will be to remember.</p></li>
|
|
|
</ul>
|
|
|
<div class="sourceCode" id="cb15"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb15-1" data-line-number="1">temperature <span class="op">=</span> <span class="dv">55</span></a>
|
|
|
<a class="sourceLine" id="cb15-2" data-line-number="2"><span class="bu">print</span>(<span class="st">"It's too hot!"</span>)</a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li><p>Have them start a program on their computers. Make sure they’ve all opened Atom and are following along.</p></li>
|
|
|
<li><p>Encourage students to type, not copy. They’ll need to be used to typing code out; it will help drill it in.</p></li>
|
|
|
<li><p>Feel free to change the examples to not be a temperature gauge.</p></li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Let’s write a program that sets the temperature to 55 degrees Fahrenheit and then immediately prints that it is too hot.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="we-do-add-an-if-statement" class="level2">
|
|
|
<h2>We Do: Add an <code>if</code> Statement</h2>
|
|
|
<p>That’s not hot! Let’s add an <code>if</code> statement:</p>
|
|
|
<div class="sourceCode" id="cb16"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb16-1" data-line-number="1">temperature <span class="op">=</span> <span class="dv">55</span></a>
|
|
|
<a class="sourceLine" id="cb16-2" data-line-number="2"><span class="cf">if</span> temperature <span class="op">></span> <span class="dv">80</span>:</a>
|
|
|
<a class="sourceLine" id="cb16-3" data-line-number="3"> <span class="bu">print</span>(<span class="st">"It's too hot!"</span>)</a></code></pre></div>
|
|
|
<p>What about a higher temperature? Like <code>95</code>?</p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips</strong>:</p>
|
|
|
<ul>
|
|
|
<li>Run this and have the students run this.</li>
|
|
|
<li>Encourage students to type, not copy.</li>
|
|
|
<li>Make sure they have the indent — they shouldn’t see anything print!</li>
|
|
|
<li>Then, change the temperature to <code>95</code> and run it.</li>
|
|
|
<li>This is an <em>excellent</em> time to mention space indents versus tab indents. Note that the Python style guide calls for four spaces, so that’s the students’ goal. Help them set up their text editor to use four spaces when they hit tab, for example. Show them that different numbers of spaces don’t work.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>OK, we have a program that sets the temperature to 55 degrees Fahrenheit and then immediately prints that it is too hot. But 55 degrees isn’t really hot, so our app is kind of useless. Let’s give it the ability to make a decision about whether or not it is too hot. Now our program will only complain about the heat if it is above 80 degrees.</li>
|
|
|
<li>At present, the program prints nothing. Let’s make sure our <code>if</code> statement works.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="we-do-the-else-statement" class="level2">
|
|
|
<h2>We Do: The <code>else</code> Statement</h2>
|
|
|
<p>What about printing a message for when it isn’t too hot?</p>
|
|
|
<div class="sourceCode" id="cb17"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb17-1" data-line-number="1"><span class="cf">if</span> condition:</a>
|
|
|
<a class="sourceLine" id="cb17-2" data-line-number="2"> <span class="co"># Do something</span></a>
|
|
|
<a class="sourceLine" id="cb17-3" data-line-number="3"><span class="cf">else</span>:</a>
|
|
|
<a class="sourceLine" id="cb17-4" data-line-number="4"> <span class="co"># Do something else</span></a></code></pre></div>
|
|
|
<p>The <code>else</code> block is executed <strong>only</strong> if the <code>if</code> condition evaluates to <code>False</code>.</p>
|
|
|
<p>Let’s try it:</p>
|
|
|
<div class="sourceCode" id="cb18"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb18-1" data-line-number="1">temperature <span class="op">=</span> <span class="dv">95</span></a>
|
|
|
<a class="sourceLine" id="cb18-2" data-line-number="2"><span class="cf">if</span> temperature <span class="op">></span> <span class="dv">80</span>:</a>
|
|
|
<a class="sourceLine" id="cb18-3" data-line-number="3"> <span class="co"># If true, run this code block.</span></a>
|
|
|
<a class="sourceLine" id="cb18-4" data-line-number="4"> <span class="bu">print</span>(<span class="st">"It's too hot!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb18-5" data-line-number="5"><span class="cf">else</span>:</a>
|
|
|
<a class="sourceLine" id="cb18-6" data-line-number="6"> <span class="co"># Otherwise, run this code block.</span></a>
|
|
|
<a class="sourceLine" id="cb18-7" data-line-number="7"> <span class="bu">print</span>(<span class="st">"It's just right!"</span>)</a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Run this and have the students run this.</li>
|
|
|
<li>Encourage students to type, not copy.</li>
|
|
|
<li>Make sure they have the indents correct!</li>
|
|
|
<li>Then, change the temperature to <code>25</code> and run it again.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Using the <code>if</code> statement like the one above gives us a situation where the program will do something if the condition is <code>True</code> but it will do nothing if the condition is <code>False</code>. What if we want it to do one thing if it’s <code>True</code> and a completely different thing if it is <code>False</code>? Python gives us the <code>else</code> statement. It has this basic structure. This works exactly the same as a simple <code>if</code> statement except that it adds <code>else</code> and another line that will be executed only if the condition evaluates to <code>False</code>.</li>
|
|
|
<li>Let’s use this to add some more messages to our temperature program so that it will say something for any temperature. Now for any temperature above <code>80</code>, the program will print a complaint. <strong>Else</strong>, if the temperature is not above <code>80</code>, the program will express its satisfaction. Change the temperature to <code>65</code> and run it again. Python chooses the other path now and executes the line saying that it is just right.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="discussion-other-cases" class="level2">
|
|
|
<h2>Discussion: Other Cases</h2>
|
|
|
<p>What if it’s too cold? We need more conditions.</p>
|
|
|
<div class="sourceCode" id="cb19"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb19-1" data-line-number="1"><span class="cf">if</span> temperature <span class="op">></span> <span class="dv">80</span>:</a>
|
|
|
<a class="sourceLine" id="cb19-2" data-line-number="2"> <span class="co"># If it is too hot, run this code block.</span></a>
|
|
|
<a class="sourceLine" id="cb19-3" data-line-number="3"> <span class="bu">print</span>(<span class="st">"It's too hot!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb19-4" data-line-number="4"></a>
|
|
|
<a class="sourceLine" id="cb19-5" data-line-number="5"><span class="co"># We want: Else if temperature < 40.</span></a>
|
|
|
<a class="sourceLine" id="cb19-6" data-line-number="6"><span class="co"># We want: Print that it's too cold .</span></a>
|
|
|
<a class="sourceLine" id="cb19-7" data-line-number="7"></a>
|
|
|
<a class="sourceLine" id="cb19-8" data-line-number="8"><span class="cf">else</span>:</a>
|
|
|
<a class="sourceLine" id="cb19-9" data-line-number="9"> <span class="co"># Otherwise, run this code block.</span></a>
|
|
|
<a class="sourceLine" id="cb19-10" data-line-number="10"> <span class="bu">print</span>(<span class="st">"It's just right!"</span>)</a></code></pre></div>
|
|
|
<p>What do you think we need?</p>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Spend just a minute or two on this — can they come up with <code>else if</code>?</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>This is great! Now we can have our programs actually look at some data and make a different decision based on its value. It reads the <code>temperature</code> variable and compares the value to <code>80</code>. Because the temperature we coded in was lower than <code>80</code>, it evaluated to <code>False</code> and printed the “It’s just right!” comment. But as we all know, the world is not all black and white and frequently we will need to have more than two branches from which our program to choose.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="we-do-the-elif-statement" class="level2">
|
|
|
<h2>We Do: The <code>elif</code> Statement</h2>
|
|
|
<p>That’s where the <code>elif</code> (“else if”) statement works its magic.</p>
|
|
|
<div class="sourceCode" id="cb20"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb20-1" data-line-number="1">temperature <span class="op">=</span> <span class="dv">60</span></a>
|
|
|
<a class="sourceLine" id="cb20-2" data-line-number="2"></a>
|
|
|
<a class="sourceLine" id="cb20-3" data-line-number="3"><span class="cf">if</span> temperature <span class="op">></span> <span class="dv">80</span>:</a>
|
|
|
<a class="sourceLine" id="cb20-4" data-line-number="4"> <span class="bu">print</span>(<span class="st">"It's too hot!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb20-5" data-line-number="5"></a>
|
|
|
<a class="sourceLine" id="cb20-6" data-line-number="6"><span class="cf">elif</span> temperature <span class="op"><</span> <span class="dv">40</span>:</a>
|
|
|
<a class="sourceLine" id="cb20-7" data-line-number="7"> <span class="bu">print</span>(<span class="st">"It's too cold!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb20-8" data-line-number="8"></a>
|
|
|
<a class="sourceLine" id="cb20-9" data-line-number="9"><span class="cf">else</span>:</a>
|
|
|
<a class="sourceLine" id="cb20-10" data-line-number="10"> <span class="bu">print</span>(<span class="st">"It's just right!"</span>)</a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Run this and have the students run this.</li>
|
|
|
<li>Make sure they have the indents correct!</li>
|
|
|
<li>Then, change the temperature to different values and see it working.</li>
|
|
|
<li>Walk through this line by line.</li>
|
|
|
<li>Be clear that <code>else</code> always comes at the bottom — there is only one else! Any middle conditional is <code>elif</code>.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>That’s where the <code>elif</code> statement works its magic. <code>elif</code> is a portmanteau of “else if.” It is used when you need to have multiple branches of execution but each one needs to use a different comparison. Let’s use this to beef up our temperature program to give some nice feedback.</li>
|
|
|
<li>Let’s look at this line by line. We make our <code>temperature</code> variable and set it to <code>95</code>. Then, we check to see if it is greater than <code>80</code>. If it is, we print the “hot” message. If that condition is <code>False</code>, we then move to the next one, which checks to see if the temperature is between <code>60</code> and <code>80</code>. Note the use of the <code>and</code> operator to make sure that both of those comparisons must be <code>True</code> for the whole conditional to be <code>True</code>. If the temperature is less than or equal to <code>80</code> <strong>and</strong> greater than <code>60</code>, then we print the “just right” message. If that one is <code>False</code>, we proceed to the next <code>elif</code>, which checks for cold temperatures. Finally, we end with <code>else</code>. You will use <code>else</code> as the last statement in any block that uses <code>elif</code> statements."</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="we-do-adding-more-elif" class="level2">
|
|
|
<h2>We Do: Adding More <code>elif</code></h2>
|
|
|
<p>We can have as many <code>elif</code> as we’d like, but only one <code>else</code>.</p>
|
|
|
<p>Let’s change this up — remember, type this out for practice.</p>
|
|
|
<div class="sourceCode" id="cb21"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb21-1" data-line-number="1">temperature <span class="op">=</span> <span class="dv">95</span></a>
|
|
|
<a class="sourceLine" id="cb21-2" data-line-number="2"><span class="cf">if</span> temperature <span class="op">></span> <span class="dv">80</span>:</a>
|
|
|
<a class="sourceLine" id="cb21-3" data-line-number="3"> <span class="bu">print</span>(<span class="st">"It's too hot!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb21-4" data-line-number="4"><span class="cf">elif</span> temperature <span class="op"><=</span> <span class="dv">80</span> <span class="kw">and</span> temperature <span class="op">></span> <span class="dv">60</span>:</a>
|
|
|
<a class="sourceLine" id="cb21-5" data-line-number="5"> <span class="bu">print</span>(<span class="st">"It's just right!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb21-6" data-line-number="6"><span class="cf">elif</span> temperature <span class="op"><=</span> <span class="dv">60</span> <span class="kw">and</span> temperature <span class="op">></span> <span class="dv">40</span>:</a>
|
|
|
<a class="sourceLine" id="cb21-7" data-line-number="7"> <span class="bu">print</span>(<span class="st">"It's pretty cold!"</span>)</a>
|
|
|
<a class="sourceLine" id="cb21-8" data-line-number="8"><span class="cf">else</span>:</a>
|
|
|
<a class="sourceLine" id="cb21-9" data-line-number="9"> <span class="bu">print</span>(<span class="st">"It's freezing!"</span>)</a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Encourage students to type, not copy.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Let’s use this to beef up our temperature program to give some nice feedback.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="thought-exercise" class="level2">
|
|
|
<h2>Thought Exercise</h2>
|
|
|
<p>What do you think the following code will print? Why?</p>
|
|
|
<div class="sourceCode" id="cb22"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb22-1" data-line-number="1">foo <span class="op">=</span> <span class="dv">5</span></a>
|
|
|
<a class="sourceLine" id="cb22-2" data-line-number="2">bar <span class="op">=</span> <span class="dv">1</span></a>
|
|
|
<a class="sourceLine" id="cb22-3" data-line-number="3"><span class="cf">if</span> foo <span class="op">></span> <span class="dv">13</span>:</a>
|
|
|
<a class="sourceLine" id="cb22-4" data-line-number="4"> <span class="bu">print</span>(<span class="st">"Flip"</span>)</a>
|
|
|
<a class="sourceLine" id="cb22-5" data-line-number="5"><span class="cf">elif</span> bar:</a>
|
|
|
<a class="sourceLine" id="cb22-6" data-line-number="6"> <span class="bu">print</span>(<span class="st">"Flop"</span>)</a>
|
|
|
<a class="sourceLine" id="cb22-7" data-line-number="7"><span class="cf">else</span>:</a>
|
|
|
<a class="sourceLine" id="cb22-8" data-line-number="8"> <span class="bu">print</span>(<span class="st">"Fly"</span>)</a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>It prints <code>"Flop"</code>.</li>
|
|
|
<li>Use this slide to check for understanding.</li>
|
|
|
<li>See if a student can explain it, not you.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="partner-exercise-even-or-odd" class="level2">
|
|
|
<h2>Partner Exercise: Even or Odd</h2>
|
|
|
<p>Pair with a new partner. Decide who will drive and who will navigate.</p>
|
|
|
<p>Open a new file in Atom; save it as <code>check_even.py</code>.</p>
|
|
|
<p>In it, write a program that prints whether a number is even or odd.</p>
|
|
|
<p>Do you remember how to determine that?</p>
|
|
|
<ul>
|
|
|
<li>We can use the modulus operator (<code>%</code>) to check the remainder.</li>
|
|
|
</ul>
|
|
|
<p>Here is some code to get you started:</p>
|
|
|
<div class="sourceCode" id="cb23"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb23-1" data-line-number="1">number <span class="op">=</span> <span class="dv">10</span></a>
|
|
|
<a class="sourceLine" id="cb23-2" data-line-number="2">remainder <span class="op">=</span> number <span class="op">%</span> <span class="dv">2</span></a>
|
|
|
<a class="sourceLine" id="cb23-3" data-line-number="3"><span class="co"># For an even number, print "It's even!"</span></a>
|
|
|
<a class="sourceLine" id="cb23-4" data-line-number="4"><span class="co"># For an odd number, print "It's odd!"</span></a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p>3 MINUTES</p>
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Circulate the room to ask questions, help students overcome challenges, and check completed work.</li>
|
|
|
<li>If anyone is still stuck, go over the answer.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="partner-exercise-and-and-or" class="level2">
|
|
|
<h2>Partner Exercise: <code>and</code> and <code>or</code></h2>
|
|
|
<p>Switch driver and navigator.</p>
|
|
|
<p>In a file (it can be the same one), write a program that compares two variables and prints out statements accordingly. Start here and follow this:</p>
|
|
|
<div class="sourceCode" id="cb24"><pre class="sourceCode python"><code class="sourceCode python"><a class="sourceLine" id="cb24-1" data-line-number="1">x <span class="op">=</span> <span class="dv">8</span></a>
|
|
|
<a class="sourceLine" id="cb24-2" data-line-number="2">y <span class="op">=</span> <span class="dv">0</span></a>
|
|
|
<a class="sourceLine" id="cb24-3" data-line-number="3">a <span class="op">=</span> <span class="st">"Hello!"</span></a>
|
|
|
<a class="sourceLine" id="cb24-4" data-line-number="4">b <span class="op">=</span> <span class="st">""</span></a>
|
|
|
<a class="sourceLine" id="cb24-5" data-line-number="5"></a>
|
|
|
<a class="sourceLine" id="cb24-6" data-line-number="6"><span class="co"># Check if x and b are both True. If they are, print "Both of these are true."</span></a>
|
|
|
<a class="sourceLine" id="cb24-7" data-line-number="7"><span class="co"># Check if y or a is False. If one is, print "One of these is false."</span></a>
|
|
|
<a class="sourceLine" id="cb24-8" data-line-number="8"><span class="co"># Check if either x or y is False. If one is, print out "One is false."</span></a>
|
|
|
<a class="sourceLine" id="cb24-9" data-line-number="9"><span class="co"># Then, only if either x or y is False, check if x is greater than y. If it is, print out "x is greater than y."</span></a></code></pre></div>
|
|
|
<aside class="notes">
|
|
|
<p>5 MINUTES</p>
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Circulate the room to ask questions, help students overcome challenges, and check completed work.</li>
|
|
|
<li>If anyone is still stuck, go over the answer.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="summary-boolean-values-and-operators" class="level2">
|
|
|
<h2>Summary: Boolean Values and Operators</h2>
|
|
|
<p>We’ve started control flow — changing what our program does based on a decision. We used:</p>
|
|
|
<p><strong>Boolean values</strong></p>
|
|
|
<ul>
|
|
|
<li><code>True</code> and <code>False</code>.</li>
|
|
|
<li>The corresponding “truthy” and “falsey”.</li>
|
|
|
</ul>
|
|
|
<p><strong>Conditional operators</strong></p>
|
|
|
<ul>
|
|
|
<li>Comparison: <code><</code>, <code>></code>, <code><=</code>, and <code>>=</code>.</li>
|
|
|
<li>Equality: <code>==</code> and <code>!=</code>.</li>
|
|
|
</ul>
|
|
|
<p><strong>Logical operators</strong>: <code>all</code> and <code>or</code></p>
|
|
|
<ul>
|
|
|
<li><code>or</code> evaluates to <code>True</code> if <strong>any</strong> of the comparisons are <code>True</code>.</li>
|
|
|
<li><code>and</code> evaluates to <code>True</code> only if <strong>all</strong> of the comparisons are <code>True.</code></li>
|
|
|
</ul>
|
|
|
<aside class="notes">
|
|
|
<p>1 MINUTE</p>
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Quickly check for understanding.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
<hr />
|
|
|
</section>
|
|
|
<section id="summary-and-qa" class="level2">
|
|
|
<h2>Summary and Q&A</h2>
|
|
|
<p>Then, we went into <code>if</code> and <code>else</code>:</p>
|
|
|
<p>“<strong>If</strong> your toast is thick, dip the bread for longer, <strong>else</strong> do not.”</p>
|
|
|
<ul>
|
|
|
<li><code>if</code>: Use only as the first conditional operator.</li>
|
|
|
<li><code>elif</code>: Adds multiple comparisons to your <code>if</code> blocks.</li>
|
|
|
<li><code>else</code>: Use only at the end of your code block, for if the previous conditional tests are <code>False</code>.</li>
|
|
|
</ul>
|
|
|
<aside class="notes">
|
|
|
<p>1 MINUTE</p>
|
|
|
<p><strong>Teaching Tips:</strong></p>
|
|
|
<ul>
|
|
|
<li>Quickly check for understanding.</li>
|
|
|
<li>Talk about what’s up next.</li>
|
|
|
</ul>
|
|
|
<p><strong>Talking Points:</strong></p>
|
|
|
<ul>
|
|
|
<li>Just like using the words “if” and “else” in real life, these let us make decisions in our programs.</li>
|
|
|
<li><code>if</code> statements let us control the flow of execution in our programs.</li>
|
|
|
<li>We use conditional operators in our <code>if</code> statements to perform the comparisons.</li>
|
|
|
<li>The <code>else</code> statement lets us define what to do when our primary conditional test is <code>False</code>.</li>
|
|
|
<li>The <code>elif</code> statement lets us add multiple comparisons to our <code>if</code> blocks.</li>
|
|
|
</ul>
|
|
|
</aside>
|
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
<footer><span class='slide-number'></span></footer>
|
|
|
</div>
|
|
|
<script src="../../../../lib/js/head.min.js"></script>
|
|
|
<script src="../../../../js/reveal.js"></script>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
var dependencies = [
|
|
|
{ src: '../../../../lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
|
|
{ src: '../../../../plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
|
{ src: '../../../../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
|
{ src: '../../../../plugin/prism/prism.js', async: true, callback: function() { /*hljs.initHighlightingOnLoad();*/ } },
|
|
|
{ src: '../../../../plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }
|
|
|
];
|
|
|
|
|
|
if (Reveal.getQueryHash().instructor === 1) {
|
|
|
dependencies.push({ src: '../../../../plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } });
|
|
|
}
|
|
|
// Full list of configuration options available here:
|
|
|
// https://github.com/hakimel/reveal.js#configuration
|
|
|
Reveal.initialize({
|
|
|
controls: true,
|
|
|
progress: true,
|
|
|
history: true,
|
|
|
center: false,
|
|
|
slideNumber: true,
|
|
|
|
|
|
// available themes are in /css/theme
|
|
|
theme: Reveal.getQueryHash().theme || 'default',
|
|
|
|
|
|
// default/cube/page/concave/zoom/linear/fade/none
|
|
|
transition: Reveal.getQueryHash().transition || 'slide',
|
|
|
|
|
|
// Optional libraries used to extend on reveal.js
|
|
|
dependencies: dependencies
|
|
|
});
|
|
|
|
|
|
if (Reveal.getQueryHash().instructor === 1) {
|
|
|
Reveal.configure(dependencies.push({ src: '../../../../plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }));
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
Reveal.addEventListener('ready', function() {
|
|
|
if (Reveal.getCurrentSlide().classList.contains('separator-subhead')) {
|
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-subhead.css');
|
|
|
} else if (Reveal.getCurrentSlide().classList.contains('separator')) {
|
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-title.css')
|
|
|
} else {
|
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga.css');
|
|
|
}
|
|
|
});
|
|
|
|
|
|
Reveal.addEventListener('slidechanged', function(e) {
|
|
|
if (Reveal.getCurrentSlide().classList.contains('separator-subhead')) {
|
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-subhead.css');
|
|
|
} else if (Reveal.getCurrentSlide().classList.contains('separator')) {
|
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-title.css')
|
|
|
} else {
|
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga.css');
|
|
|
}
|
|
|
});
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
