A Design Thinking Approach to Learning to Code
-
Upload
nate-cooper -
Category
Career
-
view
110 -
download
2
Transcript of A Design Thinking Approach to Learning to Code
![Page 1: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/1.jpg)
TO LEARNING TO CODE
A DESIGN THINKING APPROACH
![Page 2: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/2.jpg)
NATE COOPER
- WORDPRESS SINCE 2005, HTML SINCE 1997- SIMPLE LABS, FOUNDER (WP CONSULTANCY)- TEACH WP & FRONT END: SVA, GA, 92Y- PRESENTATIONS AT AMAZON, APPLE, SXSW- BUILD YOUR OWN WEBSITE COMIC BOOK- FOUNDER REBOOT
![Page 3: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/3.jpg)
![Page 4: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/4.jpg)
Brain-Based Design Thinking
![Page 5: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/5.jpg)
![Page 6: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/6.jpg)
Solving problemsusing design methodology
![Page 7: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/7.jpg)
gather organize visualize
1001101000110110111010011101011
![Page 8: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/8.jpg)
(brain-based)
What is design thinking?
![Page 9: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/9.jpg)
Clinical psychology
+ Behavioral economics
![Page 10: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/10.jpg)
Step 1: Know thyself
![Page 11: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/11.jpg)
TRY SOFTER
![Page 12: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/12.jpg)
Some imperfect models of the brain
![Page 13: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/13.jpg)
Split Brain experiments
![Page 14: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/14.jpg)
Triune Brain theory
![Page 15: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/15.jpg)
Dual system hypothesis
![Page 16: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/16.jpg)
VISUAL PROCESSING IS FASTER THAN THOUGHT
![Page 17: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/17.jpg)
John Snow’s mapOf cholera cases
Around Broad StreetLondon, 1854
![Page 18: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/18.jpg)
John Snow’s mapOf cholera cases
Around Broad StreetLondon, 1854
![Page 19: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/19.jpg)
![Page 20: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/20.jpg)
Step 2: Tackle problems your can solve
![Page 21: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/21.jpg)
![Page 22: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/22.jpg)
![Page 23: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/23.jpg)
![Page 24: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/24.jpg)
Difficult but Solvable
![Page 25: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/25.jpg)
“I want to learn to code” can mean a lot of different things
![Page 26: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/26.jpg)
[email protected]@NateCooper
Server
Production Machine
ClientFront End
Back End ApacheMySQL
PHPRails
node.jsWordpress JoomlaDrupal
HTML/CSS/JSText Editor
SublimeDreamweaver
JavascriptFlash
Browser
![Page 27: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/27.jpg)
![Page 28: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/28.jpg)
Are you able to correctly set up the problem?
![Page 29: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/29.jpg)
![Page 30: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/30.jpg)
interviewfocusing
facilitation
Step 3: Tracking progress
![Page 31: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/31.jpg)
focusing facilitation
![Page 32: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/32.jpg)
![Page 33: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/33.jpg)
“I am your resentment,and I am here to tell you
that you are underappreciated.”
![Page 34: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/34.jpg)
1. Clear a space.
2. Get hold of a feeling.
3. Apply labels.
4. Test the label or labels.
5. Ask for meaning.
6. Receive the meaning, feel a shift.
FOCUSING: THE SIX STEPS
![Page 35: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/35.jpg)
Facilitation turns experiences and feelings into goals and steps.
![Page 36: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/36.jpg)
![Page 37: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/37.jpg)
![Page 38: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/38.jpg)
MENTAL MODELS
‘Understanding’ means building (working) mental models to make accurate
predictions.
![Page 39: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/39.jpg)
Behavioral economics
Step 3: Understanding false positives
![Page 40: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/40.jpg)
BEHAVIORAL ECONOMICS TAKEAWAYS
![Page 41: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/41.jpg)
Without an explicit point of comparison, people use one unconsciously.
BEHAVIORAL ECONOMICS TAKEAWAYS
![Page 42: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/42.jpg)
We overweight small risks
while underweighting large ones.
BEHAVIORAL ECONOMICS TAKEAWAYS
![Page 43: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/43.jpg)
We accept too much risk to avoid a loss
BEHAVIORAL ECONOMICS TAKEAWAYS
![Page 44: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/44.jpg)
BEHAVIORAL ECONOMICS TAKEAWAYS
We exaggerate differences in a paired comparison
![Page 45: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/45.jpg)
![Page 46: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/46.jpg)
Step 4: Reward progress
![Page 47: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/47.jpg)
![Page 48: A Design Thinking Approach to Learning to Code](https://reader035.fdocuments.net/reader035/viewer/2022081521/589b66fe1a28abdd258b47fd/html5/thumbnails/48.jpg)