-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
254 lines (229 loc) · 9.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Unit 5 - List, Loops, and Traversals</title>
<link rel="icon" type="image/jpg" href="Favicon Small.jpg">
<link rel="stylesheet" href="mystyle.css" type="text/css">
</head>
<body>
<div class="banner">
<h1>Thomas A Edison Career and Technical Eduacation High School</h1>
<h1>Web Development</h1>
<h1>Unit 5</h1>
<h1>Review</h1>
<h1>03/16/2023</h1>
<h1>Done By: Jaunel Deans</h1>
<img id="logo" src="Fabviconbig.jpg">
</div>
<div>
<div class="menu">
Menu
<a href="ListsMakeLesson.html">Lists Make</a>
<a href="LoopsMakeLesson.html">Loops Make</a>
<a href="TraveralsMakeLesson.html"> Traverals Make</a>
<a href="PracticePT.html"> Practice PT</a>
<a href="SuperReview.html">Super Review</a>
</div>
</div>
<div class="container">
<!--List start here-->
<div class="wave" id="l1">
Lesson 1: Lists Explore
<br>
Summary: In Lesson#1, we developed a mental model for how computers store and access lists of information using variables. We used a digital Manipulative to further our understanding. We learnt that a list is created by a variable and has an index beginning at zero.
<br>
<!--This will have a loop of the Digital Manipulative working -->
<br>
Question: Match the index with the values
<br>
var myNumbers = [32,64,33,0,15,26,3]
<br>
<table>
<tr>
<td>
<ol>
<li>myNumbers[4]</li>
<br>
<li>myNumbers[0]</li>
<br>
<li>myNumbers[3]</li>
<br>
<li>myNumbers[1]</li>
</ol>
</td>
<td>
<ol>
<li>15</li>
<br>
<li>32</li>
<br>
<li>0</li>
<br>
<li>64</li>
</ol>
</td>
</tr>
</table>
<br>
</div>
<div class="wave" id="l2a">
Lesson 2: Lists Investigate(Part 1)
<br>
Summary: We investigated and modify sample apps that use lists learn common programming patterns with lists.
<br>
Different types of list patterns
<br>
<img class="Q1-2pics" src="randomAccess.png">
<br>
The user is interested in seeing items in a list, like a list of favorite foods, or a list of reminders.The app shows the user one item in the list at a time.
By clicking buttons (or otherwise interacting with the app) the a new random item in the list is shown to the user.This pattern allows a user to see random elements in a list. In order to make it work, create an index variable and a list. Then generate a random number between 0 and the length of the list minus one and set the index to that value. Then update the screen.
<br>
</div>
<div class="wave" id="l2b">
Lesson 2: Lists Investigate(Part 2)
<br>
<br>
<img class="Q1-2pics" src="scrolling.png">
<br>
<br>
The user is interested in seeing items in a list, like a list of favorite foods, or a list of reminders.The app shows the user one item in the list at a time. By clicking buttons (or otherwise interacting with the app) the user can move back and forth through the list, one item at a time, to see every item. This pattern allows a user to "scroll" through all the items in the list. In order to make it work, create an index variable and a list. Then use the "Counter Pattern with Boundary" pattern to create event handlers to change the value of the index.This pattern makes sense to use with the updateScreen pattern since you will need at least two buttons for scrolling left and right through the list but afterwards will use the same code to update the screen.
</div>
<div class="wave" id="l3">
Lesson 3: Lists Practice
<br>
Summary: We practice programming with lists through a set of programming puzzles adn debugging apps.
<br>
<ol>
<li>
<img class="pics" src="unit5Lesson3CFU1.png">
<br>
Answer: "emerald"
</li>
<br>
<li>
<img class="pics" src="unit5Lesson3CFU2.png">
<br>
Answer: 4
</li>
</ol>
</div>
<div class="wave" id="l4">
Lesson 4: Lists Make
<br>
Summary:In Lesson#4, we made a Reminder app that uses lists and programming patterns with lists.
<br>
CFU: We analyzed, and replicated a Reminder App by trying to coding the app from scratch.
<br>
<a href="ListsMakeLesson.html">
<img class="Apppics" src="reminderApp.png">
</a>
</div>
<!--List end here-->
<!--Loops start here-->
<div class="wave" id="l5">
Lesson 5: Loops Explore
<br>
Summary: In Lesson #5, we discovered how computers repeat instructions over and over using loops. Loops are used as a counting loop to execute a block of code a certain number of times.
<br>
CFU:When breaking a problem down, you often encounter elements that you want to use repeatedly in your code. Sometimes it's appropriate to write a new function; at other times it's appropriate to write a loop.
<br>
There is no hard-and-fast rule as to which is better, but what do you think? What kinds of circumstances would lead you to writing a function versus using a loop?
<br>
Answer: For me, I prefer to utilize the same bits of code I previously wrote as many times as I am allowed so that I can get the most use out of what I am creating, and it is easier to solve a bug. Therefore, I do not want to get confused and would opt to write additional code. Loops can get confusing if you don't know what it does or how to use them.
<br>
</div>
<div class="wave" id="l6">
Lesson 6: Conditionals Investigate
<br>
Summary: We investigated and modified sample apps that use loops and learn common programming patterns with loops.
<br>
CFU: Think back on the Font Tester App. Can you think of an example of another app or feature of an app which would use a loop to control different elements on a screen?
<br>
<ul>
<li>A photo editor app may use loops to control properties such as image size, image colors, image brightness, etc.</li>
<li>check the grade of every student in the class, we loop from 1 to that number</li>
<li>Count how many number in a list</li>
</ul>
</div>
<div class="wave" id="l7">
Lesson 7: Loops Practice
<br>
Summary: In Lesson #7, we Practice programming with loops through a set of programming puzzles and debugging apps.
<br>
CFU:
<ol>
<li>
<img class="thepics" src="unit5Lesson7CFU1.png">
<br>
Answer: "and 1 and 2 and 3"
</li>
<br>
<li>
<img class="thepics" src="unit5Lesson7CFU2.png">
<br>
Answer: "1 3 5"
</li>
</ol>
</div>
<div class="wave" id="l8">
Lesson 8: Loops Make
<br>
Summary: We practiced making an app that uses loops and programming patterns with loops.
<br>
<a href="LoopsMakeLesson.html">
<img class="Apppics" src="lockscreenmakerapp.png">
</a>
</div>
<!--Loops end here-->
<!--Traverals start here-->
<div class="wave" id="l9">
Lesson 9: Functions Explore / Investigate
<br>
Summary: In Lesson#9 explored how computers use loops to traverse and process lists of information. Traversing is the process of accessing each item on a list at one time using a loop and a boolean expression.
<br>
CFU: Why is traversal with a for loop a good method for accessing and updating items in a lengthy list?
<br>
- You want to process every item in the list in a similar way, you can use a loop to iterate through every item and take some action with it.
</div>
<div class="wave" id="l10">
Lesson 10: Traversals Investigate
<br>
Summary: In Lesson #10, we investigated and modified sample apps that use traversals.
<br>
CFU: Explain how you would filter the dog dataset using traversal to have a filtered list of dogs who live long lives.
<br>
The for loop would filter the list by labeling dogs who live a maximum life span of 10 years or less as dogs who live short life. Dogs with a maximum life span greater than ten and less than 16 would be filtered into the list of dogs with an average life span. Lastly, dogs with a maximum life span of 16 years or greater would be filtered into a list of dogs who live long lives.
</div>
<div class="wave" id="l11">
Lesson 11: Traversals Practice
<br>
Summary: We practiced programming with list traversals through a set of programming puzzles.
<br>
<img class="thepics" src="unit5Lesson11CFU1.png">
<br>
Answer: [82, 0, 0, 97, 91]
</div>
<div class="wave" id="l12">
Lesson 11: Traversals Make
<br>
Summary: We practiced making an app that processes a list from a data set using traversal.
<br>
<a href="TraveralsMakeLesson.html">
<img class="Apppics" src="randomforecaster.png">
</a>
</div>
<!--Traversals end here-->
<div class="wave" id="l13-17">
Lesson 13,14,15,16,17
<br>
Summary: In Lessons 13 to 17 we desgined our own apps. The app is to make a choice and produce a result based off the conditions it was given. The app I created spreads awareness about the endangered animals in Canada.
<br>
<a href="PracticePT.html">
<img class="Apppics" src="Hackathon.png">
</a>
</div>
</div>
</body>
</html>