SlideShare a Scribd company logo
WORDPRESS & ANGULARJS
JAVASCRIPT APPLICATIONS
POWERED BY
ROY SIVAN
WHO 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 RESOURCES
WPCrowd
https://www.thewpcrowd.com
WP-API on GitHub & Repository
https://github.com/WP-API/WP-API
https://wordpress.org/plugins/json-rest-api/
My Blog, AngularJS WP Theme & Plugin
http://www.roysivan.com/blog
Josh Pollock
http://www.joshpress.net
TorqueMag
http://torquemag.io

More Related Content

What's hot (20)

PDF
10 Cool Things You Can Do with Widgets
drywallbmb
 
PPTX
WordPress translation & Localisation : Avoid common mistakes by Makarand Mane
Makarand Mane
 
DOCX
Daily
Fabian Pacheco
 
PDF
Intro to wordpress short course
carishurd
 
PPTX
Moz Cafe December 2012
Vivek Kiran
 
PPTX
Smart Development-Happy Clients
Abhishek Rijal
 
PDF
Advanced custom fields in Wordpress
Exove
 
PDF
Frameworks for Web Development
dtmodern
 
PDF
Word Camp Cologne 2016: Session The WordPress 1%
Dominic Grzbielok
 
PDF
What to include in a boilerplate theme
Tim Brown
 
PDF
Empathetc Development
Kyle Evans
 
PPTX
Ember
Domenic Simone
 
PDF
Rapid WordPress Theme Development
Josh Williams
 
PPTX
Resources and lessons for using WordPress in your business
Steven Slack
 
PDF
The Ten Code Commandments
Jamal Sinclair O'Garro
 
PDF
Staying Connected: Securing Your WordPress Website
Raymund Mitchell
 
PDF
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Prasid Pathak
 
PDF
WordPress security & sanitation for beginners
D'nelle Dowis
 
PDF
Webinar: Gettin' Down and Nerdy with the Genesis Framework
WP Engine
 
PPTX
Save your social energy with windows live
Mohamad Iqbal
 
10 Cool Things You Can Do with Widgets
drywallbmb
 
WordPress translation & Localisation : Avoid common mistakes by Makarand Mane
Makarand Mane
 
Intro to wordpress short course
carishurd
 
Moz Cafe December 2012
Vivek Kiran
 
Smart Development-Happy Clients
Abhishek Rijal
 
Advanced custom fields in Wordpress
Exove
 
Frameworks for Web Development
dtmodern
 
Word Camp Cologne 2016: Session The WordPress 1%
Dominic Grzbielok
 
What to include in a boilerplate theme
Tim Brown
 
Empathetc Development
Kyle Evans
 
Rapid WordPress Theme Development
Josh Williams
 
Resources and lessons for using WordPress in your business
Steven Slack
 
The Ten Code Commandments
Jamal Sinclair O'Garro
 
Staying Connected: Securing Your WordPress Website
Raymund Mitchell
 
The Frontend Developer Landscape Explained and the Rise of Advanced Frontend ...
Prasid Pathak
 
WordPress security & sanitation for beginners
D'nelle Dowis
 
Webinar: Gettin' Down and Nerdy with the Genesis Framework
WP Engine
 
Save your social energy with windows live
Mohamad Iqbal
 

Viewers also liked (7)

PPTX
Design examples Roy Sivan
Roy Sivan
 
PDF
Five events in the life of every WordPress request you should know
Caldera Labs
 
PDF
Spare Me From Your Stupid Slideshow - WordCamp San Diego, 2017
Evan Scheingross
 
PDF
Caldera Learn - LoopConf WP API + Angular FTW Workshop
CalderaLearn
 
PDF
Connecting Content Silos: One CMS, Many Sites With The WordPress REST API
Caldera Labs
 
PDF
Lean JS Deeply, but don't forget about PHP!
CalderaLearn
 
PPTX
A holistic approach to web performance
Austin Gil
 
Design examples Roy Sivan
Roy Sivan
 
Five events in the life of every WordPress request you should know
Caldera Labs
 
Spare Me From Your Stupid Slideshow - WordCamp San Diego, 2017
Evan Scheingross
 
Caldera Learn - LoopConf WP API + Angular FTW Workshop
CalderaLearn
 
