book

AngularJS Web application development Cookbook

by Matthew Frisbie

December 2014

Intermediate to advanced

346 pages

6h 14m

English

Packt Publishing

Read now

Unlock full access

Support files, eBooks, discount offers, and moreWhy subscribe?Free access for Packt account holders
What this book covers

Getting readyHow to do it…How it works…There's more…See also
Downloading the example codeErrataPiracyQuestions
Introduction
How to do it…How it works…There's more…
How to do it…The element directiveThe attribute directiveThe class directiveThe comment directiveHow it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…How it works…There's more…See also
Getting readyHow to do it…How it works…There's more…See also
Getting readyHow to do it…How it works…See also
Getting readyHow to do it…How it works…
Getting readyHow to do it…How it works…See also
Getting readyHow to do it…How it works…See also
Getting readyHow to do it…How it works…See also
How to do it…How it works…See also
Getting readyHow to do it…The $compile serviceThe angular.element() methodThe $templateCacheHow it works…There's more…See also
Introduction
How to do it…How it works…There's more…See also
Getting ready…How to do it…How it works…There's more…See also…
Getting ready…How to do it…How it works…There's more…
Getting ready…How to do it…How it works…There's more…
Getting readyHow to do it…How it works…There's more…
Getting readyHow to do it…How it works…See also
Getting readyHow to do it…How it works…There's more…
How to do it…How it works…There's more…
Getting readyHow to do it…
Getting readyHow to do it…How it works…See also
Getting readyHow to do it…How it works…There's more…See also
How to do it…How it works…There's more…
How to do it…Service valueService constantHow it works…See also
How to do it…How it works…See also
How to do it…How it works…See also
How to do it…How it works…There's more…See also
How to do it…How it works…See also
Introduction
Getting readyHow to do it…How it works…There's more…Keeping things cleanNo more boilerplate animation stylingSee also
Getting readyHow to do it…How it works…See also
Getting readyHow to do it…CSS3 transitionCSS3 animationJavaScript animationHow it works…There's more…See also
Getting readyHow to do it…CSS3 transitionCSS3 animationJavaScript animationHow it works…See also
Getting readyHow to do it…CSS3 transitionCSS3 animationJavaScript animationHow it works…There's more…See also
Getting readyHow to do it…CSS transitionsCSS animationJavaScript animationHow it works…See also
Getting readyHow to do it…CSS transitionsCSS animationJavaScript animationHow it works…See also
Getting readyHow to do it…How it works…There's more…See also
Introduction
Getting readyHow to do it…How it works…There's more…
Getting readyHow to do it…How it works…There's more…Anti-pattern awareness
Getting readyHow to do it…One module, one file, and one nameKeep your related files close, keep your unit tests closerGroup by feature, not by component typeDon't fight reusabilityAn example directory structure
Getting readyHow to do it…How it works…There's more…
Getting readyHow to do it…The string templateRemote server templatesInline templates using ng-templatePre-defined templates in the cacheHow it works…There's more…
Getting readyHow to do it…How it works…There's more…
Introduction
How to do it…Broadcasting an eventEmitting an eventDeregistering an event listener
Getting readyHow to do it…How it works…There's more…Troublemaker built-in directivesngControllerngIncludengViewngRepeatngIfngSwitch
How to do it…What the form offers youTracking the form stateValidating the formBuilt-in and custom validatorsHow it works…
Getting readyHow to do it…Populating with an arrayExplicitly defining the option valuesExplicitly defining the option model assignmentImplementing option groupsNull optionsPopulating with an objectExplicitly defining option valuesHow it works…There's more…
Getting readyHow to do it…Basic implementationCleanupEvent bus as a serviceEvent bus as a decoratorHow it works…There's more…
Introduction
How to do it…Using the right tools for the jobHow it works…There's more…See also
How it works…There's more…See also
Getting readyHow to do it…InstallationSelenium's WebDriver managerModifying your GruntfileSetting your Protractor configurationRunning the test suiteHow it works…See also
Getting readyHow to do it…Initializing the unit testsCreating the unit testsHow it works…Initializing the controllerInitializing the HTTP backendFormally running the unit testsThere's more…
Getting readyHow to do it…How it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…There's more…See also
How to do it…How it works…There's more…See also
Introduction
How to do it…Expensive filters in ng-repeatDeep watching a large objectUsing $watchCollection when the index of change is neededKeeping template watchers under controlThere's more…See also
How to do it…How it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…Watch as little of the model as possibleKeep watch expressions as lightweight as possibleUse the fewest number of watchers possibleKeep the watch callbacks small and lightCreate DRY watchersSee also
How to do it…How it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…How it works…See also
How to do it…How it works…There's more…See also
Getting readyHow to do it…How it works…There's more…See also
How to do it…How it works…See also
How to do it…How it works…There's more…See also
Introduction
How to do it…How it works…Basic components and behavior of a promiseDeferredsPromisesSee also
Getting readyHow to do it…Data handoff for chained handlersRejecting a chained handlerHow it works…There's more…Promise handler treesThe catch() methodThe finally() methodSee also
How to do it…How it works…There's more…
How to do it…How it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…How it works…See also
How to do it…How it works…See also
How to do it…How it works…See also
How to do it…How it works…There's more…See also
How to do it…State promise inheritanceSingle-state promise dependenciesHow it works…See also
Introduction
How to do it…The <input type="date"> typeThe <input type="datetime-local"> typeThe <input type="time"> typeThe <input type="week"> typeThe <input type="month"> typeHow it works…There's more…See also
How to do it…How it works…There's more…See also
How to do it…There's more…
Getting readyHow to do it…The updateOn optionThe debounce optionThe allowInvalid optionThe getterSetter optionThe timezone optionThe $rollbackViewValue optionHow it works…See also
How to do it…The $touched stateThe $submitted stateSee also
Getting readyHow to do it…How it works…There's more…See also
How to do it…How it works…There's more…Bind once expression universalityThe ng-repeat directiveIsolate scope bindingsMethods and expressions requiring executionSee also
How to do it…Synchronous validationAsynchronous validationHow it works…There's more…See also
Introduction
How to do it…ScopesServicesThere's more…
Getting readyHow to do it…How it works…There's more…
How to do it…How it works…
How to do it…Ignored propertiesDuplicate propertiesDon't run with scissorsHow it works…There's more…
How to do it…How it works…There's more…Extensibility
How to do it…How it works…There's more…See also
Getting readyHow to do it…How it works…See also

Overview

Explore advanced AngularJS techniques and build performant applications with the 'AngularJS Web application development Cookbook.' This book takes you beyond the basics, offering a wide range of practical recipes to make your AngularJS applications scalable, efficient, and optimized for real-world scenarios.

What this Book will help me do

Architect production-ready AngularJS applications designed for scalability.
Implement best practices to write efficient and maintainable code.
Master advanced AngularJS features like animations, testing, and promises.
Design reusable and modular components for extended application flexibility.
Optimize application performance for a smoother user experience.

Author(s)

Matthew Frisbie is an accomplished software developer with extensive expertise in modern front-end technologies and particularly in AngularJS. With years of experience building real-world applications, Matthew brings deep understanding and clarity to complex topics. He has a passion for teaching and writes with the goal of providing developers with actionable knowledge to excel in their projects.

Who is it for?

This book is perfect for developers who are familiar with AngularJS basics and aspire to refine their skills to build production-level applications. If you want to master advanced AngularJS strategies and optimize your coding practices, this book is tailored for you. It suits anyone looking to enhance their capabilities in building scalable, high-performance web apps. Familiarity with JavaScript and AngularJS concepts is necessary to fully benefit from the lessons in this book.