On AngularJS, Mobile Apps, and Content Management

DZone 's Guide to

On AngularJS, Mobile Apps, and Content Management

Using RESTful APIs with web and mobile apps build with the AngularJS framework.

· Web Dev Zone ·
Free Resource

AngularJS is hot. More and more companies are using a JavaScript MVC framework to build their interactive web sites. It allows JavaScript code to be tested, applications to have a rich user interface and it introduces useful conventions.But it doesn’t allow you to manage the content of your website. You want to use your AngularJS web site application in combination with a Content Management System (CMS). This way you don’t end up with hard coded text in your code.While marketeers or (web) editors can very easily write, translate and order content with the CMS, developers can use AngularJS to display the content being managed.

The Rise of Modern Web Applications

One of the interesting shifts in the web development world, is how modern web applications are moving more logic to the client instead of the server. Before this, the client was basically loading a new page for every click.Nowadays, you see more and more self-contained web applications, having a rich user interface and triggering interaction. This is possible because a lot of HTML5 features matured and the rise of JavaScript MVC frameworks.

You could write a large web application before without using a framework. But the advantages of a framework like AngularJS are massive. Especially when working in bigger teams, on larger applications. Often you need to structure a lot of files and modularize components. Frameworks can also provide support for writing tests, two-way data-binding, dependency management etc.

Introducing REST for Decoupling

It is common for web applications to consume a RESTful API for communication with the server. By doing this, the REST API can be used to e.g. fetch, update, create and delete resources.AngularJS provides default functionality to consume RESTful API’s.With its strong focus on the separation of content from presentation and its content oriented approach, Hippo CMS is perfectly fitted to provide content to any type of application, including Single Page Applications (SPA) via RESTful API. Content is fetched from the CMS via HTTP requests, and you can build the user interactive application with AngularJS. By decoupling both, you enable continuous deployment for the front end application.

Try it out: How To: Build Your First AngularJS App with Hippo CMS

Check out Jeroen Reijn's post to learn how to create an AngularJS based application that consumes content coming from a CMS using the RESTful APIs deployed with on the Hippo CMS online demo installation. The post covers :

  • setting up the project with a basic HTML5 template and Bootstrap 3
  • creating the application
  • adding routing
  • creating views
  • getting data from the webservice
  • wiring things together by creating an Angular controller

Further References

angularjs, api, cms, hippo cms, javascript, rest

Published at DZone with permission of Anoop Gangadharan . See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}