The Ultimate WordPress Development Environment

•Download as PPTX, PDF•

2 likes•1,232 views

Matt Geri

WordCamp Europe Vienna, 2016 talk on WordPress development environments.

Software

THE ULTIMATE WORDPRESS
DEVELOPMENT ENVIRONMENT
Matt Geri / @MattGeri

• Write more code in less time
• Reduce the amount of bugs in your code
• Implement coding standards strictly
SO THAT YOU CAN…

SO, WHAT IS THE ULTIMATE
WORDPRESS
DEVELOPMENT
ENVIRONMENT?

1. Local server
2. IDE / Text Editor
3. Code checking
4. Debugging
5. Deployment

1. LOCAL SERVER
• Web server
• Database server
• WordPress
• Version control
• WP-CLI

WHY VIRTUALIZE?
• No manual installation required (scripted)
• Portable (any platform – same environment)
• Closely replicate production

SO MUCH MORE!
• Smart refactoring
• Vagrant support
• Composer
• Syntax linting…

3. CODE CHECKING
• PHP Code Sniffer
• WP Coding Standards

PHPCS / WPCS
<?php
// Display the title
echo $_GET[‘title’];
?>

5. DEPLOYMENT
•Git
•WP Pusher
•Travis (CI)

THAT’S ALL!
QUESTIONS?
mattgeri.com/wceu

What's hot

What is the Responsibility of Plugin Developers?Takayuki Miyoshi

The Future of-the CMS (Twin Cities DrupalCamp 2015)Todd Ross Nienkerk

Internationalizing The New York TimesScott Taylor

Welcome to the World of WordPressContent Connects, Nashville

WordPress as a ServiceAndrew Bauer

The Next Step in Responsive - RESSAnthony Laurence

Debugging WordPress Core and Plugins!Bronson Quick

WordPress Developer toolsSudar Muthu

State of the Word 2015, WordCamp USphotomatt

Building SaaS with WordPress - WordCamp Netherlands 2016Mario Peshev

Develop and Deploy Outside the Repoafragen

Ppt full stack developerSudhirVarpe1

Creating SmartPhone Apps Using WordPresscodebangla

Ryan Markel - WordCamp StL 2016 - Code Reviewryanmarkel

Working in harmonyEdmund Turbin

Content as a Service: What to Know About Decoupled CMSPantheon

Building plugins like a proMarko Heijnen

Working with WordPress in a Team Environmentchristopherfross

Plugin Development for Beginners v.2019Joe Cartonia

Bootstrapping your pluginMarko Heijnen

What's hot (20)

What is the Responsibility of Plugin Developers?

The Future of-the CMS (Twin Cities DrupalCamp 2015)

Internationalizing The New York Times

Welcome to the World of WordPress

WordPress as a Service

The Next Step in Responsive - RESS

Debugging WordPress Core and Plugins!

WordPress Developer tools

State of the Word 2015, WordCamp US

Building SaaS with WordPress - WordCamp Netherlands 2016

Develop and Deploy Outside the Repo

Ppt full stack developer

Creating SmartPhone Apps Using WordPress

Ryan Markel - WordCamp StL 2016 - Code Review

Working in harmony

Content as a Service: What to Know About Decoupled CMS

Building plugins like a pro

Working with WordPress in a Team Environment

Plugin Development for Beginners v.2019

Bootstrapping your plugin

Viewers also liked

Webinars, videos, blabs: how B2C & B2B are driving their competitors crazyRodolfo Melogli

PHPCS (PHP Code Sniffer)Oleksii Prohonnyi

Master WooCommerce TroubleshootingRodolfo Melogli

WooCommerce: How to Customize WordPress via PHP SnippetsRodolfo Melogli

Changing the World one WordPress Site at a TimeLesley Molecke

WCEU 2016 Contributing to WordPress for Business, Profession & the CommunityKel

wp-cliMarcos Schratzenstaller

WCEU 2016 - 10 tips to sleep better at nightMaurizio Pelizzone

What's my WordPress site's email strategyBecs Kemm

Managing a Local WordPress Community, WordCamp Europe 2016Sergey Biryukov

The Stories From the Japanese WordPress CommunityNaoko Takano

Relaunch mit Web-Agenturen: Spiel, Spaß und SpannungWolfgang Wiese

Wordpress Plugin Development Short TutorialChristos Zigkolis

State of the Word 2011photomatt

SlideShare 101Amit Ranjan

Viewers also liked (15)

Webinars, videos, blabs: how B2C & B2B are driving their competitors crazy

PHPCS (PHP Code Sniffer)

Master WooCommerce Troubleshooting

WooCommerce: How to Customize WordPress via PHP Snippets

Changing the World one WordPress Site at a Time

WCEU 2016 Contributing to WordPress for Business, Profession & the Community

wp-cli

WCEU 2016 - 10 tips to sleep better at night

