WordCamp Oslo 2018: How to Write Better Code Automatically

A revised version of my talk at WordCamp Rīga 2018.

Transcript

1. How to Write Better 
 Code Automatically Kaspars Dambis WordCamp Oslo, March 2018
4. https://youtube.com/kasparsdambis
6. Photo: Maurizio Pesce, https://flic.kr/p/emnk9K
7. Use AI to Help You Write Better Code Computers
8. 10 Ways to Work Less
10. “[..] he spent eight months automating all of the programming tasks. With all of his tasks fully automated by a computer, he was able to literally sit back and do whatever he wanted.”
11. Use Computers to… Check code for errors Check code formatting and style Test if 1+1=2
12. Use Computers to… Does it work with PHP 5.3 and PHP 7.2? Does it work with WordPress 5.0 and Jetpack 5.0? Does the JS & CSS work in IE 8? Deploy code automatically if tests pass.
13. But How?
14. Start Small!
15. 1. Use Good Text Editor Atom PHPStorm SublimeText
16. 1. Use Good Text Editor Atom PHPStorm SublimeText
17. 2. Use Version Control No!
18. User Support Request “All images are broken in the latest version of the plugin! Fix it ASAP!111” 2. Use Version Control
19. 2. Use Version Control
20. 2. Use Version Control Everyone uses Git WordPress uses Subversion (SVN) for plugins and themes
21. 3. Use Git Hooks https://www.flickr.com/photos/mag3737/11903509664/
22. 3. Use Git Hooks Run scripts before every commit! Commit only working code
23. 3. Use Git Hooks .git/hooks/pre-commit
24. 3. Use Git Hooks $ git commit -m "Fix user not found" PHP Parse error: syntax error, unexpected '}', expecting ';' in modules/custom-post-types- taxonomies/module.php on line 27 Errors parsing modules/custom-post-types- taxonomies/module.php
25. This should never happen again…
26. 4. Use GitHub
27. 4. Use GitHub Remote backup of your code Invites contributions Runs all checks in the cloud
28. 4. Use GitHub with Travis CI
29. 5. Use a Dependency Manager Composer for PHP dependencies npm for project dependencies
30. 5. Use Node Package Manager
31. 5. Use Node Package Manager $ git clone https://github.com/kas...org.git $ npm install
32. 6. Use Code Linters
33. 6. Use Code Linters https://github.com/squizlabs/PHP_CodeSniffer
34. 6. Use Code Linters http://jshint.com
35. 6. Use Code Linters Also available in the “Cloud”
36. 6. Use Code Linters
37. 7. Use Coding Standards Silicon Valley TV Series
38. 7. Use Coding Standards Developers Who Use Spaces Make More Money Than Those Who Use Tabs https://stackoverflow.blog/2017/06/15/developers-use-spaces-make-money-use-tabs/
39. 7. Use Coding Standards • Tabs or spaces for indentation? • Single or double quotes? • Closing PHP tags? • Braces or no braces for one-line conditionals?
40. 7. Use Coding Standards https://make.wordpress.org/core/handbook/best-practices/coding-standards/
41. 7. Use Coding Standards phpcs.xml
42. 7. Use Coding Standards linter-phpcs Atom package
43. 7. Use Coding Standards linter-phpcs Atom package
44. 8. Use EditorConfig
45. 9. Use Automated Testing 1 + 1 = 2
46. phpunit.xml 9. Use Automated Testing
47. A very simple PHPUnit test 9. Use Automated Testing
48. 9. Use Automated Testing
49. 9. Use Automated Testing A very simple QUnit test
50. 9. Use Automated Testing
51. 10. Use a Virtual Environment
52. 10. Use a Virtual Environment
53. 10. Use a Virtual Environment Varying Vagrant Vagrants (VVV) https://varyingvagrantvagrants.org Good for WP core development Can’t run two boxes at the same time
54. 10. Use a Virtual Environment http://docs.chassis.io One WP install per virtual box Quick!
55. 10. Use a Virtual Environment
56. 1. Use a good text editor 2. Use Git for version control 3. Use Git hooks for automated checks 4. Use GitHub for continuous integration and accepting contributions 5. Use package managers 6. Use code linters 7. Use coding standards 8. Use .editorconfig 9. Use automated testing 10.Use virtual development environment
57. Doug McIlroy
 Inventor of unix pipes and other wonders “As a programmer, it is your job to put yourself out of business. What you do today can be automated tomorrow.”
58. Kaspars Dambis kaspars.net Lovely robots 
 designed by Freepik www.freepik.com