Connecting Content Silos: One CMS, Many Sites With The WordPress REST API
Caldera Labs
 
Lean JS Deeply, but don't forget about PHP!
CalderaLearn
 
A holistic approach to web performance
Austin Gil
 
Ad

Similar to Building a JavaScript App powered by WordPress & AngularJS (20)

PDF
wp cli- don’t fear the command line
Dwayne McDaniel
 
PDF
Startup and Rapid web development
Lalit Shandilya
 
KEY
Empowering Non-Profits with WordPress
Cliff Seal
 
PPTX
Wiu talk
Dhruv Patel
 
PPTX
Denver topical homepages
Christoph Trappe
 
PDF
Wordcamp Jerusalem 2013 - what if Wordpress was not open source
Ofer Cohen
 
PDF
Ryan Markel - WordCamp US 2017
ryanmarkel
 
PPTX
How NOT to become an AWS Community Builder.pptx
Enri Peters
 
PDF
Getting Started with WordPress Development
Ryan Welcher
 
KEY
Intro to WordPress Plugins
zamoose
 
PDF
Open ID and Django
nathanflorea
 
PDF
Loving That Thing You Love: How to Contribute to WordPress
Raymund Mitchell
 
PPTX
WordPress Rest API
Brian Layman
 
PPT
Wordpress Cogs And Wheels that makes your site work like a clockwork
Sherry Nouraini, PhD
 
PDF
Wp cli- intro and basics
Dwayne McDaniel
 
PPTX
Why postgres SQL deserve noSQL fan respect - Devoxx Fr 2015
Quentin Adam
 
PDF
Liferay & cloud tools
evdwaard
 
PDF
How Open Source / Open Technology Could Help On Your Project
Wan Leung Wong
 
KEY
Becoming a more productive Rails Developer
John McCaffrey
 
wp cli- don’t fear the command line
Dwayne McDaniel
 
Startup and Rapid web development
Lalit Shandilya
 
Empowering Non-Profits with WordPress
Cliff Seal
 
Wiu talk
Dhruv Patel
 
Denver topical homepages
Christoph Trappe
 
Wordcamp Jerusalem 2013 - what if Wordpress was not open source
Ofer Cohen
 
Ryan Markel - WordCamp US 2017
ryanmarkel
 
How NOT to become an AWS Community Builder.pptx
Enri Peters
 
Getting Started with WordPress Development
Ryan Welcher
 
Intro to WordPress Plugins
zamoose
 
Open ID and Django
nathanflorea
 
Loving That Thing You Love: How to Contribute to WordPress
Raymund Mitchell
 
WordPress Rest API
Brian Layman
 
Wordpress Cogs And Wheels that makes your site work like a clockwork
Sherry Nouraini, PhD
 
Wp cli- intro and basics
Dwayne McDaniel
 
Why postgres SQL deserve noSQL fan respect - Devoxx Fr 2015
Quentin Adam
 
Liferay & cloud tools
evdwaard
 
How Open Source / Open Technology Could Help On Your Project
Wan Leung Wong
 
Becoming a more productive Rails Developer
John McCaffrey
 
Ad

More from Roy Sivan (15)

PDF
WordPress in Enterprise
Roy Sivan
 
PDF
Building Gutenberg Applications & WebOPS Case Study
Roy Sivan
 
PDF
Building Headless Applications with WordPress & Gutenberg
Roy Sivan
 
PDF
Gutenberg & Custom Applications powered by WordPress
Roy Sivan
 
PDF
WordPress SFO Meetup - Gutenberg FAQ
Roy Sivan
 
PDF
WCSD - GutenWhat? A Gutenberg FAQ
Roy Sivan
 
PDF
A Crash Course in WordPress Gutenberg
Roy Sivan
 
PDF
Powering Content Driven Applications with the World’s Most Popular CMS #ngconf
Roy Sivan
 
PDF
Client Side Applications with WP-API WordPress - WCMTL 2015
Roy Sivan
 
PDF
How to build Client Side Applications with WordPress and WP-API | #wcmia
Roy Sivan
 
PDF
Building WordPress Client Side Applications with WP and WP-API - #wcmia
Roy Sivan
 
PDF
WordCamp San Diego 2015 - WordPress, WP-API, and Web Applications
Roy Sivan
 
