AngularJS by Example

Tackle the challenges of modern web development with this AngularJS tutorial, packed with practical examples and projects that make learning AngularJS simple

AngularJS by Example

This ebook is included in a Mapt subscription
Chandermani

1 customer reviews
Tackle the challenges of modern web development with this AngularJS tutorial, packed with practical examples and projects that make learning AngularJS simple
$0.00
$24.99
$39.99
$29.99p/m after trial
RRP $24.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 4,000+ eBooks & Videos
  • 40+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781783553815
Paperback454 pages

Book Description

AngularJS makes web JavaScript web development less painful and more organized – it’s unsurprising that today it’s one of the most popular tools in web development.

AngularJS by Example helps you get started with this essential web development framework quickly and easily, guiding you through AngularJS by showing you how to create your own real-world applications. By adopting this approach, you can bridge the gap between learning and doing immediately, as you follow the examples to learn the impressive features of Angular and experience a radically simple–and powerful–approach to web development.

You’ll begin by creating a simple Guess the Number game, which will help you get to grips with the core components of Angular, including its MVC architecture, and learn how each part interacts with one another. This will give you a solid foundation of knowledge from which you can begin to build more complex applications, such as a 7 minute workout app and an extended personal trainer app. By creating these applications yourself, you will find out how AngularJS manages client-server interactions and how to effectively utilize directives to develop applications further. You’ll also find information on testing your app with tools such as Jasmine, as well as tips and tricks for some of the most common challenges of developing with AngularJS.

AngularJS by Example is a unique web development book that will help you get to grips with AngularJS and explore a powerful solution for developing single page applications.

Table of Contents

Chapter 1: Getting Started
The basics of Model View Controller
The customary Hello Angular app (Guess the Number!)
Setting up a development server
Building Guess the Number!
The app model
The controller
The app view
Revisiting the controller
Scope
App bootstrapping
Tools
Resources
Summary
Chapter 2: Building Our First App – 7 Minute Workout
What is 7 Minute Workout?
Code organization
The 7 Minute Workout model
Adding app modules
The app controller
The 7 Minute Workout view
Adding start and finish pages
Learning more about an exercise
Displaying the remaining workout time using filters
Adding the next exercise indicator using ng-if
Summary
Chapter 3: More AngularJS Goodness for 7 Minute Workout
Formatting the exercise steps
Tracking exercise progress with audio clips
Pausing exercises
Enhancing the workout video panel
Animations with AngularJS
Workout history tracking using Angular services
Summary
Chapter 4: Building Personal Trainer
The Personal Trainer app – the problem scope
The Personal Trainer model
The Personal Trainer layout
Implementing the workout and exercise list
Building a workout
Summary
Chapter 5: Adding Data Persistence to Personal Trainer
AngularJS and server interactions
$http service basics
Personal Trainer and server integration
Getting started with $resource
Using $resource to access exercise data
Exercising CRUD with $resource
Request/response interceptors
AngularJS request/response transformers
Handling routing failure for rejected promises
Fixing the 7 Minute Workout app
Summary
Chapter 6: Working with Directives
Directives – an introduction
Anatomy of a directive
Building a remote validation directive to validate the workout name
Model update on blur
Implementing a remote validation clues directive
Understanding directive-isolated scopes
AngularJS jQuery integration
Summary
Chapter 7: Testing the AngularJS App
The need for automation
Testing in AngularJS
Getting started with unit testing
Getting started with E2E testing
Summary
Chapter 8: Handling Common Scenarios
Building a new app
Building multilingual apps (internationalization)
Handling authentication and authorization
Communication and data sharing patterns
Performance
Useful third-party libraries
Summary

We make learning AngularJS easy...

  • Get to grips with Angular’s Model-View-Controller architecture
  • Gain a understanding of single page applications from an AngularJS perspective
  • Manage code organization using modules and component dependencies with the Dependency Injection Framework
  • Find out how to use AngularJS directives to extend the behavior of HTML on your web page
  • Effectively use a range of JavaScript tools, from extending your app with jQuery plugins, to testing with Jasmine
  • Create forms for your single page applications and see how Angular helps you to bind, validate, and submit form data

Authors

Table of Contents

Chapter 1: Getting Started
The basics of Model View Controller
The customary Hello Angular app (Guess the Number!)
Setting up a development server
Building Guess the Number!
The app model
The controller
The app view
Revisiting the controller
Scope
App bootstrapping
Tools
Resources
Summary
Chapter 2: Building Our First App – 7 Minute Workout
What is 7 Minute Workout?
Code organization
The 7 Minute Workout model
Adding app modules
The app controller
The 7 Minute Workout view
Adding start and finish pages
Learning more about an exercise
Displaying the remaining workout time using filters
Adding the next exercise indicator using ng-if
Summary
Chapter 3: More AngularJS Goodness for 7 Minute Workout
Formatting the exercise steps
Tracking exercise progress with audio clips
Pausing exercises
Enhancing the workout video panel
Animations with AngularJS
Workout history tracking using Angular services
Summary
Chapter 4: Building Personal Trainer
The Personal Trainer app – the problem scope
The Personal Trainer model
The Personal Trainer layout
Implementing the workout and exercise list
Building a workout
Summary
Chapter 5: Adding Data Persistence to Personal Trainer
AngularJS and server interactions
$http service basics
Personal Trainer and server integration
Getting started with $resource
Using $resource to access exercise data
Exercising CRUD with $resource
Request/response interceptors
AngularJS request/response transformers
Handling routing failure for rejected promises
Fixing the 7 Minute Workout app
Summary
Chapter 6: Working with Directives
Directives – an introduction
Anatomy of a directive
Building a remote validation directive to validate the workout name
Model update on blur
Implementing a remote validation clues directive
Understanding directive-isolated scopes
AngularJS jQuery integration
Summary
Chapter 7: Testing the AngularJS App
The need for automation
Testing in AngularJS
Getting started with unit testing
Getting started with E2E testing
Summary
Chapter 8: Handling Common Scenarios
Building a new app
Building multilingual apps (internationalization)
Handling authentication and authorization
Communication and data sharing patterns
Performance
Useful third-party libraries
Summary

Book Details

ISBN 139781783553815
Paperback454 pages
Read More
From 1 reviews

Read More Reviews