14
WORDPRESS REST API BUILDING WITH ANGULAR AND THE

Angular Remote Conf - Building with Angular & WordPress

Embed Size (px)

Citation preview

Page 1: Angular Remote Conf - Building with Angular & WordPress

WORDPRESS REST APIBUILDING WITH ANGULAR AND THE

Page 2: Angular Remote Conf - Building with Angular & WordPress

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

Page 3: Angular Remote Conf - Building with Angular & WordPress

WORDPRESS?SERIOUSLY?

Page 4: Angular Remote Conf - Building with Angular & WordPress

WHY?

NO SERIOUSLY, WHY?

▸ You work with a team of content editors that want a simple CMS to manage content or data

▸ Create native apps using IONIC or NativeScript easily with your site’s content (or use AppPresser)

▸ You have the whole WordPress ecosystem, a large community with many developers

▸ Great for sites that are a hybrid of S.P.A and content-driven marketing pages

▸ A great way to build out a MVP!

Page 5: Angular Remote Conf - Building with Angular & WordPress

BUT MAAAAYBE…WORDPRESS IS NOT MVC

Page 6: Angular Remote Conf - Building with Angular & WordPress

FAUX MVC

Page 7: Angular Remote Conf - Building with Angular & WordPress

THE POWER OF JSON

/posts - WP-API endpoint{ ID: 1 content: '<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>', title: 'Hello world!', status: 'publish', author : {..}, ...},…

Page 8: Angular Remote Conf - Building with Angular & WordPress

EXTENDABLETHE API IS ALSO 100%

Page 9: Angular Remote Conf - Building with Angular & WordPress

ALMOSTITS BUILT INTO WORDPRESS!

Page 10: Angular Remote Conf - Building with Angular & WordPress

S.P.A, DIRECTIVE OR 100% DECOUPLED

IMPLEMENTATIONS

Page 11: Angular Remote Conf - Building with Angular & WordPress

APIDEMOS OF ANGULAR & WORDPRESS

Page 12: Angular Remote Conf - Building with Angular & WordPress

BUILDING SOMETHING COOL

ANGULAR RESOURCES BY ME!

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

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

Decoupled:https://github.com/CalderaWP/angular-wp-front-end

Lynda Course:https://www.lynda.com/AngularJS-tutorials/AngularJS-WordPress-Building-Single-Page-Application/423997-2.html

Page 13: Angular Remote Conf - Building with Angular & 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

Page 14: Angular Remote Conf - Building with Angular & WordPress

ROY SIVANTHANK YOU

@royboy789

roysivan.com

thewpcrowd.com

lynda.com