October 1, 2016

Video Demo : Angular + Visualforce + Node JS + Grunt (PART 2)

In part 1 of this series, we saw how to create a basic Angular JS SPA (Single Page App) using your favourite IDE like Mavens Mate, Welkin's Suite or Aside.io.

As with SPA's most of the business logic and code stays in JS, & HTML files, its quite easy for any one to steal your IP.  In this post, we will talk about protecting your code and IP of app, by making it compressed, ugly and minified. Which is quite important for AppExchange apps.

Video Demo - DF15 : Angular-ifying your Visualforce pages (PART 1)

DF15 Session -Angular-ifying your Visualforce pages

I love mixing Javascript with Salesforce, whether its Angular, jQuery or Ionic. I presented in the same context at Dreamforce'15, in a session titled "Angular-ifying your Visualforce pages".

After Dreamforce, we shared slides and source code for the session on Github (link). Since then I was getting some requests in meet-ups and via messages to give more detailed demo of the slides. I'm glad that finally I was able to do the same, and record a video demo.

Though Angular 1.x is getting replaced by React and Angular 2.x, this video will still give you ideas on how to get things going in Visualforce using your favourite IDEs like MavensMate, Aside.io, or Welkin's Suite.