Book description
A practical guide to developing powerful web applications with AngularJS
In Detail
This book is a practical guide that aims to help you learn how to utilize AngularJS and experience the joy of building full-fledged applications with minimal code in no time at all.
The book starts by explaining the basics of AngularJS and helps you get comfortable with the terms and concepts surrounding it. It then walks you through the various tools, frameworks, and workflows that will help you be more productive. As you go through the book, you will learn how to build applications spanning various realms. You will build social apps using publically available APIs and responsive, mobile- and tablet-friendly personal finance applications. You will see how to build a full-stack content management system, and build an e-commerce application on the cloud platform. Finally, this book will teach you the intricacies of what it takes to get your application deployed on a production server.
What You Will Learn
- Develop your understanding of AngularJS and the essentials of the single-page application
- Build complete and professional applications spanning across different areas, such as e-commerce, content management systems, social media apps, mobile web apps, and much more
- Work with REST web services and the Facebook APIs
- Use directives and learn how to write your own custom directives
- Upload images and write to databases directly from your AngularJS app
- Deploy your apps on the highly scalable AWS architecture
- Create rapid, clickable prototypes to get a better understanding of how your application will look and feel
- Improve your page load times and get your app ready for production deployment
Table of contents
-
AngularJS Web Application Development Blueprints
- Table of Contents
- AngularJS Web Application Development Blueprints
- Credits
- About the Author
- About the Reviewers
- www.PacktPub.com
- Preface
- 1. Introduction to AngularJS and the Single Page Application
- 2. Setting Up Your Rig
-
3. Rapid Prototyping with AngularJS
- Understanding the application that we will Prototype
- Introducing Grid Layouts and Bootstrap
- Understanding the grid system
- Introducing Angular UI
-
Prototyping the Healthy Living website
- Adding the ui.bootstrap dependency
- Creating the navigation bar
- Adding the carousel
- Tweaking the hero unit
- Adding the three content blocks
- Creating a new view
- Understanding routes
- Building the articles view
- Accordions using Angular Bootstrap
- Building the image gallery
- Gallery view using Bootstrap Thumbnail
- Adding the star rating
- Building data grids using NG-Grid
- Adding the NG-Grid component
- Grouping data in NG-Grid
- Excel-style editing in NG-Grid
- Creating a modal window to add subscribers
- Real-time form validations
- Summary
-
4. Using REST Web Services in Your AngularJS App
- Understanding the response from a REST API
- Jump starting your app development with Angular Seed
- Mark-up our Layout
- Creating the routes
- Understanding AngularJS services
- Writing your first factory service
- Using promise for asynchronous calls
- Displaying data from the JSON response
- Unit testing our application
- Mocking $http during Unit testing
- Creating a Pinterest style layout
- Adding actions to the buttons
- Summary
- 5. Facebook Friends' Birthday Reminder App
-
6. Building an Expense Manager Mobile App
- Understanding HTML5 Web Storage
- Building the Expense Manager App
- Building the Add Expense form
- Building a bar chart directive based on D3
- Summarizing the expenses by categories
- Making the app responsive
- Adding touch events
- Adding page transitions using ngAnimate
- Making the app feel like a native app
- Adding additional features
- Summary
-
7. Building a CMS on the MEAN Stack
- Why the MEAN stack?
- Getting started with the MEAN stack
- Building the server-side app
- Securing your admin section
- Integrating AngularJS with an ExpressJS project
- Generating SEO-friendly URLs using HTML5 mode
- Building the admin section for CRUD operations
-
Building a custom module for global notification
- Building and initializing the message.flash module
- Building the message.flash factory service
- Setting up $broadcasts
- Building the directive for the message.flash module
- Setting a flash message
- Creating our Add-Edit page controller
- Creating our Add-Edit view
- Writing a custom filter to autogenerate the URL field
- Adding the WYSIWYG editor
- Setting up an Interceptor to detect responses
- Building the frontend of our CMS
- Displaying the content of a page
- Summary
- 8. Scalable Architecture for Deployments on AWS
- 9. Building an E-Commerce Store
- A. AngularJS Resources
- Index
Product information
- Title: AngularJS Web Application Development Blueprints
- Author(s):
- Release date: August 2014
- Publisher(s): Packt Publishing
- ISBN: 9781783285617
You might also like
book
AngularJS: Maintaining Web Applications
Get started with speed building AngularJS applications, and scale up to a full-stack web application, using …
book
AngularJS
Develop smaller, lighter web apps that are simple to create and easy to test, extend, and …
book
Pro AngularJS
AngularJS is the leading framework for building dynamic JavaScript applications that take advantage of the capabilities …
book
Beginning AngularJS
Beginning AngularJS is your step-by-step guide to learning the powerful AngularJS JavaScript framework. AngularJS is one …