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

Table of Contents (17 chapters)
AngularJS Web Application Development Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
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:

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?.

  4. For the question, Would you...