Real-Time JavaScript in ExpressionEngine

Starting from an ExpressionEngine site, introduce audience to modern JavaScript as I walk through creation of a Node microservice for comment notifications.

Transcript

1. avascript exploring real-time content with J ntoinette a at mith s conf ee 2017
2. About Me Title Slide Adventure Log RawaySmith @ ant_auth # 2
3. Adventure Log About Me Map @ ant_auth # 3 k Build An Extension ExpressionEngine k Build Client-Side Notification App Angular k Build Server-Side Notification Service NodeJS k Enable Real-Time Comments on an EE site
4. Map Adventure Log ExpressionEngine @ ant_auth # 4 client ExpressionEngine Node POST a comment POST a message Angular Notify client(s) of new comment Update UI
5. @ ant_auth # 5 Make an Extension Extensions are “hooks” in the system that allow the add-on to pass information and add functionality to existing interfaces.
6. Adventure Log EE Node @ ant_auth # 6 k Build An Extension ExpressionEngine k Build Client-Side Notification App Angular k Build Server-Side Notification Service NodeJS k Enable Real-Time Comments on an EE site http://bit.ly/2gDbJnc
7. @ ant_auth # 7 Create a Service
8. Adventure Log Node Angular @ ant_auth # 8 k Build An Extension ExpressionEngine k Build Client-Side Notification App Angular k Build Server-Side Notification Service NodeJS k Enable Real-Time Comments on an EE site http://bit.ly/2gCxYKb
9. @ ant_auth # 7 Create Client App
10. Adventure Log Angular Unlocked @ ant_auth # 8 k Build An Extension ExpressionEngine k Build Client-Side Notification App Angular k Build Server-Side Notification Service NodeJS k Enable Real-Time Comments on an EE site http://bit.ly/2yIGphx
11. Live Demo Adventure Log Credits @ ant_auth # 9 Slides: http://bit.ly/2kN6xBH http://conf-of-the-wild.herokuapp.com
12. Credits • Moraine Lake photo, Wikimedia Commons, https://commons.wikimedia.org/wiki/F ile:Moraine_Lake_17092005.jpg • • Person by Viktor Vorobyev from the Noun Project • Book by Atif Arshad from the Noun Project • Briefcase by Setyo Ari Wibowo from the Noun Project • Teacher by Adrian Coquet from the Noun Project • Community by Aneeque Ahmed from the Noun Project • Computer server by Musmellow from the Noun Project • Brain by Carter Precourt from the Noun Project • Lock by DewDrops from the Noun Project • Hylian Serif, Zelda Universe, https://zeldauniverse.net/media/fonts/ • Hylian Symbols, Zelda Universe, https://zeldauniverse.net/media/fonts/ bBackgrounds bIcons bFonts