1 of 115

@TeachCode | #TeacherCon

TeacherCon 2017

Computer Science Discoveries

@TeachCode | #TeacherCon

WiFi Network:

Password:

2 of 115

@TeachCode | #TeacherCon

TeacherCon 2017

Computer Science Discoveries

3 of 115

@TeachCode | #TeacherCon

<TUESDAY>

Unit: 2

Theme: Classroom Practices

4 of 115

Monday Survey

@TeachCode | #TeacherCon

If you did not get to fill out the Monday please do so at this link : bit.ly/TeacherConMonday

CS Discoveries General Session starting in this room at 8:30 am

5 of 115

@TeachCode | #TeacherCon

Tuesday Kick Off

(8:30am - 9:15am)

6 of 115

Welcome and Housekeeping

7 of 115

@TeachCode | #TeacherCon

Quick Check-ins— Gots and Needs

What I got:

Unit 1, What is a computer?, Problem Solving Process

New Friends, Networking

Overview of Curriculum

Confidence, Comfort, Excitement, Values, Inspired

Food!

Great ideas!

8 of 115

@TeachCode | #TeacherCon

Quick Check-ins— Gots and Needs

What I need more of…

What happens if the lesson doesn’t go well?

Time (Planning/To Explore/To Practice)

Hear from people who piloted the course

Classroom supplies (Teal Book Page 25)

Swag (store.code.org)

Confidence

9 of 115

@TeachCode | #TeacherCon

Quick Check-ins— Gots and Needs

What I need to know more about

HTML

Ideas of Philly adventures/ People to hang with

How to navigate around the website and materials

Assessment/Grading/Projects/Standards Alignment

Differentiation

Implementing in different contexts or schedules

10 of 115

@TeachCode | #TeacherCon

Quick Check-ins— Gots and Needs

Need to learn more about…

When we’ll talk about this

HTML

Model Lesson & TLOs Today

After hours fun!

Fun Sheet in Digest

Navigating Website

Scavenger Hunts

Assessment

Friday Assessment Session

Differentiation

Debriefs in your room

Different Schedules

Planning on Friday

11 of 115

Today

@TeachCode | #TeacherCon

12 of 115

Welcome and Housekeeping

@TeachCode | #TeacherCon

What would be your everyday superpower?

13 of 115

Lesson Structures

14 of 115

Lesson Structures

@TeachCode | #TeacherCon

Yesterday we all did 2 lessons from Unit 1…..

  • What did you notice about what you were doing during these lessons?
  • How were you learning the content being presented?

15 of 115

Course Philosophy

16 of 115

Purpose

@TeachCode | #TeacherCon

Concept Invention / Discovery Learning

“A. B. C. / C. B. V.”

Activity Before Concept / Concept Before Vocabulary

17 of 115

Lesson Structures

@TeachCode | #TeacherCon

Vocab

Concept

Activity

18 of 115

Course Philosophy

Lead Learner

19 of 115

Unit 2

20 of 115

Unit 2 Big Questions

Open to page 15 of your Teal Book for the Unit 2 Overview

21 of 115

Unit 2 Big Questions

Chapter 1: Web Content and HTML

  • Why do people create websites?
  • How can text communicate content and structure on a web page?
  • How can I incorporate content I find online into my own webpage?
  • What strategies can I use when coding to find and fix issues?

Chapter 2: Styling and CSS

  • How do I modify the appearance and style of my web pages?
  • How do I safely and appropriately make use of the content published on the Internet?

22 of 115

Unit 2 Attitudinal Goals

Students will...

  • View Computer Science as a tool for expression
  • See themselves as programmers
  • Develop as thoughtful creators and critical consumers online

23 of 115

Unit 2 Frameworks and Concepts

  • Digital Citizenship
  • Problem Solving Process for Programming

24 of 115

Unit 2 Core Frameworks

@TeachCode

HTML

CSS

CONTENT

STYLE

STRUCTURE

WORDS &

IMAGES

25 of 115

Unit Specific Problem Solving Processes

Unit 1

Unit 2

Unit 3

