Responsive Web Design with AngularJS

Leverage the core functionalities of AngularJS, to build responsive single page applications

Responsive Web Design with AngularJS

Sandeep Kumar Patel

Leverage the core functionalities of AngularJS, to build responsive single page applications
Mapt Subscription
FREE
$29.99/m after trial
eBook
$12.60
RRP $17.99
Print + eBook
$29.99
RRP $29.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
$12.60
$29.99
$29.99p/m after trial
RRP $17.99
RRP $29.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 139781784398422
Paperback128 pages

Book Description

AngularJS is an open source JavaScript framework, built to create dynamic web applications using HTML, JavaScript, and CSS. AngularJS has many advanced features that can be used to leverage responsive application development.

Responsive Web Design with AngularJS follows a detailed step-by-step approach to explain each key concept, with sufficient code and examples. This book will teach you how to implement dynamic routing, responsive custom directives, and breakpoints for your web page, followed by a section on debugging and testing.

By the end of the book, you will be able to develop and design exciting single page applications with AngularJS and make the applications responsive on different devices. With ample screenshots and code offering you a detailed insight, this book will ensure your success in developing responsive applications.

Table of Contents

Chapter 1: Introduction to Responsive Single Page Application and AngularJS
Why responsive design?
What is single page web application?
Understanding responsive single page application
What is an AngularJS framework?
Exploring the features of AngularJS
Role of AngularJS
What are we building?
Summary
Chapter 2: The AngularJS Dynamic Routing-based Approach
Setting up an AngularJS project
Profile application demo
Building data services
Device-based routing
AngularJS routing
Configuring a profile controller
Developing a device type provider
Developing a desktop view
Developing a mobile view
Developing a tablet view
Verifying responsiveness
Limitations of dynamic routing
Summary
Chapter 3: The AngularJS Directive-based Approach
Modifying the project structure
Directives
Built-in directives
Custom directives
Responsive directives
Summary
Chapter 4: The AngularJS-based Breakpoints for Layout Manipulation
Page layout
Breakpoints
AngularJS publisher and subscriber
Custom attributes
Summary
Chapter 5: Debugging and Testing Responsive Applications
Batarang
AngularJS scope inspector 0.1.2
Online and offline tools
Summary

What You Will Learn

  • Develop client-side dynamic routing using AngularJS
  • Create a custom directive and use it for responsive page development
  • Explore the usability of AngularJS routing for responsive web application development
  • Get to grips with the basic functionality of using AngularJS to build a web application
  • Understand two-way data binding implemented in AngularJS using the digest cycle
  • Build AngularJS breakpoint listeners and arrange the page content to implement responsiveness
  • Debug AngularJS single page applications

Authors

Table of Contents

Chapter 1: Introduction to Responsive Single Page Application and AngularJS
Why responsive design?
What is single page web application?
Understanding responsive single page application
What is an AngularJS framework?
Exploring the features of AngularJS
Role of AngularJS
What are we building?
Summary
Chapter 2: The AngularJS Dynamic Routing-based Approach
Setting up an AngularJS project
Profile application demo
Building data services
Device-based routing
AngularJS routing
Configuring a profile controller
Developing a device type provider
Developing a desktop view
Developing a mobile view
Developing a tablet view
Verifying responsiveness
Limitations of dynamic routing
Summary
Chapter 3: The AngularJS Directive-based Approach
Modifying the project structure
Directives
Built-in directives
Custom directives
Responsive directives
Summary
Chapter 4: The AngularJS-based Breakpoints for Layout Manipulation
Page layout
Breakpoints
AngularJS publisher and subscriber
Custom attributes
Summary
Chapter 5: Debugging and Testing Responsive Applications
Batarang
AngularJS scope inspector 0.1.2
Online and offline tools
Summary

Book Details

ISBN 139781784398422
Paperback128 pages
Read More

Read More Reviews