O'Reilly logo

Sails.js Essentials by Shaikh Shahid

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

TODO app view design

We will design a simple layout that supports responsiveness. Here is the end output that we will achieve after the code:

TODO app view design

We are going to use AngularJS and Bootstrap as the JavaScript and CSS frameworks for designing this interface.

In the /assets folder, create a new index.html file that Sails.js will serve by default. Add the latest bootstrap file in the /styles folder and the angular.js file in the /js folder.

The following is our index.html file. First, we need to add Bootstrap and AngularJS files as a dependency:

<!DOCTYPE html> <html ng-app="todoApp"> <head> <title>Angular Todo Application</title> <meta name="viewport" content="width=device-width, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required