Responsive Web Design with AngularJS

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

Responsive Web Design with AngularJS

This ebook is included in a Mapt subscription
Sandeep Kumar Patel

Leverage the core functionalities of AngularJS, to build responsive single page applications
$0.00
$17.99
$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.
 
  • 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 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