PDF
Becoming a WordPress Artisan - Developer
Roy Sivan
 
PDF
Wordcamp Toronto Presentation
Roy Sivan
 
PDF
WordPress and Client Side Web Applications WCTO
Roy Sivan
 
WordPress in Enterprise
Roy Sivan
 
Building Gutenberg Applications & WebOPS Case Study
Roy Sivan
 
Building Headless Applications with WordPress & Gutenberg
Roy Sivan
 
Gutenberg & Custom Applications powered by WordPress
Roy Sivan
 
WordPress SFO Meetup - Gutenberg FAQ
Roy Sivan
 
WCSD - GutenWhat? A Gutenberg FAQ
Roy Sivan
 
A Crash Course in WordPress Gutenberg
Roy Sivan
 
Powering Content Driven Applications with the World’s Most Popular CMS #ngconf
Roy Sivan
 
Client Side Applications with WP-API WordPress - WCMTL 2015
Roy Sivan
 
How to build Client Side Applications with WordPress and WP-API | #wcmia
Roy Sivan
 
Building WordPress Client Side Applications with WP and WP-API - #wcmia
Roy Sivan
 
WordCamp San Diego 2015 - WordPress, WP-API, and Web Applications
Roy Sivan
 
Becoming a WordPress Artisan - Developer
Roy Sivan
 
Wordcamp Toronto Presentation
Roy Sivan
 
WordPress and Client Side Web Applications WCTO
Roy Sivan
 

Recently uploaded (20)

PDF
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
Wojciech Ciemski for Top Cyber News MAGAZINE. June 2025
Dr. Ludmila Morozova-Buss
 
PDF
Presentation - Vibe Coding The Future of Tech
yanuarsinggih1
 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PDF
Human-centred design in online workplace learning and relationship to engagem...
Tracy Tang
 
PPTX
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PPTX
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
 
PDF
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
PDF
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
PDF
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Wojciech Ciemski for Top Cyber News MAGAZINE. June 2025
Dr. Ludmila Morozova-Buss
 
Presentation - Vibe Coding The Future of Tech
yanuarsinggih1
 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
Human-centred design in online workplace learning and relationship to engagem...
Tracy Tang
 
✨Unleashing Collaboration: Salesforce Channels & Community Power in Patna!✨
SanjeetMishra29
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
 
Using FME to Develop Self-Service CAD Applications for a Major UK Police Force
Safe Software
 
Transcript: New from BookNet Canada for 2025: BNC BiblioShare - Tech Forum 2025
BookNet Canada
 
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
The Builder’s Playbook - 2025 State of AI Report.pdf
jeroen339954
 

Building a JavaScript App powered by WordPress & AngularJS

  • 1. WORDPRESS & ANGULARJS JAVASCRIPT APPLICATIONS POWERED BY
  • 2. ROY SIVAN WHO 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
  • 3. HI FRIENDS! #HIROY @ShawnHooper, @mikecorkum, @codeaaron,
 @ChrisWiegman, @joytreats, @webelaine
 @MantelopeMusk &
 @wpcampusorg!
  • 4. 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?
  • 5. 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?
  • 6. 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.
  • 7. 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)
  • 8. BUILDING SOMETHING COOL STEP 1 ▸http://roysivan.com/wpcampus/
  • 9. BUILDING SOMETHING COOL STEP 2 ▸Open a Code Editor and Terminal window to the directory
  • 10. BUILDING SOMETHING COOL STEP 3 ▸I don’t know.. we’ll come back to this one later.
  • 11. BUILDING SOMETHING COOL STEP 42 PROFIT! ▸sorry, i mean code now, profit later
  • 12. BUILDING SOMETHING COOL ANGULAR RESOURCES - THEME & PLUGIN https://github.com/royboy789/ Angular-Wordpress-Theme https://github.com/royboy789/ angularjs-for-wordpress
  • 13. BUILDING SOMETHING COOL OTHER AWESOME RESOURCES WPCrowd https://www.thewpcrowd.com WP-API on GitHub & Repository https://github.com/WP-API/WP-API https://wordpress.org/plugins/json-rest-api/ My Blog, AngularJS WP Theme & Plugin http://www.roysivan.com/blog Josh Pollock http://www.joshpress.net TorqueMag http://torquemag.io