View
115
Download
1
Category
Preview:
Citation preview
Putting the Developin Development
Jason Yingling@jason_yingling
Resources available: https://goo.gl/KaOIIn
[ ]
Who am I?IntroductionWho am I?What We’ll Cover
Organizing a Project Director of Development, Red8 Interactive
3 plugins on WordPress.org repo
3 time WordCamp Speaker
Meetup and WordCamp organizer
@jason_yingling
Developing a ProjectFurther Resources
What We’ll CoverHow we plan a project atRed8 InteractiveHow we develop projects as a teamThe tools and resources we use to improve our development workflow
Organizing a ProjectIntroductionOrganizing a Project
@jason_yingling
Developing a ProjectFurther Resources • Understanding the WordPress
template hierarchy– Main Templates– Commonly overlooked
templates• Breaking down what makes a
template• Planning a project into
templates and template parts
Template Hierarchy
@jason_yingling
How WordPress determines which template files to use when displaying a post or page.
“IntroductionOrganizing a ProjectDeveloping a ProjectFurther Resources
Template HierarchySingle Post
Template HierarchyStatic Page
The Big Three
@jason_yingling
• Index.php – everything falls back to index. Main post loop.
• Single.php – your single posts
• Page.php – your static pages
IntroductionOrganizing a ProjectDeveloping a ProjectFurther Resources
The Forgotten
@jason_yingling
• 404 page• Search Results• Archives
IntroductionOrganizing a ProjectDeveloping a ProjectFurther Resources
Template Anatomy
Breaking it Down
Developing a Project
@jason_yingling
• Code to the standards• Automate your workflow• Version control your code
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
Coding Standards
@jason_yingling
• Learn the WordPress way• Easier for others to pick up• Easier for you to pick up
others code• Helps make code self-
documenting• Check the Codex
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
PHP Standards
@jason_yingling
• Don’t camelCase function names. Use lowercase and “_” for spaces
• No shorthand• Use real tabs and not
spaces
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
Automate It
@jason_yingling
• Problem: Doing things takes time.
• Solution: Make the computer do it for you!
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
“Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes.
- Gruntjs.com
Task Runners
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
The Battle of Build Scripts: Gulp vs Grunt
Grunt for People Who Think Things Like Grunt are Weird and Hard
Some Useful Grunt Tools
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • BrowserSync
• SASS Compiling• JS Minification• JS Concatenation• Lots more
GUI Option
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • CodeKit
Version Control It
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • Work collaboratively
• Track what has changed• Back everything up• Revert if needed
“What is git?Git is known as a "distributed" (rather than "centralized") version control system because you can run it locally and disconnected from the Internet, and then "push" your changes to a remote system (such as GitHub) whenever you like.
Tips for Successful Version Controlling
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
• Write useful commit messages
• Implement features as they’re ready
• Have a strategy in place
Basic Git Workflow
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project
Git Commands
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • git clone
• git checkout• git add• git commit• git merge• git pull• git push• git stash
More Git Resources
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • Git4WP – Free video course
on using git with WordPress• A Successful Git Branching
Model• git docs
Further Resources
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • Plugins to help speed up
development– Advanced Custom Fields– Form Plugins– Yoast SEO–WP Pusher
Further Resources
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • Post Status (Blog)
• WP Tavern (Blog)• Smashing WordPress (Book)• Up and Running (Book)• Post Status Draft (Podcast)• Apply Filters (Podcast)
Further Resources
@jason_yingling
IntroductionOrganizing a Project
Further ResourcesDeveloping a Project • Community Events
–WordCamps– Local Meetups– Slack Channels• Make WordPress• Post Status• STL Meetup
Best Resources
Go make something.
Questions@jason_yingling
Resources: Google Drive
Recommended