Learn how to improve your craftsmanship in your web development workflows using deep practice, automation, and systems.

1. JEREMY GREEN @GREENHORNET79
THE FINAL 20%
Improving Craftsmanship in Web Development
WordCamp Boston 2015

2. JEREMY GREEN @GREENHORNET79
GREAT COFFEE

3. JEREMY GREEN @GREENHORNET79
CRAFTSMANSHIP

4. JEREMY GREEN @GREENHORNET79
MISTAKES

5. JEREMY GREEN @GREENHORNET79
DEEP PRACTICE
Turning mistakes into skills

6. JEREMY GREEN @GREENHORNET79
ENGAGE IN DEEP PRACTICE
1. 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

7. JEREMY GREEN @GREENHORNET79
SWITCHING TO SASS

8. JEREMY GREEN @GREENHORNET79
EFFICIENCY

9. JEREMY GREEN @GREENHORNET79
VILFREDO PARETO
20% of people had 80% of the wealh

10. JEREMY GREEN @GREENHORNET79
PRINCIPLE OF LEAST EFFORT
20% of the work completes 80% of the project

11. JEREMY GREEN @GREENHORNET79

12. JEREMY GREEN @GREENHORNET79
80/20 & EFFORT
80% of the work you put into your last project
was largely irrelevant

13. JEREMY GREEN @GREENHORNET79
WHY CONTINUE TO SPEND 80% OF
YOUR EFFORT ON THE 20% OF THE
PROJECT THAT IS LARGELY
IRRELEVANT?

14. JEREMY GREEN @GREENHORNET79
WEAK > STRONG RESOURCES

15. JEREMY GREEN @GREENHORNET79
PROJECT MANAGEMENT
Folders

16. JEREMY GREEN @GREENHORNET79
PROJECT MANAGEMENT
Folders
Trello

17. JEREMY GREEN @GREENHORNET79
PROJECT MANAGEMENT
Trello Deficiencies

18. JEREMY GREEN @GREENHORNET79
PROJECT MANAGEMENT
Basecamp

19. JEREMY GREEN @GREENHORNET79
SITE DEVELOPMENT
Working locally

20. JEREMY GREEN @GREENHORNET79
EFFICIENCY & QUALITY
• More time to focus on code quality
• More time to problem solve
• More time to learn new techniques

21. JEREMY GREEN @GREENHORNET79
SITE DEVELOPMENT
Version control and deployment

22. JEREMY GREEN @GREENHORNET79
AUTOMATION & SYSTEMS
Automation of menial tasks lets you focus on building,
creating, and improving your skills.

23. JEREMY GREEN @GREENHORNET79
HIRED FIRST EMPLOYEE
Getting everything out of my head

24. JEREMY GREEN @GREENHORNET79
PROCEDURES DOCUMENT
A fancy word for “checklist”

25. JEREMY GREEN @GREENHORNET79
GET IT ON PAPER
• Eliminates guessing
• Sets guidelines for what is expected
• Greatly improves consistency between projects

26. JEREMY GREEN @GREENHORNET79
HOW TO WRITE A PROCEDURE
1. 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.

27. JEREMY GREEN @GREENHORNET79
THE FINAL 20%

28. JEREMY GREEN @GREENHORNET79
NOT SIMPLE, BUT COMPLICATED

29. JEREMY GREEN @GREENHORNET79
EXPERIMENTATION
1. Try something
2. See if it works
3. Repeat

30. JEREMY GREEN @GREENHORNET79
FINAL 20% TO EASY 80%

31. JEREMY GREEN @GREENHORNET79
LOW HANGING FRUIT
Where in your workflow would an efficiency improvement
make the most impact?

32. JEREMY GREEN @GREENHORNET79
IDEAS TO GET STARTED

33. 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
• Start using a CSS Preprocesser

34. JEREMY GREEN @GREENHORNET79
RESOURCES
• The Talent Code
• Work the System
• 80/20 Principle
• The Ultimate Sales Machine

35. JEREMY GREEN @GREENHORNET79
TOYOTA

36. JEREMY GREEN @GREENHORNET79
WHEN SOMETHING GOES WRONG,
ASK WHY FIVE TIMES.

37. JEREMY GREEN @GREENHORNET79
THANKS!
Jeremy Green
@greenhornet79
www.endocreative.com