WordPress - SC Codes Workshop

Presentation slides for the SC Codes WordPress Workshop.

This was a joint-talk with @chaselivingston.

Code repository available on GitHub at https://github.com/danielwrobert/sc-codes-workshop/.

Transcript

1. WordPress Front-End Development, Career Paths, And Working At Automattic Dan Robert / @danielwrobert Chase Livingston / @ChaseLivingston
2. WordPress & Front-End Dev
3. WordPress as a CMS “A content management system (CMS) is a computer application that allows publishing, editing, modifying, organizing, deleting, and maintaining content from a central interface.” - Wikipedia
4. WordPress Themes Themes take the content and data stored by WordPress and
 display it in the browser. WordPress themes allow you to change the design of your website, providing control over the look and feel. At their most basic level, WordPress themes are collections of different files that work together to create what you see, as well as how your site behaves.
5. Template Files
6. Child Themes /* Theme Name: Twenty Fifteen Child Theme URI: http://example.com/twenty-fifteen- child/ Description: Twenty Fifteen Child Theme Author: John Doe Author URI: http://example.com Template: twentyfifteen Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/ gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: twenty-fifteen-child */ • Ensure that modifications are preserved. • Can speed up development time. • A great way to learn about WordPress theme development.
7. WordPress & JavaScript
8. WP-Calypso Calypso is the new WordPress.com dashboard. It was built as a single JavaScript application, that relies on the WordPress.com REST API to communicate to the WordPress core. You can read more about Calypso at https:// developer.wordpress.com/calypso/.
9. API API stands for Application Programming Interface. It is a set of clearly defined methods of communication between various software components.
10. REST APIs REST stands for Representational State Transfer. It is an architectural style and approach to software communication often used in web application development.
11. AJAX Asynchronous JavaScript and XML
12. Google Maps
13. WordPress REST APIs • WordPress.com API - https:// developer.wordpress.com/ docs/api/ • Core REST API - https:// developer.wordpress.org/ rest-api/
14. Open-Source Open source software is software in which the source code is made publicly available and is licensed so that anyone can make changes and redistribute the code.
19. WordPress Career Paths • Theme Developer • Plugin Developer • Agencies • Freelance • In-House
20. Jobs @ Automattic Everyone works from the location they choose. We’re spread out all over the world in more than 50 countries. We track about 70 percent of our projects on P2-themed WordPress.com blogs, 25 percent in private chat rooms, and the rest on Slack. https://automattic.com/work-with-us/
21. Theme Resources • https://codex.wordpress.org/Theme_Development • https://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tutorial-2nd- edition/ • https://code.tutsplus.com/series/creating-a-wordpress-theme-from-static-html-- wp-34294 • https://www.lynda.com/WordPress-training-tutorials/330-0.html • https://developer.wordpress.org/themes/basics/template-hierarchy • https://codex.wordpress.org/Child_Themes • https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme
22. REST API Resources • https://www.lynda.com/WordPress-tutorials/WordPress-REST-API-WP-API-First-Look/383783-2.html • https://code.tutsplus.com/series/introducing-the-wp-rest-api--cms-896 • https://code.tutsplus.com/series/building-a-wordpress-powered-front-end-with-the-wp-rest-api-and- angularjs--cms-1032 • https://developer.wordpress.org/rest-api/ • https://codex.wordpress.org/AJAX
23. Thank You! Dan Robert / @danielwrobert Chase Livingston / @ChaseLivingston Demo Code - https://github.com/danielwrobert/sc-codes-workshop Slides - https://speakerdeck.com/danielwrobert/wordpress-sc-codes-workshop