Creating an AngularJS web frontend
Our web frontend will be a single-page web application using HyperText Markup Language 5 (HTML5), Cascading Style Sheets 3 (CSS3), AngularJS, and Bootstrap. There are a few other components, but these are the major ones. As our web frontend is to be deployed independently from the REST services, we have created a new project called frontend
to hold our HTML, JavaScript, and other artifacts.
The first thing to be created is an index.html
page that will be the only page accessed by the client. We will examine this page section by section, as we did with the REST controller in the previous section.
We first need to declare in our index.html
file that we have a web page and it will be using AngularJS, as follows:
<!DOCTYPE html> <html ng-app="app"> <head> ... <title>Internet Bank</title> ... ...