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

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
Mapt Subscription
FREE
$29.99/m after trial
eBook
$17.50
RRP $24.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$17.50
$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.
 
  • 5,000+ eBooks & Videos
  • 50+ 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

Recommended for You

Mastering Web Application Development with AngularJS Book Cover
Mastering Web Application Development with AngularJS
$ 26.99
$ 5.40
AngularJS Web Application Development Blueprints Book Cover
AngularJS Web Application Development Blueprints
$ 29.99
$ 21.00
AngularJS Web Application Development Cookbook Book Cover
AngularJS Web Application Development Cookbook
$ 29.99
$ 6.00
AngularJS UI Development Book Cover
AngularJS UI Development
$ 26.99
$ 18.90
MEAN Web Development Book Cover
MEAN Web Development
$ 29.99
$ 3.00
Object-Oriented JavaScript - Second Edition Book Cover
Object-Oriented JavaScript - Second Edition
$ 29.99
$ 21.00