Responsive Web Design with AngularJS

by Sandeep Kumar Patel

Leverage the core functionalities of AngularJS, to build responsive single page applicationsAbout This BookGet introduced to the key features of AngularJS and understand its role in responsive designLearn various approaches for responsive web application developmentDiscover practical examples to incorporate responsive web design techniques to build a single page applicationWho This Book Is ForIf you are an AngularJS developer who wants to learn about responsive web application development, this book is ideal for you. Responsive Web Design with AngularJS is intended for web developers or designers with a basic knowledge of HTML, CSS, and JavaScript.

What You Will LearnDevelop client-side dynamic routing using AngularJSCreate a custom directive and use it for responsive page developmentExplore the usability of AngularJS routing for responsive web application developmentGet to grips with the basic functionality of using AngularJS to build a web applicationUnderstand two-way data binding implemented in AngularJS using the digest cycleBuild AngularJS breakpoint listeners and arrange the page content to implement responsivenessDebug AngularJS single page applicationsIn DetailAngularJS 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.

128 pages, Kindle Edition

First published December 17, 2014

About the author

Passionate blogger and web developer.Love to explore new technology stack and spend time on blogging.

Reviews

[David · Rating 3 out of 5]

It's hard to profile the reader this book it targeted towards, but it certainly steers more towards the Angular JS beginner. It is a very quick read and my advice to any reader is to treat it like a long online tutorial. It doesn't go too much in-depth into Angular concepts, but anyone who has invested time in learning Angular will probably tell you that you'll spend a lot of time reading books and articles to learn it. So this book may best be treated as one of many resources on your trek through Angular and is probably a good first or second book in your journey, ideally for those with a background in CSS and/or jQuery who are trying to find an accessible primer on Angular.

Additionally, though this book focuses on responsive design it remains agnostic of any CSS frameworks (ie, Bootstrap, Foundation) and focuses on a more vanilla implementation of responsive design. This could be good for those of us who came into responsive design through one of the popular frameworks and might need a brief reminder on what's under the hood (again, this book doesn't dive too deep into any particular concept, so it's not an exhaustive tour of the inner workings of responsive design). It could also be a good primer to those stepping into a role where they'll be leveraging both Angular and Bootstrap and may find it an easy transition into their first book on Bootstrap.

The author does a good job presenting the content and maintaining a rhythm that makes for quick reading, however it's important to understand exactly who the targeted reader might be so you don't come away with un-met expectations. It's aimed primarily at beginners (either to Angular or to responsive CSS or to both) and it should be treated as the first of many resources you'll be reading through as you learn front-end development.

[Pulak Bhattacharyya · Rating 1 out of 5]

I have not thought ever that AngularJS can be used for developing responsive single page application. My thought is backed by the idea that AngularJS is a JavaScript framework and for responsive web design(RWD), we always talk about CSS and media queries.

So when I came to know about this book, “Responsive Web Design with AngularJS” by Sandeep Kumar Patel, I could not stop myself from going through the book before sharing any interesting findings.

Chapter 1: Introduction to Responsive Single Page Application and AngularJS

This is an introductory chapter for the need of RWD and you will be introduced to AngularJS concepts. This chapter set the platform for any new comers and experience developers can just browse through it quickly.

Chapter 2: The Angular JS Dynamic Routing-based Approach

In this chapter we actually learn to load different html pages based on device types such as desktop, mobile and tablets. You will load different html pages and styles sheets based on the device type detected.

At the end of this chapter author has listed out the limitations of this dynamic routing approach.

For more details, please visit my blog http://pulakonline.com/responsive-web...