Building a Simple Example Application with AngularJS

 Top  Previous  Next

This topic is aimed at helping you to jump start developing HostSurfer web applications. The example shown in next topics make use of AngularJS to generate the web interface, and Brackets for editing and testing during the application development process.

 

Pre-Requisites

 

To begin with, please setup the following development environment:

 

•Create a folder for your application, i.e., 'myapp'.
•Create a file named hsangular.js within 'myapp' folder, in case your application is based on AngularJS framework, like this example.
•Create a sub-folder named 'rules' under 'myapp' folder. You can also create 'css' and 'images' sub-folders as needed.
•Create a sub-folder named 'js' under 'myapp' folder, and copy to it the file named require.js.

 

•Open Brackets and set the working folder to your application local folder.

 

Now you are ready to start developing your first HostSurfer application by following these steps:

 

•Create your index.html file
•Create a HostSurfer Rule
•Create a HostSurfer Web Application Page
•Running the example application
•Changing the example application flow