Learning Web Development with Bootstrap and AngularJS

Build your own web app with Bootstrap and AngularJS, utilizing the latest web technologies

Learning Web Development with Bootstrap and AngularJS

Learning
Stephen Radford

Build your own web app with Bootstrap and AngularJS, utilizing the latest web technologies
$10.00
$49.99
RRP $39.99
RRP $49.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

+ Collection
Free Sample

Book Details

ISBN 139781783287550
Paperback224 pages

About This Book

  • Build, develop, and customize your application using Angular.js and Bootstrap
  • Utilize AngularStrap to pull in Bootstrap’s jQuery plugins through Angular directives
  • Packed with tips to help you avoid potential stumbling blocks while developing

Who This Book Is For

Whether you know a little about Bootstrap or AngularJS, or you're a complete beginner, this book will enhance your capabilities in both frameworks and you'll build a fully functional web app. A working knowledge of HTML, CSS, and JavaScript is required to fully get to grips with Bootstrap and AngularJS.

Table of Contents

Chapter 1: Hello, {{name}}
Setting up
Installing AngularJS and Bootstrap
Self-test questions
Summary
Chapter 2: Let's Build with AngularJS and Bootstrap
Setting up
Scaffolding
Self-test questions
Summary
Chapter 3: Filters
Applying a filter from the view
Applying filters from JavaScript
Building your own filter
Self-test questions
Summary
Chapter 4: Routing
Installing ngRoute
Creating basic routes
Routes with parameters
The fallback route
HTML5 routing or removing #
Linking routes
Self-test questions
Summary
Chapter 5: Building Views
Populating the Index view
Populating the Add Contact view
Populating the View Contact view
Self-test questions
Summary
Chapter 6: CRUD
Read
Create
Update
Delete
Self-test questions
Summary
Chapter 7: AngularStrap
Installing AngularStrap
Using AngularStrap
Utilizing AngularStrap's services
Integrating AngularStrap
Self-test questions
Summary
Chapter 8: Connecting to the Server
Connecting with $http
Connecting with ngResource
Alternative ways of connecting
Self-test questions
Summary
Chapter 9: Using Task Runners
Installing Node and NPM
Utilizing Grunt
Utilizing gulp
Restructuring our project
Self-test questions
Summary
Chapter 10: Customizing Bootstrap
Compiling Less with Grunt or gulp
Less 101
Customizing Bootstrap's styles
The Bootstrap themes
Where to find additional Bootstrap themes
Self-test questions
Summary
Chapter 11: Validation
Form validation
Self-test questions
Summary
Chapter 12: Community Tools
Batarang
Inspecting the scope and properties
ng-annotate
Self-test questions
Summary

What You Will Learn

  • Explore Angular's built-in filters and create your own
  • Create a multi-view web app using AngularJS's router and templating system
  • Integrate AngularStrap to utilize the many plugins originally created by the Bootstrap team
  • Customize Bootstrap using Less to create a unique theme
  • Maintain the codebase of your app using the gulp and Grunt.js task-runner tools
  • Discover the meaning of CRUD and how to implement it
  • Troubleshoot any issues you may encounter while developing

In Detail

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.

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.

With this step-by-step guide packed with plenty of screenshots, you'll be building web apps in no time.

Authors

Table of Contents

Chapter 1: Hello, {{name}}
Setting up
Installing AngularJS and Bootstrap
Self-test questions
Summary
Chapter 2: Let's Build with AngularJS and Bootstrap
Setting up
Scaffolding
Self-test questions
Summary
Chapter 3: Filters
Applying a filter from the view
Applying filters from JavaScript
Building your own filter
Self-test questions
Summary
Chapter 4: Routing
Installing ngRoute
Creating basic routes
Routes with parameters
The fallback route
HTML5 routing or removing #
Linking routes
Self-test questions
Summary
Chapter 5: Building Views
Populating the Index view
Populating the Add Contact view
Populating the View Contact view
Self-test questions
Summary
Chapter 6: CRUD
Read
Create
Update
Delete
Self-test questions
Summary
Chapter 7: AngularStrap
Installing AngularStrap
Using AngularStrap
Utilizing AngularStrap's services
Integrating AngularStrap
Self-test questions
Summary
Chapter 8: Connecting to the Server
Connecting with $http
Connecting with ngResource
Alternative ways of connecting
Self-test questions
Summary
Chapter 9: Using Task Runners
Installing Node and NPM
Utilizing Grunt
Utilizing gulp
Restructuring our project
Self-test questions
Summary
Chapter 10: Customizing Bootstrap
Compiling Less with Grunt or gulp
Less 101
Customizing Bootstrap's styles
The Bootstrap themes
Where to find additional Bootstrap themes
Self-test questions
Summary
Chapter 11: Validation
Form validation
Self-test questions
Summary
Chapter 12: Community Tools
Batarang
Inspecting the scope and properties
ng-annotate
Self-test questions
Summary

Book Details

ISBN 139781783287550
Paperback224 pages
Read More