The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015
-
Upload
jeremy-green -
Category
Technology
-
view
516 -
download
0
Transcript of The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015
![Page 1: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/1.jpg)
JEREMY GREEN @GREENHORNET79
THE FINAL 20%Improving Craftsmanship in Web Development
WordCamp DFW 2015
![Page 2: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/2.jpg)
JEREMY GREEN @GREENHORNET79
VILFREDO PARETO20% of people had 80% of the wealth
![Page 3: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/3.jpg)
JEREMY GREEN @GREENHORNET79
PRINCIPLE OF LEAST EFFORT20% of the work completes 80% of the project
![Page 4: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/4.jpg)
JEREMY GREEN @GREENHORNET79
PROJECT WORK
Repetitive
Creative
Creative
![Page 5: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/5.jpg)
JEREMY GREEN @GREENHORNET79
REPETITIVE WORK
Energy GainEnergy Drain Energy Gain
![Page 6: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/6.jpg)
JEREMY GREEN @GREENHORNET79
WHAT CAN BE IMPROVED OR AUTOMATED SO THAT I DON’T HAVE TO
THINK ABOUT IT NEXT PROJECT?
![Page 7: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/7.jpg)
JEREMY GREEN @GREENHORNET79
CREATE A PROCESS
![Page 8: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/8.jpg)
JEREMY GREEN @GREENHORNET79
HIRED FIRST EMPLOYEEGetting everything out of my head
![Page 9: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/9.jpg)
JEREMY GREEN @GREENHORNET79
PROCEDURES DOCUMENTA fancy word for “checklist”
![Page 10: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/10.jpg)
JEREMY GREEN @GREENHORNET79
GET IT ON PAPER• Eliminates guessing • Sets guidelines for what is expected • Greatly improves consistency between projects • More “brain space”
![Page 11: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/11.jpg)
JEREMY GREEN @GREENHORNET79
HOW TO WRITE A PROCEDURE1. Do the task as you normally would 2. For each step you complete, describe it in detail in a
1-2-3 step checklist. 3. Evaluate each step to see if it can be simplified or
improved. 4. Experiment with different techniques 5. If you find an improvement, update the original working
procedure.
![Page 12: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/12.jpg)
JEREMY GREEN @GREENHORNET79
1. DO THE TASK AS YOU NORMALLY WOULD
![Page 13: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/13.jpg)
JEREMY GREEN @GREENHORNET79
2. FOR EACH STEP YOU COMPLETE, DESCRIBE IT IN DETAIL IN A 1-2-3 STEP CHECKLIST.
![Page 14: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/14.jpg)
JEREMY GREEN @GREENHORNET79
3. EVALUATE EACH STEP TO SEE IF IT CAN BE SIMPLIFIED OR IMPROVED.
![Page 15: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/15.jpg)
JEREMY GREEN @GREENHORNET79
TOYOTA
![Page 16: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/16.jpg)
JEREMY GREEN @GREENHORNET79
WHEN SOMETHING GOES WRONG, ASK WHY FIVE TIMES.
![Page 17: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/17.jpg)
JEREMY GREEN @GREENHORNET79
![Page 18: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/18.jpg)
JEREMY GREEN @GREENHORNET79
1. WHY DID THE ROBOT STOP?
The circuit has overloaded, causing a fuse to blow.
![Page 19: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/19.jpg)
JEREMY GREEN @GREENHORNET79
2. WHY IS THE CIRCUIT OVERLOADED?
There was insufficient lubrication on the bearings, so they locked up.
![Page 20: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/20.jpg)
JEREMY GREEN @GREENHORNET79
3. WHY WAS THERE INSUFFICIENT LUBRICATION ON THE BEARINGS?
The oil pump on the robot is not circulating sufficient oil.
![Page 21: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/21.jpg)
JEREMY GREEN @GREENHORNET79
4. WHY IS THE PUMP NOT CIRCULATING SUFFICIENT OIL?
The pump intake is clogged with metal shavings.
![Page 22: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/22.jpg)
JEREMY GREEN @GREENHORNET79
5. WHY IS THE INTAKE CLOGGED WITH METAL SHAVINGS?
Because there is no filter on the pump.
![Page 23: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/23.jpg)
JEREMY GREEN @GREENHORNET79
4. EXPERIMENT WITH DIFFERENT TECHNIQUES
![Page 24: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/24.jpg)
JEREMY GREEN @GREENHORNET79
PROJECT MANAGEMENTFolders
Trello
Basecamp
![Page 25: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/25.jpg)
JEREMY GREEN @GREENHORNET79
SITE DEVELOPMENTLocal environment
Version Control
Deployment
![Page 26: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/26.jpg)
JEREMY GREEN @GREENHORNET79
5. IF YOU FIND AN IMPROVEMENT, UPDATE THE ORIGINAL WORKING PROCEDURE.
![Page 27: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/27.jpg)
JEREMY GREEN @GREENHORNET79
START SIMPLE1. Create text file in a shared Dropbox folder 2. Add my workflows in a checklist format 3. Saved text file 4. For every repeating task in project, repeat steps 1-3.
![Page 28: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/28.jpg)
JEREMY GREEN @GREENHORNET79
REPETITIVE WORK
Energy GainEnergy Drain Energy Gain
![Page 29: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/29.jpg)
JEREMY GREEN @GREENHORNET79
DEEP PRACTICETurning mistakes into skills
![Page 30: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/30.jpg)
JEREMY GREEN @GREENHORNET79
CREATING MYELIN
![Page 31: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/31.jpg)
JEREMY GREEN @GREENHORNET79
FIRE CIRCUIT OVER AND OVER
![Page 32: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/32.jpg)
JEREMY GREEN @GREENHORNET79
2 X 3 = 6
![Page 33: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/33.jpg)
JEREMY GREEN @GREENHORNET79
![Page 34: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/34.jpg)
JEREMY GREEN @GREENHORNET79
ENGAGE IN DEEP PRACTICE1. Try something that is slightly beyond your comfort zone 2. Slowly struggle through learning the new technique 3. Repeat until you can do it correctly over and over
![Page 35: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/35.jpg)
JEREMY GREEN @GREENHORNET79
WHAT SKILL DO YOU WANT TO IMPROVE?
![Page 36: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/36.jpg)
JEREMY GREEN @GREENHORNET79
STRUGGLE IS THE KEY TO PRODUCING MYELIN
![Page 37: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/37.jpg)
JEREMY GREEN @GREENHORNET79
CHOOSE A PARTICULAR STRUGGLE1. Pick a target 2. Reach for it 3. Evaluate the gap between between the target and the reach 4. Return to step one
![Page 38: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/38.jpg)
JEREMY GREEN @GREENHORNET79
REPETITIVE WORK
Energy GainEnergy Drain Energy Gain
![Page 39: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/39.jpg)
JEREMY GREEN @GREENHORNET79
AUTOMATION & SYSTEMSAutomation of menial tasks lets you focus on building,
creating, and improving your skills.
![Page 40: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/40.jpg)
JEREMY GREEN @GREENHORNET79
WHAT TASKS OR SERIES OF TASKS DO YOU EXECUTE MULTIPLE TIMES THROUGHOUT A
PROJECT?
![Page 41: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/41.jpg)
JEREMY GREEN @GREENHORNET79
SNIPPETS IN ALFRED
![Page 42: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/42.jpg)
JEREMY GREEN @GREENHORNET79
USING THE KEYBOARD
![Page 43: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/43.jpg)
JEREMY GREEN @GREENHORNET79
CREATE AN ALIAS
![Page 44: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/44.jpg)
JEREMY GREEN @GREENHORNET79
ZAPIER CONNECTIONS
![Page 45: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/45.jpg)
JEREMY GREEN @GREENHORNET79
SLACK CONNECTIONS
![Page 46: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/46.jpg)
JEREMY GREEN @GREENHORNET79
GET OUT OF EMAIL
![Page 47: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/47.jpg)
JEREMY GREEN @GREENHORNET79
QUALITY IMPROVES WITH EFFICIENCY
• More time and energy to focus on code quality • More time and energy to problem solve • More time and energy to learn new techniques
![Page 48: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/48.jpg)
JEREMY GREEN @GREENHORNET79
REPETITIVE WORK
Energy GainEnergy Drain Energy Gain
![Page 49: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/49.jpg)
JEREMY GREEN @GREENHORNET79
LOW HANGING FRUITWhere in your workflow would an efficiency improvement
make the most impact?
![Page 50: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/50.jpg)
JEREMY GREEN @GREENHORNET79
IDEAS TO GET STARTED
![Page 51: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/51.jpg)
JEREMY GREEN @GREENHORNET79
• Keep all notes and todos for a project in one place • Use code snippets • Develop locally • Use a starter theme or framework • Speed up your computer • Learn how to use your tools better • Create project templates with checklists • Learn keyboard shortcuts • Create canned email responses • Use build tools like Grunt or Gulp
![Page 52: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/52.jpg)
JEREMY GREEN @GREENHORNET79
RESOURCES
![Page 53: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/53.jpg)
JEREMY GREEN @GREENHORNET79
GREAT COFFEE
![Page 54: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/54.jpg)
JEREMY GREEN @GREENHORNET79
CRAFTSMANSHIP
![Page 55: The Final 20%: Improving Craftsmanship in Web Development - WordCamp DFW 2015](https://reader033.fdocuments.in/reader033/viewer/2022051709/5876d8501a28ab1d238b636f/html5/thumbnails/55.jpg)
JEREMY GREEN @GREENHORNET79
THANKS!Jeremy Green
@greenhornet79 www.endocreative.com