WORDPRESS & ANGULARJS

JAVASCRIPT APPLICATIONS POWERED BY

ROY SIVANWHO AM I?

• Been using WordPress since the beginning

• Currently Working: The Walt Disney Company

• WPCrowd member - www.thewpcrowd.com

• RoySivan.com

• Github / Twitter / WPCrowd - @royboy789

HI FRIENDS!

#HIROY@ShawnHooper, @mikecorkum, @codeaaron,

@ChrisWiegman, @joytreats, @webelaine@MantelopeMusk &

@wpcampusorg!

QUICK SURVEY

HOW MANY OF YOU?▸ Use JavaScript, in some form (jQuery, vanilla, frameworks) right now

▸ Built a plugin, any plugin

▸ Used npm

▸ Used GULP, or any other task runner / build tools?

BUILDING SOMETHING COOL

WHAT ARE WE BUILDING?

▸ something cool

▸ We will use AngularJS

▸ We will use the WordPress

▸ We will not use Mongo

▸ #Carl2016

▸ Demo?

BUILDING SOMETHING COOL

WHAT DO YOU NEED TO KNOW?▸ REST API - did you see Josh Pollock speak? We won’t be using it.

▸ AngularJS knowledge is helpful

▸ JavaScript knowledge is helpful

WHAT DO YOU NEED▸ command line access (Terminal) with npm

▸ code editor (PHPStorm, Coda)

▸ GIT (Desktop for ease)

▸ Local Environment … if you need it.

▸ an open mind.

BUILDING SOMETHING COOL

BUT FIRST! ANGULAR? JAVASCRIPT? CLIENT-SIDE

▸AngularJS, is according a current Senior Software Manager, at Disney, Roy Sivan, the best JavaScript client side framework

▸ “Roy doesn’t know how to use, commas;” - Roy Sivan

▸ It uses HTML templates

▸Use it to make great Single Page Applications

▸Use it to make Phone Apps (ionic / AppPresser)

BUILDING SOMETHING COOL

STEP 1

▸http://roysivan.com/wpcampus/

BUILDING SOMETHING COOL

STEP 2

▸Open a Code Editor and Terminal window to the directory

BUILDING SOMETHING COOL

STEP 3

▸ I don’t know.. we’ll come back to this one later.

BUILDING SOMETHING COOL

STEP 42

PROFIT!▸ sorry, i mean code now, profit later

BUILDING SOMETHING COOL

ANGULAR RESOURCES - THEME & PLUGIN

https://github.com/royboy789/Angular-Wordpress-Theme

https://github.com/royboy789/angularjs-for-wordpress

BUILDING SOMETHING COOL

OTHER AWESOME RESOURCESWPCrowdhttps://www.thewpcrowd.com

WP-API on GitHub & Repositoryhttps://github.com/WP-API/WP-API https://wordpress.org/plugins/json-rest-api/

My Blog, AngularJS WP Theme & Pluginhttp://www.roysivan.com/blog

Josh Pollockhttp://www.joshpress.net

TorqueMaghttp://torquemag.io