For my talk at WPCampus 2016 I use Angular, Firebase, and WordPress to create a LIVE real-time notification plugin that allows you to send a notification to all active users on your website, LIVE.

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