Unit 4

Unit 5

Unit 6

The Problem Solving Process

Programming

Programming

Design

Data

Programming

Teal Book Appendix B (pg 39)

26 of 115

Lessons and Pacing

27 of 115

Unit 2 Lessons and Pacing

  • Creation and sharing of web pages
  • Role of the web in daily life
  • Impact of sharing information online
  • Iterative development of a project
  • Skills such as debugging, commenting, and structure of language

28 of 115

Unit 2 Lessons and Pacing

29 of 115

Tools

30 of 115

Web Lab

  • Tools and features to help create and debug code
  • View and interact with a live preview of your web page
  • Publish projects to a unique and shareable URL

31 of 115

Purpose of Websites

32 of 115

Unit 2

With a neighbor, come up with a list of what you think are the top 5 most frequently visited websites in the US.

33 of 115

Unit 2

Why do you think these websites are so commonly used?

What purpose do they serve, or what problems do they solve?

34 of 115

Top 10 Websites in USA

  1. Google.com
  2. Youtube.com
  3. Facebook.com
  4. Reddit.com
  5. Amazon.com
  1. Wikipedia.org
  2. Yahoo.com
  3. Twitter.com
  4. Netflix.com
  5. Ebay.com

What’s their purpose?

35 of 115

Unit 2

  • Websites are built for many purposes
  • A creator and user of a website may see different purposes
  • The primary purpose explored in this course is personal expression

36 of 115

@TeachCode | #TeacherCon

15-minute break &

Transition to TLO Rooms

Next session starts at 9:30am

Your room assignment is on the back of your name badge

37 of 115

@TeachCode | #TeacherCon

Model Lesson:

Unit 2 Lesson 3

Intro to HTML

(9:30 am - 10:45 am)

38 of 115

Attendance

@TeachCode | #TeacherCon

Mark your attendance at today’s sessions:

Mike & Flo

code.org/pd/FWFD

Tracey & Karen

code.org/pd/FLDQ

Josh & Heavenly

code.org/pd/DPNH

GT & Debbie

code.org/pd/GZXX

Nicole & Kathy

code.org/pd/LNNC

Chad & Michelle

code.org/pd/YDCD

Justin & Pedro

code.org/pd/FTXF

Kevin & Brad

code.org/pd/MCYP

39 of 115

Homework

@TeachCode | #TeacherCon

Did you do your homework?

bit.ly/csd-phl

40 of 115

Previously On….

41 of 115

Unit 1 Wrapped

  • You saw that yesterday!

Unit 2 Lesson 1 - Exploring Websites

  • Explore different kinds of websites, including some popular ones students should find familiar
  • Identify the purpose of a website for both user and creator

Unit 2 Lesson 2 - Websites for Expression

  • Identify websites as a form of personal expression
  • Brainstorm content students want to include on their website

Previously On

@TeachCode | #TeacherCon

42 of 115

Don’t forget your hat!

@TeachCode | #TeacherCon

43 of 115

Unit 2 Lesson 3

44 of 115

What instructions would you give the person to recreate this website?

45 of 115

  • Videos
  • Map Levels
  • Level Instructions
  • Level Tips
  • Inspector Tool
  • Bubble Color

46 of 115

Click Here to Go To the Course

47 of 115

Click Here to Go To the Unit

48 of 115

Click Here to Expand

49 of 115

Click this Bubble

50 of 115

51 of 115

  1. Click Finish on Level 2

  • Click Continue on Level 3

Go To Level 4 by….

52 of 115

53 of 115

Navigate to Level 7

Work through Level 7 to 9

54 of 115

In your own words, how does HTML help solve the problem of telling a computer what a web page looks like, not just what content is on it?

55 of 115

  • Videos
  • Map Levels
  • Level Instructions
  • Level Tips
  • Inspector Tool
  • Bubble Color

56 of 115

Debrief

57 of 115

Debrief

What kinds of things were you doing in this lesson when you were learning?

58 of 115

Debrief

As you transition to using Web Lab, what might be some ways you can ensure students continue to use the Student Practices of collaboration and communication?

