The Modern WordPress Developer's Toolbox – Git – Vagrant



The Modern WordPress Developer's Toolbox – Git – Vagrant

0 3


wordpress-toolbox

Slides for my WordCamp US 2015 talk: "The Modern WordPress Developer's Toolbox"

On Github taupecat / wordpress-toolbox

The Modern WordPress Developer's Toolbox

https://taupecat.github.io/wordpress-toolbox

Tracy Rotton

Git

Git is not something you learn in a day. Git is something you learn over the course of your career.

Git

  • Come on, it's 2015!
  • Revision control is a must in modern development.
  • Alternatives: Subversion, Mercurial, ???
  • Meh, just use Git

Git Repository Services

XKCD.com/1597

Bonus Security #ProTip!

define( 'DISALLOW_FILE_EDIT', true );

Vagrant

Virtualized development environment…

…a computer inside a computer.

Why use Vagrant?

  • Can be configured with code.
  • Allows for closer match with the production environment.
  • Environments can be created and destroyed at will:

You can vagrant destroy, but you can never vagrant forget.

VVV

Varying Vagrant Vagrants: Quickest way to get up and running with a WordPress-optimized Vagrant VM.

Package Managers

bower install npm install brew install yum Wait, that’s wrong…I always forget which order the package managers are supposed to be in.

— I Am Devloper (@iamdevloper) May 16, 2014

Package Managers

Automates the process of installing, updating, and removing software.

Retrieves code from a central repository.

Composer

  • Package manager for PHP
  • Can be used to manage WordPress core and plugins

NPM

  • Node Package Manager
  • Means to an end

Bower

Manages front-end libraries:

  • Sass libraries
  • FontAwesome

Don't use it for libraries that come bundled with WordPress.

JavaScript Task Runners

  • Used to convert Sass to CSS
  • Check your JavaScript for errors
  • Concatenate and minify stylesheets and scripts
  • And much, much more

JavaScript Task Runners

  • Grunt.js
  • Gulp.js
  • Brunch.js
  • Broccoli.js

WP-CLI

  • Provides a command-line alternative to managing WordPress
  • Faster than /wp-admin/
  • Scripting!

_s

  • Pronounced "underscores"
  • "Starter" theme
  • Provides base templates, functions, and classes upon which to build a custom theme.

WordPress Plugin Boilerplate

"A standardized, organized, object-oriented foundation for building high-quality WordPress Plugins."

Like _s for themes, provides a scaffold for easily getting started building WordPress plugins.

Essential Development Plugins

Show Template

Very simple plugin for showing you which template file WordPress is using to generate the page you're on.

Debug Bar

Installs a "Debug" section in your admin bar with diagnostic information.

Theme Check

Makes sure your theme meets the standards required to be added to the WordPress theme repository. Makes sure your using WordPress best practices in building your theme.

Regenerate Thumbnails

Especially useful when working with responsive images, takes the images in your media library and creates different sized versions of them.

WP Migrate DB (Pro)

Exports your database as a MySQL data dump, does a find and replace on URLs and file paths, then allows you to save it to your computer.

Conclusion

Starting a basic website in 2014: 1. Install Node 2. Install Bower 3. Pick CSS framework 4. Pick responsive approach … 47. Write some HTML

— I Am Devloper (@iamdevloper) October 2, 2014

(Same applies in 2015.)

Want to Get Responsive?

Responsive WordPress Theming

http://responsivewptheming.com

WCUS2015

Thank You!

@taupecat

The Modern WordPress Developer's Toolbox https://taupecat.github.io/wordpress-toolbox