book

Learning Angular, 2nd Edition

Name: Learning Angular, 2nd Edition
ISBN: 9780134577074

by Brad Dayley, Brendan Dayley, Caleb Dayley

October 2017

Intermediate to advanced

240 pages

6h 19m

English

Addison-Wesley Professional

Read now

Unlock full access

Cover Page
Title Page
Copyright Page
Contents At a Glance
Contents
About the Author
Acknowledgments
We Want to Hear from You!
Reader Services
Accessing the Free Web Edition

Introduction
1 Jumping into JavaScript
Setting Up a JavaScript Development EnvironmentDefining VariablesUnderstanding JavaScript Data TypesUsing OperatorsArithmetic OperatorsAssignment OperatorsApplying Comparison and Conditional OperatorsImplementing Loopingwhile Loopsdo/while Loopsfor Loopsfor/in LoopsInterrupting LoopsCreating FunctionsDefining FunctionsPassing Variables to FunctionsReturning Values from FunctionsUsing Anonymous FunctionsUnderstanding Variable ScopeUsing JavaScript ObjectsUsing Object SyntaxCreating Custom Defined ObjectsUsing a Prototyping Object PatternManipulating StringsCombining StringsSearching a String for a SubstringReplacing a Word in a StringSplitting a String into an ArrayWorking with ArraysCombining ArraysIterating Through ArraysConverting an Array into a StringChecking Whether an Array Contains an ItemAdding Items to and Removing Items from ArraysAdding Error Handlingtry/catch BlocksThrowing Your Own ErrorsUsing finallySummary
2 Jumping into TypeScript
Learning the Different TypesUnderstanding InterfacesImplementing ClassesClass InheritanceImplementing ModulesUnderstanding FunctionsSummary
3 Getting Started with Angular
Why Angular?Understanding AngularModulesDirectivesData BindingDependency InjectionServicesSeparation of ResponsibilitiesAdding Angular to Your EnvironmentUsing the Angular CLIGenerating Content with the CLICreating a Basic Angular ApplicationCreating Your First Angular AppUnderstanding and Using NgModuleCreating the Angular BootstrapperSummary
4 Angular Components
Component ConfigurationDefining a SelectorBuilding a TemplateUsing Inline CSS and HTML in Angular ApplicationsUsing ConstructorsUsing External TemplatesInjecting DirectivesBuilding a Nested Component with Dependency InjectionPassing in Data with Dependency InjectionCreating an Angular Application that Uses InputsSummary
5 Expressions
Using ExpressionsUsing Basic ExpressionsInteracting with the Component Class in ExpressionsUsing TypeScript in Angular ExpressionsUsing PipesUsing Built-in PipesUsing Built-in PipesBuilding a Custom PipeCreating a Custom PipeSummary
6 Data Binding
Understanding Data BindingInterpolationProperty BindingAttribute BindingClass BindingStyle BindingEvent BindingTwo-Way BindingSummary
7 Built-in Directives
Understanding DirectivesUsing Built-in DirectivesComponents Directives Structural Directives Attribute DirectivesSummary
8 Custom Directives
Creating a Custom Attribute DirectiveCreating a Custom Directive with a ComponentSummary
9 Events and Change Detection
Using Browser EventsEmitting Custom EventsEmitting a Custom Event to the Parent Component HierarchyHandling Custom Events with a ListenerImplementing Custom Events in Nested ComponentsDeleting Data in a Parent Component from a Child ComponentUsing ObservablesCreating an Observable ObjectWatching for Data Changes with ObservablesSummary
10 Implementing Angular Services in Web Applications
Understanding Angular ServicesUsing the Built-in ServicesSending HTTP GET and PUT Requests with the http ServiceConfiguring the HTTP RequestImplementing the HTTP Response Callback FunctionsImplementing a Simple JSON File and Using the http Service to Access ItImplementing a Simple Mock Server Using the http ServiceImplementing a Simple Mock Server and Using the http Service to Update Items on the ServerChanging Views with the router ServiceUsing routes in AngularImplementing a Simple RouterImplementing a Router with a Navigation BarImplementing a Router with ParametersSummary
11 Creating Your Own Custom Angular Services
Integrating Custom Services into Angular ApplicationsAdding an Angular Service to an ApplicationImplementing a Simple Application that Uses a Constant Data ServiceImplementing a Data Transform ServiceImplementing a Variable Data ServiceImplementing a Service that Returns a PromiseImplementing a Shared ServiceSummary
12 Having Fun with Angular
Implementing an Angular Application that Uses the Animation ServiceImplementing an Angular Application that Zooms in on ImagesImplementing an Angular Application that Enables Drag and DropImplementing a Star Rating Angular ComponentSummary
Index

Content preview from Learning Angular, 2nd Edition

5Expressions

A great feature of Angular is the capability to add JavaScript-like expressions inside an HTML template. Angular evaluates expressions and then can dynamically add the results to a web page. Expressions are linked to a component, and you can have an expression that utilizes values in the component, and its value can change as the model changes.

Using Expressions

Using expressions is the simplest way to represent data from a component in an Angular view. Expressions are encapsulated blocks of code inside brackets, like this:

The Angular compiler compiles an expression into HTML elements so that the results of the expression are displayed. For example, look at the following expressions:

Based ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Learning Angular LiveLessons, 3rd Edition

Publisher Resources

ISBN: 9780134577074

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Learning Angular, 2nd Edition

by Brad Dayley, Brendan Dayley, Caleb Dayley