Technical Explanations - Speaker Deck

Slide 1

Slide 1 text

#AS14 TECHNICAL EXPLANATIONS Geoffrey Grosenbach • •

Slide 2

Slide 2 text

#AS14 TEACHING IS DIFFICULT LEARNING IS DIFFICULT BECAUSE

Slide 3

Slide 3 text

CLASSIFIED #AS14 7-10 minutes

Slide 4

Slide 4 text

☻

Slide 5

Slide 5 text

CLASSIFIED #AS14 “Writing as if you have unlimited reader attention is presumptuous because readers are not doing you a personal favor. Reading your writing is not their hobby. It’s their job.” – Matthew Butterick

Slide 6

Slide 6 text

CLASSIFIED #AS14 “A book is a user interface.” – Kathy Sierra

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

#AS14 Your Audience •Who is your audience?! •What do they know now?! •What comparable experience do they have?! •How will they use what you’re teaching them?

Slide 10

Slide 10 text

#AS14 TELL A STORY

Slide 11

Slide 11 text

#AS14 Explanatory Tools •Problem/Solution! •Before/After! •Good/Better/Best! •Compare/Contrast! •Analogy! •Timeline

Slide 12

Slide 12 text

#AS14 http://jeremypowerscrosscamp.com/

Slide 13

Slide 13 text

#AS14 http://fstoppers.com/peter-‐hurley-‐the-‐art-‐behind-‐the-‐headshot

Slide 14

Slide 14 text

#AS14 BEFORE AFTER http://fstoppers.com/how-‐to-‐photograph-‐real-‐estate-‐architecture-‐and-‐interiors-‐tutorial-‐with-‐mike-‐kelley

Slide 15

Slide 15 text

Slide 16

Slide 16 text

BEST !

Slide 17

Slide 17 text

#AS14 Compare/Contrast •Native! •No dependencies! •Easy to end up with deep indentation! •Many functions needed, which can become confusing •Procedural style! •Inline! •Easy to read! •Dependency required! •Experimental APIs CALLBACKS PROMISES

Slide 18

Slide 18 text

#AS14

Slide 19

Slide 19 text

#AS14

Slide 20

Slide 20 text

Timeline Whence JavaScript?

Slide 21

Slide 21 text

#AS14 Tips • Teach one thing at a time! • Use real examples! • Always be teaching! • Introduce terms in a demo! • Think of (and use) a good demo project

Slide 22

Slide 22 text

#AS14 TEACH THING ONE

Slide 23

Slide 23 text

CLASSIFIED #AS14 USE EXAMPLES REAL

Slide 24

Slide 24 text

foo = “bar” hourlyRate = 23

Slide 25

Slide 25 text

#AS14 http://strobist.blogspot.com/

Slide 26

Slide 26 text

#AS14 cyclic collective altimeter virtual horizon

Slide 27

Slide 27 text

#AS14

Slide 28

Slide 28 text

#AS14 cyclic collective altimeter virtual horizon

Slide 29

Slide 29 text

#AS14 Demo Project •Simple! •Real world! •Introduce concepts in sequence! •Not too many edge cases! •Fits in 2-4 hours

Slide 30

Slide 30 text

#AS14

Slide 31

Slide 31 text

#AS14

Slide 32

Slide 32 text

#AS14

Slide 33

Slide 33 text

Globomantics

Slide 34

Slide 34 text

#AS14 Organization •Abstract ! Concrete! •Concrete ! Abstract! •Simple ! Complex! •Spiral

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Slide 37

Slide 37 text