What's my WordPress site's email strategy

Managing a Local WordPress Community, WordCamp Europe 2016

The Stories From the Japanese WordPress Community

Relaunch mit Web-Agenturen: Spiel, Spaß und Spannung

Wordpress Plugin Development Short Tutorial

State of the Word 2011

SlideShare 101

Similar to The Ultimate WordPress Development Environment

Production ready word pressEdmund Turbin

Quality code in wordpressRan Bar-Zik

Production Ready WordPress #WPLDNEdmund Turbin

Production Ready WordPress - WC Utrecht 2017Edmund Turbin

Go with the Flow - A Guide to a WordPress WorkflowAnn Cascarano

Extending WordPress as a proMarko Heijnen

Web APIs, the New Language FrontierRestlet

Web APIs, the New Language FrontierJerome Louvel

Cloud App DevelopFin Chen

php[world] 2015 Laravel 5.1: From Homestead to the CloudJoe Ferguson

Go with the Flow - A Guide to a WordPress WorkflowAnn Cascarano

Task runners + theming automating your workflowJoshua Gilmer

WordPress Development EnvironmentsJosh Cummings

Continuous Integration at Molliewillemstuursma

WordPress Rest APIBrian Layman

Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20Michael Lihs

Laravel Forge: Hello World to Hello ProductionJoe Ferguson

August Webinar - Water Cooler Talks: A Look into a Developer's WorkbenchHoward Greenberg

ZendCon 2015 - Laravel Forge: Hello World to Hello ProductionJoe Ferguson

Visual Studio Code for Java and Spring DevelopersBruno Borges

Similar to The Ultimate WordPress Development Environment (20)

Production ready word press

Quality code in wordpress

Production Ready WordPress #WPLDN

Production Ready WordPress - WC Utrecht 2017

Go with the Flow - A Guide to a WordPress Workflow

Extending WordPress as a pro

Web APIs, the New Language Frontier

Cloud App Develop

php[world] 2015 Laravel 5.1: From Homestead to the Cloud

Go with the Flow - A Guide to a WordPress Workflow

Task runners + theming automating your workflow

WordPress Development Environments

Continuous Integration at Mollie

WordPress Rest API

Continuous Integration with Open Source Tools - PHPUgFfm 2014-11-20

Laravel Forge: Hello World to Hello Production

August Webinar - Water Cooler Talks: A Look into a Developer's Workbench

ZendCon 2015 - Laravel Forge: Hello World to Hello Production

Visual Studio Code for Java and Spring Developers

Recently uploaded

What is Fashion PLM and Why Do You Need ItWave PLM

Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3

React Server Component in Next.js by Hanief UtamaHanief Utama

Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ

What are the key points to focus on before starting to learn ETL Development....kzayra69

Unveiling the Future: Sylius 2.0 New FeaturesŁukasz Chruściel

Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)jennyeacort

MYjobs Presentation Django-based projectAnoyGreter

The Evolution of Karaoke From Analog to App.pdfPower Karaoke

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service9953056974 Low Rate Call Girls In Saket, Delhi NCR

Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin

Advancing Engineering with AI through the Next Generation of Strategic Projec...OnePlan Solutions

Professional Resume Template for Software DevelopersVinodh Ram

英国UN学位证,北安普顿大学毕业证书1:1制作qr0udbr0

Salesforce Certified Field Service ConsultantAxelRicardoTrocheRiq

Cloud Data Center Network Construction - IEEEVICTOR MAESTRE RAMIREZ

Implementing Zero Trust strategy with AzureDinusha Kumarasiri

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh

Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...OnePlan Solutions

Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...stazi3110

Recently uploaded (20)

What is Fashion PLM and Why Do You Need It

Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data

React Server Component in Next.js by Hanief Utama

Cloud Management Software Platforms: OpenStack

What are the key points to focus on before starting to learn ETL Development....

Unveiling the Future: Sylius 2.0 New Features

Call Us🔝>༒+91-9711147426⇛Call In girls karol bagh (Delhi)

MYjobs Presentation Django-based project

The Evolution of Karaoke From Analog to App.pdf

Hot Sexy call girls in Patel Nagar🔝 9953056974 🔝 escort Service

Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide

Advancing Engineering with AI through the Next Generation of Strategic Projec...

Professional Resume Template for Software Developers

英国UN学位证,北安普顿大学毕业证书1:1制作

Salesforce Certified Field Service Consultant

Cloud Data Center Network Construction - IEEE

Implementing Zero Trust strategy with Azure

Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...

Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...

Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...

The Ultimate WordPress Development Environment

1. THE ULTIMATE WORDPRESS DEVELOPMENT ENVIRONMENT Matt Geri / @MattGeri

2. https://google.com/?q=matt+geri

3. WHY?

4. • Write more code in less time • Reduce the amount of bugs in your code • Implement coding standards strictly SO THAT YOU CAN…

