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

Summary


Our app's looking great and working exactly how it should, so let's recap what we've learnt in the first chapter.

To begin with, we saw just how easy it is to get AngularJS and Bootstrap installed with the inclusion of a single JavaScript file and stylesheet. We also looked at how an Angular application is initialized and started building our first application.

The Hello, World app we've created, while being very basic, demonstrates some of Angular's core features:

  • Expressions

  • Scopes

  • Models

  • Two-way data binding

All of this was possible without writing a single line of JavaScript, as the controller we created was just to demonstrate two-way binding and wasn't a required component of our app.

With Bootstrap, we utilized a few of the many available components such as the jumbotron and the page-header classes to give our application some style and substance. We also saw the framework's new mobile first responsive design in action without cluttering up our markup with unnecessary classes or elements.

In Chapter 2, Let's Build with AngularJS and Bootstrap we're going to explore some more AngularJS and Bootstrap fundamentals and introduce the project we're going to be building over the course of this book.