Yesterday, our Developer Damian Boni took to the stage of WordCamp London 2016 to wow a packed out room with some very clever tricks he’s come up with using AngularJS and WordPress.


That includes a plugin he’s built! But more about that later…

Under the tile of “The Force Awakens: AngularJS & WordPress”, Damian’s presentation demonstrates the unique functionality he's developed with a combination of technologies such as: AngularJS, WordPress and RESTful API. He is able to marry together the front-end – manipulated by AngularJS – with all the back-end functionality and capabilities of WordPress.

What’s so special about this? It means in essence, developers can go for more automation on their CMS platforms: the kind that delivers streamlined front-end content delivery, without the need for any lengthy development. This is thanks to all everything updating solely from the WordPress Page Editor. Which, in turn, could mean more simplified control over developing for WordPress. It certainly won’t hurt anyone to minimise the steps required to manage code and push updates: to this end, Damian is certainly opening a new window of opportunity.

Data Binding – "duuude, your updates occur in real time!"

Damian then explained the nitty gritty. That the front-end aspect of the plugin – powered by AngularJS – allows for two-way communication within the platform, with dynamic content effortlessly communicating with the back-end in real time. No more need for developing software on your WordPress site; you can simply log in and code your JavaScript, HTML and CSS from the page you use for editing as an admin user. This is thanks to the back-end being linked up directly with the front-end, and means that custom directives (or, unique HTML attributes) can be used to automate animations, as well as letting you bind events and actions.

So with Damian’s plugin, you can define your CSS classes to have animations directly from within WordPress. Then, by adding some JavaScript, it allows you to program multiple events, activities or animations – alongside more freedom to tweak things quickly and easily. Which can only be a good thing!

Therefore...

Pairing up AngularJS with WordPress is a smart way to only use the code you need. As part of the plugin, Damian has even included a meta-box, with separate terminals in which to write your AngularJS, HTML and CSS code. Doing so from one single page means that you’re essentially free to develop for WordPress, from within WordPress itself. So now, you can forget about editing files via an FTP, or by using a Text Editor!

That's not all either: with these three fields and combination of technologies, all of a sudden you have same functionality as if you were coding a WordPress plugin or theme in PHP – not too shabby, eh? And what can this achieve? Custom plugin functionality per page, or per each post that you create on your WordPress site.

Sounds good to us Smiling Cat Face With Open Mouth on Apple iOS 9.3

Overall, Damian’s talk was a great success on the final day of WordCamp, with plenty of queries and opinions fired his way from the audience during the following 15 minute Q&A. Also imminently, a video of his presentation will be available over on WordPress TV.

 

About WordCamp

For the uninitiated, here’s a quick overview of what WordCamp is all about. Since August 2006, this locally organised conference has spread all over the world, with its London iteration running since 2013. Aimed at anyone and everyone with an interest in WordPress, it includes all manner of related talks and lectures, panel discussions and more to help the active community engage and grow together. 

We have it on good authority – from the Event Director herself, in fact – that WordCamp London will be returning for 2017, so who knows: maybe we’ll see the Dauntless Crew take to the stage again next year?

And that’s all, folks: as Damian would say: “want to know more?

Use the source, Luke!"

YODA