5. SO, WHAT IS THE ULTIMATE WORDPRESS DEVELOPMENT ENVIRONMENT?

6. 1. Local server 2. IDE / Text Editor 3. Code checking 4. Debugging 5. Deployment

7. 1. LOCAL SERVER • Web server • Database server • WordPress • Version control • WP-CLI

8. LOCAL WEB SERVER

9. VIRTUALIZE!

10. WHY VIRTUALIZE? • No manual installation required (scripted) • Portable (any platform – same environment) • Closely replicate production

11. I USE VVV

12. WHAT DOES IT LOOK LIKE?

13. FROM THE FRONTEND

14. COMMAND LINE WORDPRESS

15. WP-CLI EXAMPLE

16. 2. IDE / Text Editor

17. KNOWS WORDPRESS, DEEPLY

18. BUILT IN TERMINAL

19. BUILT IN SOURCE CONTROL

20. BUILT IN MYSQL ADMIN

21. BUILT IN TESTING

22. BUILT IN SNIPPETS

23. SO MUCH MORE! • Smart refactoring • Vagrant support • Composer • Syntax linting…

24. 3. CODE CHECKING • PHP Code Sniffer • WP Coding Standards

25. PHPCS / WPCS <?php // Display the title echo $_GET[‘title’]; ?>

26. WPCS EXAMPLE

27. 4. DEBUGGING Yes, unfortunately this is the logo…

28. SET A BREAKPOINT

29. VISIT WEBSITE IN BROWSER

30. INSPECT!

31. 5. DEPLOYMENT •Git •WP Pusher •Travis (CI)

32. WP PUSHER

33. CONNECT THEME REPO

34. PUSH A CHANGE

35. 1. Local server 2. IDE / Text Editor 3. Code checking 4. Debugging 5. Deployment

36. THAT’S ALL! QUESTIONS? mattgeri.com/wceu

Editor's Notes

Hello! Thanks
Matt Geri – Cape Town Best job Remote XWP Enterprise project Google me mattgeri.com
Start by asking why? Why pay attention Or care about this setting up… It’s simple, 3 reasons.
Tailored environment Ex: Live environment bugs? Open source and team NB!
Spent lots of time figuring out 5 core components
Read out My recommendations from own env. Don’t have to use all Starting point
2 parts to this Required items Web server (nginx/apache) DB server (MySQL) WP Install Recommend items Version control (Git and SVN) WP-CLI (Command line WordPress)
Multiple ways MAMP/XAMPP Self hosted apache/nginx
Recommendation Scrap the above Virtualize! Computer in Computer
Read through
Full Solution (Nginx, MySQL, WP) Has it’s issues (slow provision) Never failed me / everything I need Industry standard Wocker, WPLib Box, VagrantPress, HGV etc
Unfortunately: CLI Not difficult to pick up SSH in the Ubuntu Server (VM)
Local WP Installs Tools for managing WP Stable + Trunk
Before we finish WP from CLI Super useful Installed VVV create posts, manage users, change options etc
Explain Can do tons more!
Not Photoshop logo Not IDE fan until… Usual objections (Slow, bloated etc) Highly recommend that you give it a try Everything all in one place (Version Control, Database, FTP/SFTP, Vagrant, Debugging)
No IDE/Text Compares Knows PHP too Fav: Autocomplete actions/filters (pic) WP functions Click navigation
Bottom toolbar Full unix terminal Multiple tabs
SVN, Git, etc Visual diff, blame Merge, Changelists, more Plus Github integration (Pull, PR)
Full DB control Schema manipulation Data manipulation Export Custom queries
Tests inside IDE Click locations Code coverage (color coding)
Snippets Emmet (HTML/CSS) Def. google Emmet
Read out
Code checking is vital For security/code maintenance Eliminates bugs and prevents attacks Two tools (read)
Question? Explain why Make sure you follow standards Potential security issues
Sanitization issue Missing doc block Any code style issue
Defacto Mostly for stack traces / profiling Breakpoint debugging! print_r or var_dump? Check it! Ships with VVV (xdebug_on) PhpStorm excellent support (plus others)
PhpStorm (gutter) Atom / Sublime (plugin)
Chrome extension
Stopped at our point Variables Run expressions (count array) Step into, over, out
Many ways I use 3 methods Vanilla Git – clone/pull WP Pusher – plugin deploy Travis CI – Full build, branch change, run tests
Excellent plugin Breeze themes/plugins (no FTP) GH, BB, Gitlab Example
Link to Github repo My theme repo
Push master = deploy Manual trigger Same for plugins
Recap
Thanks again Hope enjoyed URL Resources Contibutor day Any questions?

The Ultimate WordPress Development Environment

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (15)

Similar to The Ultimate WordPress Development Environment

Similar to The Ultimate WordPress Development Environment (20)

Recently uploaded

Recently uploaded (20)

The Ultimate WordPress Development Environment

Editor's Notes