Book Image

Learning Web Development with Bootstrap and AngularJS

By : Stephen Radford
Book Image

Learning Web Development with Bootstrap and AngularJS

By: Stephen Radford

Overview of this book

<p>If you're ready to progress your web development skills past HTML and CSS, this book will give you everything you need to build your own web app. You'll be taught the basics of Bootstrap and AngularJS, taking an in-depth look at what makes up each framework. After you've mastered the ideology, you'll put it into action as you build a contact manager throughout the course of the book.</p> <p>We'll look at filters, routing, and views for your app and will teach you to utilize CRUD (Create, Read, Update, and Delete) to develop further. You'll learn how to connect your app to the server, customize Bootstrap, and build a directive. Along the way we'll touch on additional technologies such as Less, gulp, Grunt, and AngularStrap. Finally, we'll take a look at potential stumbling blocks and will give you tips to avoid them.</p> <p>With this step-by-step guide packed with plenty of screenshots, you'll be building web apps in no time.</p>
Table of Contents (22 chapters)
Learning Web Development with Bootstrap and AngularJS
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Installing ngRoute


Since AngularJS 1.2, the router has been packaged as a separate module outside of Angular's core. The file we're looking for—angular-route.min.js—can be downloaded from Angular's website below the Extras section within the download window.

Once you've got the download, drag it into your project's js directory and include it in the page after AngularJS:

<script src="assets/js/angular-route.min.js"></script>

We also need to let our module know that we want to utilize the router. We can do this by adding it to the module's dependency list. We can have as many dependencies as we like; currently all we need to include is ngRoute:

angular.module('contactsMgr', ['ngRoute'])