Effective Theme Development

How I Learned to Stop Worrying and Love the Process

Transcript

1. Effective Theme Development How I Learned to Stop Worrying and Love the Process
2. @vestimir • Past: 10 years PHP • Now: Ruby developer • Jack of all trades, master of none, but expert in many
3. • distributed company • design + front-end + backend = complete package • WordPress + Ruby on Rails http://raketadesign.com/
4. Disclaimer: Strong personal opinions incoming
5. Me + WordPress
6. 2004: total crap 2013: useful tool
7. Tools
8. – Stephen King’s uncle “Yeah, but Stevie,” he said, bending to grasp the handles, “I didn’t know what else I might find to do once I got out here, did I? It’s best to have your tools with you. If you don’t, you’re apt to find something you didn’t expect and get discouraged.”
9. Basics Please do try this at home
10. bash • The Command Line Crash Course
 http://cli.learncodethehardway.org/book/ • Keyboard and command shortcuts
 http://www.skorks.com/2009/09/bash-shortcuts- for-maximum-productivity/ • dotfiles on GitHub
11. git • The Git Book
 https://git-scm.com/book • Gitflow
 http://nvie.com/posts/a-successful-git-branching- model/ • PRs in popular GitHub repos
12. git + bash = ♥ • .gitconfig • .bashrc • git scripts https://github.com/vestimir/dotfiles
13. VagrantPress • VirtualBox
 http://virtualbox.org/ • Vagrant
 https://www.vagrantup.com/ • Vagrantpress
 https://github.com/chad-thompson/vagrantpress
14. _s http://underscores.me/
15. SASS/Compass/Susy • WordPress + Compass
 https://css-tricks.com/compass-compiling-and- wordpress-themes/ • The Sass Way
 http://thesassway.com/ • Easy Web Layouts With Susy
 https://css-tricks.com/build-web-layouts-easily-susy/
16. WordPress
17. Knowledge Get it on the INTERNET
18. The Codex: YES Stack Overflow: NO Have Any Questions?
19. Theme Basics • Template Inheritance 
 https://developer.wordpress.org/themes/basics/template-hierarchy/
 http://wphierarchy.com/ • The Loop
 https://codex.wordpress.org/The_Loop • WP_Query
 https://codex.wordpress.org/Class_Reference/WP_Query • Custom Post Types
 https://codex.wordpress.org/Post_Types • Settings API
 https://codex.wordpress.org/Settings_API
20. Plugins NO*
21. The Process f**kin voodoo magic man
23. Design
24. Design Frontend
25. Design Frontend Backend
27. Design Frontend Backend Research Test
28. Setup Environment • Communication Channel: Slack/IRC/Basecamp • git repository • Empty _s project • Staging environment
29. Make sure everyone is involved and has access
30. Continous Deployment
31. Continous Deployment • ship
32. Continous Deployment • ship • ship
33. Continous Deployment • ship • ship • ship
34. Ship
35. dandelion $ gem install dandelion #setup dandelion.yml $ dandelion deploy http://scttnlsn.github.io/dandelion/
36. Epilogue why?
37. People + Tools + Processes = Product
38. Work, Play, Teach & Learn • Toolbelt • Good communication • Small, easy to define tasks • Automate everything • Love the project, respect the client • Be open • Make retrospectives
39. Thanks!