-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathnotes-en.html
More file actions
187 lines (148 loc) · 7.29 KB
/
notes-en.html
File metadata and controls
187 lines (148 loc) · 7.29 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Canada Learning Code</title>
<link rel="stylesheet" href="framework/css/slideshow.css" data-noprefix>
<link rel="stylesheet" href="framework/css/fonts.css" data-noprefix>
<link rel="stylesheet" href="framework/css/highlightjs/github.css" data-noprefix>
<link rel="stylesheet" href="framework/css/styles.css" data-noprefix>
<link rel="shortcut icon" href="framework/img/favicon.ico">
<!-- Takes care of CSS3 prefixes -->
<script src="framework/scripts/prefixfree.min.js"></script>
<!-- opens all links in a new window -->
<base target="_blank">
</head>
<!-- Timer/progress bar: Define the presentation duration using "data-duration" in minutes. -->
<body class="en" data-duration="360">
<main>
<section class="slide" data-toc data-markdown>
<script type="text/template">
# Teachers Learning Code: Workshop for Educators
##Instructor Notes
##6 hours
<br>
#Resources
* Do the Robot [lesson plan](https://www.canadalearningcode.ca/lessons/do-the-robot/)
* Paint with Gobo Interactive Art [lesson plan](https://www.canadalearningcode.ca/lessons/paint-with-gobo/)
* Superhero Profiles [lesson plan](https://www.canadalearningcode.ca/lessons/superhero-profiles/)
* Tourism Website [lesson plan](https://www.canadalearningcode.ca/lessons/tourism-website-with-glitch/)
* Digital Toolbox: [Quickstart Guide](https://www.canadalearningcode.ca/wp-content/uploads/teacher-quick-start-guide.pdf)
<br>
#Layout of the Day
##DO THE ROBOT ICE BREAKER ACTIVITY [12 minutes]
https://www.canadalearningcode.ca/lessons/do-the-robot/
* Pairs take turns as both Robot and Programmer working through this unplugged activity
* Reflection
* Which role was more difficult?
* Why?
* Discuss concepts learned & discuss modification options
##AGENDA REVIEW [3 minutes]
<br>
##INTRODUCTIONS [10 minutes]
* What brings you here? What are your goals?
* Lead and mentor introductions
* What the goals of the workshop are
##WHAT IS TEACHERS LEARNING CODE? [15 minutes]
* Introduction to the organization
* Why we started the program
* Our successful formula for programming
* Why teach coding
* Learning objectives
* Diversity matters
* What the program includes
* Who the program is for
##TEACHING TOOL: SCRATCH [60 minutes]
https://www.canadalearningcode.ca/lessons/paint-with-gobo/
* Code Along in Scratch
* Point out the main elements (sprites, stage, scripts) *OR* watch the intro video with the group
* Give teachers 2-3 minutes to try a few challenges
* See FAQ sheet for more support (http://bit.ly/scratch-challenge-solutions-doc)
* Exploring Scratch through a Teachers Learning Code Lesson
* We recommend Painting with Gobo (already in the slides)
* See the Painting with Gobo solution sheet
* Follow along the lesson and have teachers try out extensions and modifications!
* Cover concepts like:
* Logic and reasoning (like events, loops, conditionals)
* Online vs desktop tool (both free!)
* There are no wrong way of doing things; “real” developers will solve the same problem in multiple different ways
## SHOW & TELL + DISCUSSION + DEBUGGING [45 minutes]
* ½ walk around; other ½ share what they did with them
* Repeat for other half
* Discuss challenges encountered
* What challenges do you think your students may have
* Explore vs structure
* Encourage individual learning styles
* Debugging Activity
* Give a few minutes for teachers to try and debug 1-2 projects
##LUNCH [60 minutes]
<br>
##BUILDING THE WEB WITH HTML & CSS [10 minutes]
* Explain what HTML & CSS are
* Review HTML element and tags
##TEACHING TOOL: GLITCH [45 minutes]
https://www.canadalearningcode.ca/lessons/superhero-profiles/
* Show the example project and have learners identify HTML elements in the source code
* Have teachers brainstorm around their role model (information collection)
* Go through the Superhero Profiles activity
* Use the solution sheet to demonstrate how to edit text and replace images from a Google search
##BREAK [10 minutes]
<br>
##TEACHING TOOL: GLITCH [45 minutes]
https://www.canadalearningcode.ca/lessons/tourism-website-with-glitch/
* Have teachers research their favourite province or territory
* Go through the Tourism activity
* Remix the starter HTML project
* Demonstrate how to edit text elements
* Demonstrate how to embed a video from YouTube (Click "Share" > "Embed" > Copy and paste the iframe code into your HTML file)
* Have teachers Remix their own page
* Demonstrate how to edit CSS styles, if time. See http://css.cool for inspiration
* Remind everyone to rename their project (top, left) and Publish
##SHOW & TELL + DISCUSSION [30 minutes]
* Have teachers volunteer to share their Superhero Profile or Tourism Website
* What challenges do you think your students may have
* Explore vs structure
* Encourage individual learning styles
##NEXT STEPS [15 minutes]
* Question to group: What’s YOUR next step? Give a few ideas
* Hand out sticky notes (and pens)
* Have them write down their next step, then share with the person beside them
* After wrapping up have them stick their next step sticky on the wall, so people can see each other’s next steps/get inspired
* THANK YOU!
* Feedback Survey
##Other Topics for Discussion/ Work Period Ideas
* Talk about assessment
* How a student could save/share/submit for “marking”
* Individual URL’s in Scratch and Mozilla Thimble
* Educator accounts for Scratch
* Encourage everyone to share share something they learned
* Working Period
* How will you use this in your class next week
* Lesson plan
* Talk amongst yourselves, I’m here to support
</script>
</section>
</main><!-- cls main section -->
<script src="framework/scripts/jquery-1.11.0.min.js"></script>
<script src="framework/scripts/slideshow.js"></script>
<!-- Uncomment the plugins you need -->
<script src="framework/scripts/plugins/css-edit.js"></script>
<script src="framework/scripts/plugins/css-snippets.js"></script>
<script src="framework/scripts/plugins/css-controls.js"></script>
<!-- <script src="plugins/code-highlight.js"></script>-->
<script src="framework/scripts/plugins/markdown/marked.js"></script>
<script src="framework/scripts/plugins/markdown/markdown.js"></script>
<script src="framework/scripts/plugins/highlight/highlight-8.4.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="framework/scripts/llc.js"></script>
<script>
var slideshow = new SlideShow();
// Grabs all the .snippet elements
var snippets = document.querySelectorAll('.snippet');
for(var i=0; i<snippets.length; i++) {
new CSSSnippet(snippets[i]);
}
</script>
</body>
</html>