Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

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

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

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

Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda

Topics:
javascript ,api ,rest ,hippo cms ,cms ,angularjs

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

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

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

{{ parent.tldr }}

{{ parent.urlSource.name }}