PhpStorm - A WordPress Journey from Notepad to PhpStorm

3,706 views

Published on

Slides from the WordPress GTA Meetup presentation of March 11, 2013

Published in: Technology
  • Be the first to comment

PhpStorm - A WordPress Journey from Notepad to PhpStorm

  1. 1. PhpStormA WordPress JourneyFrom Notepad to PhpStorm
  2. 2. Learning WordPressWhere to Start?
  3. 3. Learning WordPressWhere to Start? Build Your Own Theme
  4. 4. Learning WordPressWhere to Start? Build Your Own Theme http://rattitude.com
  5. 5. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin
  6. 6. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin ◦ BNS Corner Logo
  7. 7. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community
  8. 8. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community ◦ Visit the Support forums … daily
  9. 9. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community ◦ Visit the Support forums … daily  http://wordpress.org/support
  10. 10. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community ◦ Visit the Support forums … daily ◦ Try to answer 5 questions every day
  11. 11. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community ◦ Visit the Support forums … daily ◦ Try to answer 5 questions every day ◦ Which will lead you into the Codex  http://codex.wordpress.org
  12. 12. Learning WordPressWhere to Start? Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community Rinse and Repeat
  13. 13. Learning WordPress Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community Rinse and Repeat Update the Codex
  14. 14. Learning WordPress Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community Rinse and Repeat Update the Codex Expand your WordPress Communities
  15. 15. Learning WordPress Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community Rinse and Repeat Update the Codex Expand your WordPress Communities ◦ http://wordpress.stackexchange.com
  16. 16. Learning WordPress Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community Rinse and Repeat Update the Codex Expand your WordPress Communities Get involved with http://make.wordpress.org
  17. 17. Learning WordPress Build Your Own Theme Build Your Own Plugin Get Involved with the WordPress Community Rinse and Repeat Update the Codex Expand your WordPress Communities Get involved with http://make.wordpress.org Get involved with WordPress core
  18. 18. The Tools of the Trade –Editors Notepad
  19. 19. The Tools of the Trade - Notepad Notepad
  20. 20. The Tools of the Trade -Editors Notepad (NOT recommended)
  21. 21. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad
  22. 22. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad (NOT recommended … can be worse than Notepad?!)
  23. 23. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad (NOT recommended) PSPad.exe
  24. 24. The Tools of the Trade -PSPad
  25. 25. The Tools of the Trade -PSPad
  26. 26. The Tools of the Trade -PSPad PSPad.exe ◦ http://pspad.com
  27. 27. The Tools of the Trade -PSPad PSPad.exe ◦ Minimal FTP
  28. 28. The Tools of the Trade -PSPad PSPad.exe ◦ Minimal FTP ◦ Mostly used as a “Live” editing tool
  29. 29. The Tools of the Trade -PSPad PSPad.exe ◦ Minimal FTP ◦ Mostly used as a “Live” editing tool ◦ Great for “quick fix” edits (when a full IDE is just a bit too much)
  30. 30. The Tools of the Trade -PSPad PSPad.exe ◦ Minimal FTP ◦ Mostly used as a “Live” editing tool ◦ Great for “quick fix” editsNB: Remember, update your projectfiles!
  31. 31. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad (NOT recommended) PSPad.exe Notepad++
  32. 32. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad (NOT recommended) PSPad.exe Notepad++ ◦ http://notepad-plus-plus.org/
  33. 33. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad (NOT recommended) PSPad.exe Notepad++ Komodo Edit
  34. 34. The Tools of the Trade -Editors Notepad (NOT recommended) WordPad (NOT recommended) PSPad.exe Notepad++ Komodo Edit ◦ http://www.activestate.com/komodo-edit
  35. 35. The Tools of the Trade – FTP(only) AceFTP
  36. 36. The Tools of the Trade – FTP(only) AceFTP ◦ http://software.visicommedia.com/en/products/aceftpfreewa re/ ◦ http://software.visicommedia.com/en/products/aceftp/
  37. 37. The Tools of the Trade – FTP(only) AceFTP ◦ http://software.visicommedia.com/en/products/aceftpfreewa re/ ◦ http://software.visicommedia.com/en/products/aceftp/ FileZilla
  38. 38. The Tools of the Trade – FTP(only) AceFTP ◦ http://software.visicommedia.com/en/products/aceftpfreewa re/ ◦ http://software.visicommedia.com/en/products/aceftp/ FileZilla ◦ http://filezilla-project.org/
  39. 39. The Tools of the Trade – FTP(only) AceFTP ◦ http://software.visicommedia.com/en/products/aceftpfreewa re/  Free version works in most all cases ◦ http://software.visicommedia.com/en/products/aceftp/  “Pro” version … FileZilla ◦ http://filezilla-project.org/  Just need the “FileZilla Client”
  40. 40. The Tools of the Trade – FTP(only) AceFTP ◦ http://software.visicommedia.com/en/products/aceftpfreeware/  Free version works in most all cases ◦ http://software.visicommedia.com/en/products/aceftp/  “Pro” version … FileZilla ◦ http://filezilla-project.org/  Just need the “FileZilla Client” … always freeEither FTP client is fine but AceFTP doesnot handle SFTP … all things being equal,choose FileZilla
  41. 41. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System
  42. 42. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN
  43. 43. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN ◦ “SVN” stands for Subversion
  44. 44. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN ◦ “SVN” stands for Subversion  http://en.wikipedia.org/wiki/Svn_(software)
  45. 45. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN ◦ http://tortoisesvn.net/
  46. 46. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN ◦ SVN is used to “commit” new / modified code to the WordPress Extend Plugins repository (if you have a plugin hosted there)
  47. 47. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git
  48. 48. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ Linus Torvalds said: "Im an egotistical bastard, and I name all my projects after myself. First Linux, now git."
  49. 49. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ Linus Torvalds said: "Im an egotistical bastard, and I name all my projects after myself. First Linux, now git.“ ◦ I looked it up … http://en.wikipedia.org/wiki/Git_(software)
  50. 50. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ http://git-scm.com/
  51. 51. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ I have used a form of “Git” for every project I have recently been involved with
  52. 52. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ I have used a form of “Git” for every project I have recently been involved with ◦ Git is most powerful on its own when wielded from the command line
  53. 53. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ I have used a form of “Git” for every project I have recently been involved with ◦ Git is most powerful on its own when wielded from the command line  Windows? Command Line?! Really?!!
  54. 54. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git ◦ I have used a form of “Git” for every project I have recently been involved with ◦ Git is most powerful on its own when wielded from the command line  Windows? Command Line?! Really?!!  Yes, but there are easier ways … think “IDE”
  55. 55. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  GitSlightly off-topic:
  56. 56. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  GitSlightly off-topic: Get a “GitHub” account
  57. 57. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  Git ◦ Git Set Up Tutorial: https://help.github.com/articles/set-up-gitSlightly off-topic: Get a “GitHub” account – https://github.com
  58. 58. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  Git ◦ Git Set Up Tutorial: https://help.github.com/articles/set-up-gitSlightly off-topic: Get a “GitHub” account – https://github.com Get a BitBucket account – https://bitbucket.org/
  59. 59. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available
  60. 60. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available: ◦ Mercurial (hg)
  61. 61. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available: ◦ Mercurial (hg)  http://mercurial.selenic.com/
  62. 62. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available: ◦ Mercurial (hg) ◦ CVS – Concurrent Versions System
  63. 63. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available: ◦ Mercurial (hg) ◦ CVS – Concurrent Versions System  http://cvs.nongnu.org/
  64. 64. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available: ◦ Mercurial (hg) ◦ CVS – Concurrent Versions System ◦ Manual methods
  65. 65. The Tools of the Trade – VCS“VCS” = Version ControlSoftware/System  TortoiseSVN  Git  More VCS options are available: ◦ Mercurial (hg) ◦ CVS – Concurrent Versions System ◦ Manual methods  Seriously?! Why!?
  66. 66. The Tools of the Trade –LocalLocal Test/Development Environments
  67. 67. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP
  68. 68. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP ◦ http://www.apachefriends.org/en/xampp.ht ml
  69. 69. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP ◦ http://www.apachefriends.org/en/xampp.ht ml ◦ Portable
  70. 70. The Tools of the Trade – OffTopicLocal Test/Development Environments XAMPP ◦ http://www.apachefriends.org/en/xampp.ht ml ◦ Portable (as in Portable Apps)  http://portableapps.com/
  71. 71. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP
  72. 72. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP ◦ http://www.wampserver.com/en/
  73. 73. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP More ways to develop/design locally
  74. 74. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP More ways to develop/design locally ◦ InstantWP
  75. 75. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP More ways to develop/design locally ◦ InstantWP  http://www.instantwp.com/
  76. 76. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP More ways to develop/design locally ◦ InstantWP ◦ Others?
  77. 77. The Tools of the Trade –LocalLocal Test/Development Environments XAMPP WAMP More ways to develop/design locally ◦ InstantWP ◦ Others … leave a comment on the website http://wpgta.ca/2013/03/codekit- phpstorm/
  78. 78. Creating Works Today Use Integrated Development Environment
  79. 79. Creating Works Today Use Integrated Development Environment ◦ “IDE” is the more commonly used term
  80. 80. Creating Works Today Use Integrated Development Environment ◦ “IDE” is the more commonly used term Use a robust FTP program
  81. 81. Creating Works Today Use Integrated Development Environment ◦ “IDE” is the more commonly used term Use a robust FTP program Use a good SVN application
  82. 82. Creating Works Today Use Integrated Development Environment ◦ “IDE” is the more commonly used term Use a robust FTP program Use a good SVN application Use a good Git application
  83. 83. Creating Works Today -PhpStorm “IDE” = Integrated Development Environment PhpStorm by JetBrains http://www.jetbrains.com/phpstorm/
  84. 84. Creating Works Today -PhpStorm Git (with GitHub specifically) integration
  85. 85. Creating Works Today -PhpStorm Git (with GitHub specifically) integration ◦ … little to no thought involved integration
  86. 86. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations
  87. 87. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete
  88. 88. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete?
  89. 89. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete? Yes!
  90. 90. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP
  91. 91. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript
  92. 92. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery
  93. 93. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML
  94. 94. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS
  95. 95. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS … and there’s more!
  96. 96. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS … “resource folders”
  97. 97. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS … “resource folders” Resource folders such as WordPress core
  98. 98. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS … “resource folders” Resource folders such as WordPress core, Parent-Themes
  99. 99. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS … “resource folders” Resource folders such as WordPress core, Parent-Themes, Plugins
  100. 100. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: PHP, JavaScript, jQuery, HTML, CSS … “resource folders” Resource folders such as WordPress core, Parent-Themes, Plugins, etc.
  101. 101. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: Languages and resources Intuitive Default Interface setup
  102. 102. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: Languages and resources Intuitive Default Interface setup Import Editor Configuration XML
  103. 103. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: Languages and resources Intuitive Default Interface setup Import Editor Configuration XML ◦ Creates code formatted appropriately, such as in the WordPress Coding
  104. 104. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: Languages and resources Intuitive Default Interface setup Import Editor Configuration XML Easy of use …
  105. 105. Creating Works Today -PhpStorm Git (with GitHub specifically) integration Project deployment to multiple FTP locations Autocomplete: Languages and resources Intuitive Default Interface setup Import Editor Configuration XML Easy of use … … and you can use it on a Mac, too!
  106. 106. WordPress GTA – March 11,2013Thank you for attending and yourattention to the presentations. Pleasefeel free to contact myself with anyquestions. You are also welcome to addyour comments to the post atWPGTA.caPresented by: Edward CaissieContact email:edward.caissie@gmail.com

×