AngularJS UI Development

Design, build, and test production-ready applications in AngularJS

AngularJS UI Development

Amit Gharat, Matthias Nehlsen

1 customer reviews
Design, build, and test production-ready applications in AngularJS
Mapt Subscription
FREE
$29.99/m after trial
eBook
$18.90
RRP $26.99
Save 29%
Print + eBook
$44.99
RRP $44.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
$18.90
$44.99
$29.99p/m after trial
RRP $26.99
RRP $44.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 139781783288472
Paperback258 pages

Book Description

AngularJS and its rich set of components solve many of the problems developers face when writing reliable single page applications in ways that would not be possible using other frameworks. This book will help you expand your horizons by teaching you the skills needed to successfully design, customize, build, and deliver real-world applications in AngularJS. We will start off by setting up a fully automated environment to quickly scaffold, test, and deploy any application. Along the way, we'll cover how to design and build production-ready applications to demonstrate how innovative and powerful AngularJS is. By leveraging CSS3 animations, we'll convert them into intuitive and native-like applications in no time. You will also learn how to use Grunt for application-specific task management, Bower to manage dependencies with external libraries/plugins, Git for better versioning, and Karma and Protractor for automated testing to build applications the way experts do.

You will learn all this by building real-world applications including a to-do application, Github dashboard, project management application, and many more.

Table of Contents

Chapter 1: Setting Up the Environment
Hello World
Installing Node.js and NPM
Managing client-side dependencies with Bower
Testing the Hello World application
Building the application
Managing the source code with Git
Summary
Chapter 2: AngularUI – Introduction and Utils
Downloading AngularUI
Building AngularUI-Utils
Integrating AngularUI-Utils into our project
uiMask directive
Event Binder
Keypress
jQuery Passthrough
Summary
Chapter 3: AngularUI – Extended
Embedding Google Maps
Managing application dependencies with Bower
The calendar component
Summary
Chapter 4: Customizing and Exploring ng-grid
Setting up the project
Creating a service in AngularJS
The simple grid view
Grouping the grid
Using a master/details view
Summary
Chapter 5: Learning Animation
Setting up the project
Creating our first animation – a simple to-do list
Moving elements around on the page
Using LESS to scale entire animations
Using animate.css
Staggering animations
JavaScript-defined animations
Summary
Chapter 6: Using Charts and Data-driven Graphics
Understanding the importance of charts
Making the bar chart data driven
Converting the bar chart into a widget
Using Angular Google chart tools
Building a dashboard using the GitHub REST API
Summary
Chapter 7: Customizing AngularJS with CSS and CSS Frameworks
The evolution of responsive design
Introducing media queries
Better designs with Twitter Bootstrap
The foundation of your application
Summary
Chapter 8: AngularUI Bootstrap Development
Why use AngularUI Bootstrap?
Efficient suggestions with typeahead
Common housing for application-specific menus with a dropdown
Summary
Chapter 9: Customizing AngularUI Bootstrap
Introduction to external templates
Customizing the AngularUI Bootstrap pagination widget
Extending the AngularUI Bootstrap tab widget
Summary
Chapter 10: Mobile Development Using AngularJS and Bootstrap
Why bother about mobile?
Building a bookmarking app with the mobile-first approach
Mobile optimization for a better user experience
Summary

What You Will Learn

  • Use responsive layouts and powerful CSS3 frameworks such as Twitter Bootstrap and Foundation to design a mobile-friendly version of your application
  • Solve common UI problems with the AngularUI companion suite
  • Make your application dynamic with the integration of RESTful APIs in AngularJS
  • Get an overview of CSS-responsive frameworks, various UI widgets, and Angular internals to fuel your decisions for your next venture
  • Create animations, from fading elements in and out to more complex behavior

Authors

Table of Contents

Chapter 1: Setting Up the Environment
Hello World
Installing Node.js and NPM
Managing client-side dependencies with Bower
Testing the Hello World application
Building the application
Managing the source code with Git
Summary
Chapter 2: AngularUI – Introduction and Utils
Downloading AngularUI
Building AngularUI-Utils
Integrating AngularUI-Utils into our project
uiMask directive
Event Binder
Keypress
jQuery Passthrough
Summary
Chapter 3: AngularUI – Extended
Embedding Google Maps
Managing application dependencies with Bower
The calendar component
Summary
Chapter 4: Customizing and Exploring ng-grid
Setting up the project
Creating a service in AngularJS
The simple grid view
Grouping the grid
Using a master/details view
Summary
Chapter 5: Learning Animation
Setting up the project
Creating our first animation – a simple to-do list
Moving elements around on the page
Using LESS to scale entire animations
Using animate.css
Staggering animations
JavaScript-defined animations
Summary
Chapter 6: Using Charts and Data-driven Graphics
Understanding the importance of charts
Making the bar chart data driven
Converting the bar chart into a widget
Using Angular Google chart tools
Building a dashboard using the GitHub REST API
Summary
Chapter 7: Customizing AngularJS with CSS and CSS Frameworks
The evolution of responsive design
Introducing media queries
Better designs with Twitter Bootstrap
The foundation of your application
Summary
Chapter 8: AngularUI Bootstrap Development
Why use AngularUI Bootstrap?
Efficient suggestions with typeahead
Common housing for application-specific menus with a dropdown
Summary
Chapter 9: Customizing AngularUI Bootstrap
Introduction to external templates
Customizing the AngularUI Bootstrap pagination widget
Extending the AngularUI Bootstrap tab widget
Summary
Chapter 10: Mobile Development Using AngularJS and Bootstrap
Why bother about mobile?
Building a bookmarking app with the mobile-first approach
Mobile optimization for a better user experience
Summary

Book Details

ISBN 139781783288472
Paperback258 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
Responsive Web Design with HTML5 and CSS3 Book Cover
Responsive Web Design with HTML5 and CSS3
$ 23.99
$ 4.80
Bootstrap Site Blueprints Book Cover
Bootstrap Site Blueprints
$ 26.99
$ 18.90
MEAN Web Development Book Cover
MEAN Web Development
$ 29.99
$ 3.00