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
WordPress and Client Side Web Applications WCTO
Roy Sivan
 
PDF
Wordcamp Toronto Presentation
Roy Sivan
 
PDF
Client Side Applications with WP-API WordPress - WCMTL 2015
Roy Sivan
 
PPTX
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Eric Greene
 
PDF
WordCamp San Diego 2015 - WordPress, WP-API, and Web Applications
Roy Sivan
 
PPTX
A brief description about Angular
PAYALJHA8
 
PDF
Sexy HTML with Twitter Bootstrap
Karthik Gaekwad
 
PDF
Bentobox exercise
Rails Girls Zurich
 
PDF
A practical look at your first laravel angular js app
John Fischelli
 
PPTX
Building WordPress sites with AngularJS and the RESTful plugin JSON API
Eric Greene
 
PDF
Powering Content Driven Applications with the World’s Most Popular CMS #ngconf
Roy Sivan
 
PPTX
Untangling7
Derek Jacoby
 
PDF
Intro to mobile web application development
zonathen
 
PPT
Intro to-html-backbone
zonathen
 
PDF
Quick start with AngularJS
Iuliia Baranova
 
PDF
Practical Web Development 1st Edition Wellens Paul 2024 scribd download
boilaashrul
 
PPTX
Untangling spring week5
Derek Jacoby
 
PDF
Web application intro + a bit of ruby (revised)
Tobias Pfeiffer
 
PDF
[Ebooks PDF] download AngularJS 1st Edition Brad Green full chapters
kiciunonge
 
PDF
Web Applications Are Technically Awesome!
MediaFront
 
WordPress and Client Side Web Applications WCTO
Roy Sivan
 
Wordcamp Toronto Presentation
Roy Sivan
 
Client Side Applications with WP-API WordPress - WCMTL 2015
Roy Sivan
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API @ Dev...
Eric Greene
 
WordCamp San Diego 2015 - WordPress, WP-API, and Web Applications
Roy Sivan
 
A brief description about Angular
PAYALJHA8
 
Sexy HTML with Twitter Bootstrap
Karthik Gaekwad
 
Bentobox exercise
Rails Girls Zurich
 
A practical look at your first laravel angular js app
John Fischelli
 
Building WordPress sites with AngularJS and the RESTful plugin JSON API
Eric Greene
 
Powering Content Driven Applications with the World’s Most Popular CMS #ngconf
Roy Sivan
 
Untangling7
Derek Jacoby
 
Intro to mobile web application development
zonathen
 
Intro to-html-backbone
zonathen
 
Quick start with AngularJS
Iuliia Baranova
 
Practical Web Development 1st Edition Wellens Paul 2024 scribd download
boilaashrul
 
Untangling spring week5
Derek Jacoby
 
Web application intro + a bit of ruby (revised)
Tobias Pfeiffer
 
[Ebooks PDF] download AngularJS 1st Edition Brad Green full chapters
kiciunonge
 
Web Applications Are Technically Awesome!
MediaFront
 
Ad

More from Roy Sivan (10)

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
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
Becoming a WordPress Artisan - Developer
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
 
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
 
Becoming a WordPress Artisan - Developer
Roy Sivan
 

Recently uploaded (20)

PDF
Women in Automation Presents: Reinventing Yourself — Bold Career Pivots That ...
DianaGray10
 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
PDF
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
 
PDF
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
PDF
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
PDF
Impact of IEEE Computer Society in Advancing Emerging Technologies including ...
Hironori Washizaki
 
PDF
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
PPTX
Top Managed Service Providers in Los Angeles
Captain IT
 
PDF
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
PDF
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
PDF
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
PDF
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
PDF
Français Patch Tuesday - Juillet
Ivanti
 
PDF
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
PPTX
Building and Operating a Private Cloud with CloudStack and LINBIT CloudStack ...
ShapeBlue
 
Women in Automation Presents: Reinventing Yourself — Bold Career Pivots That ...
DianaGray10
 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Meetup Kickoff & Welcome - Rohit Yadav, CSIUG Chairman
ShapeBlue
 
Persuasive AI: risks and opportunities in the age of digital debate
Speck&Tech
 
NewMind AI - Journal 100 Insights After The 100th Issue
NewMind AI
 
Impact of IEEE Computer Society in Advancing Emerging Technologies including ...
Hironori Washizaki
 
SFWelly Summer 25 Release Highlights July 2025
Anna Loughnan Colquhoun
 
Top Managed Service Providers in Los Angeles
Captain IT
 
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
Ampere Offers Energy-Efficient Future For AI And Cloud
ShapeBlue
 
Log-Based Anomaly Detection: Enhancing System Reliability with Machine Learning
Mohammed BEKKOUCHE
 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
Français Patch Tuesday - Juillet
Ivanti
 
SWEBOK Guide and Software Services Engineering Education
Hironori Washizaki
 
Building and Operating a Private Cloud with CloudStack and LINBIT CloudStack ...
ShapeBlue
 

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