59 of 115

@TeachCode | #TeacherCon

15-minute break &

Transition to Lesson Planning Rooms

Next session starts at 11:00am

Your Lesson planning room assignment is on the back of your name badge

60 of 115

@TeachCode | #TeacherCon

Lesson Planning

(11:00am - Noon)

61 of 115

Goal: Creating a plan for how to teach your lesson during your 40 minutes at TeacherCon

Lesson Planning

62 of 115

What teaching strategies do you think could be useful in teaching this lesson?

Lesson Planning

63 of 115

Lesson Planning

@TeachCode | #TeacherCon

When in the week is your lesson?

64 of 115

  • 40 min lesson
  • Everyone in your group should be part of delivering the lesson

Some reminders…

@TeachCode | #TeacherCon

65 of 115

TLO during the workshop

Teacher Reflection Questions

Insights

What choices did you make in preparing the lesson?

Give some insight into where you focused your attention in preparing and why. What should everyone know about the materials in this lesson, and how did you decide to do what you did?

Advice

What advice would you give to another teacher about (preparing or giving) this lesson?

You’re now the resident expert on this lesson. What should other teachers know coming into this lesson that will help them prepare? What are the opportunities and pitfalls?

Perspective

What are your personal “lessons learned” from delivering this lesson?

How did this experience delivering the lesson and getting feedback from peers and colleagues helped you grow as a teacher? What will you think about in terms of your own practice? What might you do differently next time?

Practice

Which teaching practices did you emphasize in delivering this lesson?

Where did you decide to use inquiry or discovery strategies? Was there anything surprising about how people responded to the activities?

66 of 115

Complete Step 2, 3 and 4 of the Lesson Planning Packet on Pages 6 to 9:

  • Create a plan
  • Create additional materials
  • Make sure everyone knows and has a role

Lesson Planning

67 of 115

Finish Planning

68 of 115

@TeachCode | #TeacherCon

LUNCH

Location: Salon H, 5th Floor

Return to TLO room afterwards

(12pm - 1pm)

69 of 115

@TeachCode | #TeacherCon

TLO 1

Unit 2 Lesson 4

Headings

Teaching Team: Sit at one table

Learners: Sit with someone new!

(1:00pm - 2:05pm)

70 of 115

Welcome Regional Partners!

71 of 115

Previously On….

72 of 115

This morning we did:

Unit 2 Lesson 3 - Intro to HTML

  • Begin using HTML tags to develop simple web pages
  • Learn to use Code.org online lesson resources
  • Introduce Content vs. Structure (tags vs. text content at this point)

Previously On..

73 of 115

@TeachCode | #TeacherCon

15-minute break

74 of 115

@TeachCode | #TeacherCon

TLO 2

Unit 2 Lesson 5

Digital Footprint

(2:20 pm - 3:25 pm)

75 of 115

Previously On….

76 of 115

  • We just did: Unit 2 Lesson 4 - Headings
    • Introduction to Pair Programming
    • Learn to use heading tags
    • Begin working on personal websites

Previously On..

77 of 115

Thanks for joining us Regional Partners!

78 of 115

@TeachCode | #TeacherCon

Scavenger Hunt: Forum

(3:25 pm - 3:55 pm)

79 of 115

Forum

@TeachCode | #TeacherCon

80 of 115

Forum

@TeachCode | #TeacherCon

81 of 115

Forum

@TeachCode | #TeacherCon

Pick the Unit you are interested in.

If it applies to the whole course head into the course category.

82 of 115

Forum

@TeachCode | #TeacherCon

Pick the Lesson you are interested in.

83 of 115

Forum

@TeachCode | #TeacherCon

Make a new topic if you don’t see one you want to add to

Check out existing topics to see what other teachers have shared

84 of 115

Forum

@TeachCode | #TeacherCon

85 of 115

Forum

@TeachCode | #TeacherCon

Using page 11 in the Lesson Planning Packet, work on the scavenger hunt of the forum and bug reports.

86 of 115

Bug Report

87 of 115

