Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Building a JavaScript App powered by WordPress & AngularJS


Published on

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.

Published in: Technology
  • Needed to compose you a very little word to thank you yet again regarding the nice suggestions you’ve contributed here. Angularjs training in ChennaiAngularjs training in Velachery
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Building a JavaScript App powered by WordPress & AngularJS

  2. 2. ROY SIVAN WHO AM I? • Been using WordPress since the beginning • Currently Working: The Walt Disney Company • WPCrowd member - • • Github / Twitter / WPCrowd - @royboy789
  3. 3. HI FRIENDS! #HIROY @ShawnHooper, @mikecorkum, @codeaaron,
 @ChrisWiegman, @joytreats, @webelaine
 @MantelopeMusk &
  4. 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. 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. 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. 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)
  9. 9. BUILDING SOMETHING COOL STEP 2 ▸Open a Code Editor and Terminal window to the directory
  10. 10. BUILDING SOMETHING COOL STEP 3 ▸I don’t know.. we’ll come back to this one later.
  11. 11. BUILDING SOMETHING COOL STEP 42 PROFIT! ▸sorry, i mean code now, profit later
  12. 12. BUILDING SOMETHING COOL ANGULAR RESOURCES - THEME & PLUGIN Angular-Wordpress-Theme angularjs-for-wordpress
  13. 13. BUILDING SOMETHING COOL OTHER AWESOME RESOURCES WPCrowd WP-API on GitHub & Repository My Blog, AngularJS WP Theme & Plugin Josh Pollock TorqueMag