Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress - SC Codes Workshop

7bc4c5263bd87380a775d22aa165b9f1?s=47 Dan Robert
September 30, 2016

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/.


Dan Robert

September 30, 2016


  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.
  15. None
  16. None
  17. None
  18. None
  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