Bug Report

@TeachCode | #TeacherCon

How do I report a bug?

88 of 115

Bug Report

@TeachCode | #TeacherCon

89 of 115

Forum vs Bug Report

90 of 115

Forum vs Bug Report

@TeachCode | #TeacherCon

Forum

Bug Report

  • Stay in touch with other teachers
  • Find ideas and resources for lessons
  • Get support from the Code.org staff
  • Small typos
  • A broken link
  • Issue with a programming tool

91 of 115

@TeachCode | #TeacherCon

15-minute break &

Transition to Ballroom

Next session starts at 4:10pm

92 of 115

@TeachCode | #TeacherCon

Tuesday Wrap Up

(4:10pm - 4.30pm)

93 of 115

Classroom Practices

94 of 115

Classroom Practices

  • Lead Learner
  • Pair Programming
  • Think-Pair-Share
  • Peer Feedback
  • Authentic Choice
  • Unplugged Activities

95 of 115

Classroom Practices

Lead Learner

96 of 115

Classroom Practices

Pair Programming

  1. Form pairs
  2. Give each pair one computer to work on
  3. Assign roles (Driver & Navigator)
  4. Have students start working
  5. Ensure that students switch roles at regular intervals (every 3 to 5 minutes)
  6. Ensure that navigators remain active participants

97 of 115

Classroom Practices

Unplugged Activities

  • Different ways to learn and interact with peers
  • Get hands-on with a concept
  • Your role:
    • Connect the activities to the concepts
    • Connect unplugged to plugged

98 of 115

Classroom Practices

Think-Pair-Share

99 of 115

Classroom Practices

Think-Pair-Share

Don’t cheap out

on the T-P

100 of 115

Classroom Practices

Authentic Choice

101 of 115

Authentic Choice

@TeachCode | #TeacherCon

Skill Building Levels

Project Levels

102 of 115

Authentic Choice

@TeachCode | #TeacherCon

103 of 115

Authentic Choice

@TeachCode | #TeacherCon

104 of 115

Classroom Practices

Peer Feedback

  • Integrated throughout the course
  • Supported with Peer Feedback Guides on projects
  • I like, I wish, what if…?

105 of 115

Classroom Practices

What’s one classroom practice you’re already excited to bring home?

What’s one you want to investigate further?

  • Lead Learner
  • Pair Programming
  • Think-Pair-Share
  • Peer Feedback
  • Authentic Choice
  • Unplugged Activities

106 of 115

Classroom Practices

Want to learn more?

Teal Book

pages 5 - 8

107 of 115

Reflecting on the Day

108 of 115

Wrap up

@TeachCode | #TeacherCon

Discuss with an elbow partner: 2 things you learned today and 2 things you want to know more about.

Jot down 1 “Got” and 1 “Need” on a post it

109 of 115

  • Fun Events - Check the Digest!
  • Wednesday Night Events - Meeting location in the daily digest
  • Dinner tonight on your own
  • Breakfast - 6:45 am
  • Start back here at 8:30 am tomorrow

Housekeeping

@TeachCode | #TeacherCon

110 of 115

Maker Table

@TeachCode | #TeacherCon

Check out the Circuit Playground and Maker Toolkit!

Location: Right outside this Ballroom!

Today! - End of Day (4:30 to 5:15)

Wednesday and Thursday

  • During Breakfast (8 to 8:30)
  • End of Day (4:30 - 5:15)

111 of 115

Hotelwork:

Watch the Navigating Code.org Website Video

bit.ly/code-how-to (also in digest)

Facilitators

@TeachCode | #TeacherCon

112 of 115

Debrief for Novice facilitators

4:45 to 5:30

In Franklin 5

Facilitators

@TeachCode | #TeacherCon

113 of 115

End of day survey

@TeachCode | #TeacherCon

Please fill out the end of day survey!

bit.ly/DiscoveriesTuesday

114 of 115

@TeachCode | #TeacherCon

</TUESDAY>

115 of 115

Good morning Tuesday!

@TeachCode | #TeacherCon

Sit with new people