Book Image

AngularJS Web Application Development Blueprints

By : Vinci J Rufus
Book Image

AngularJS Web Application Development Blueprints

By: Vinci J Rufus

Overview of this book

If you are a web application developer interested in using AngularJS for a real-life project, then this book is for you. As a prerequisite, knowledge of JavaScript and HTML is expected, and a working knowledge of AngularJS is preferred.
Table of Contents (12 chapters)
11
Index

Prototyping the Healthy Living website

For this exercise, we are going to create a four-page clickable prototype of a pseudo website called Healthy Living. The home page will consist of a fully functional carousel, hero unit, and three content sections with call to actions. The following screenshot is that of the home page:

Prototyping the Healthy Living website

Let's get started with the creation of our application. We'll start by performing the following steps:

  1. Create a folder named hl, short for "Healthy Living".
  2. Assuming that you have already installed Yeoman, open up the terminal. Let's create the scaffolding for our app using the following lines of code:
    mkdir hl
    cd hl
    yo angular 
    

    Note

    Generator-Angular must be installed before you can run your Angular app. In case you haven't installed it during Chapter 2, Setting Up Your Rig, please install it using the following command:

    sudo npm install –g generator-angular
    
  3. In the prompt, press Y for the question, Would you like to include Twitter Bootstrap...