Angular 4 Pocket Primer / Oswald Campesato.

Format:

Book

Author/Creator:

Campesato, Oswald, author.

Series:

Computing

Computing Series

Language:

English

Subjects (All):

Application software--Development.

Application software.

AngularJS (Software framework).

Physical Description:

1 online resource (314 pages)

Edition:

First edition.

Place of Publication:

Dulles, VA : M ercury Learning and Information LLC, [2018]

Summary:

As part of the best-selling Pocket Primer series, this book provides an overview of the major aspects and the source code to use the latest versions of Angular 4. It has coverage of the fundamental aspects of Angular that are illustrated via numerous code samples. This Pocket Primer is primarily for self-directed learners who want to learn Angular 4 programming, and it serves as a starting point for deeper exploration of its numerous applications. A companion disc (also available for downloading from the publisher) with source code and color images is included. FEATURES • Contains latest material on Angular 4, graphics/animation, mobile apps, • Includes companion files with all of the source code and images from the book • Provides coverage of the fundamental aspects of Angular4 that are illustrated via code samples BRIEF TABLE OF CONTENTS 1. A Quick Introduction to Angular. 2. UI Controls and User Input. 3. Graphics and Animation. 4. HTTP Requests and Routing. 5. Forms, Pipes, and Services. 6. Angular and Express. 7. Flux, Redux, GraphQL, Apollo, and Relay. 8. Angular and Mobile Apps. 9. Functional Reactive Programming. 10. Miscellaneous Topics. Index. ON THE COMPANION FILES! • Hundreds of source code samples • All images from the text (including 4-color) eBook Customers: Companion files are available for downloading with order number/proof of purchase by writing to the publisher at info@merclearning.com.

Contents:

Intro

Title Page

Copyright

Dedication

Contents

Preface

Chapter 1: Quick Introduction to Angular

Supported Versions of Angular: How It Works

The Reason for Skipping Angular 3

TypeScript Version

Moving from Angular 2 to Angular

What You Need to Learn for Angular Applications

NodeJS

ECMA5, ES6, and TypeScript

A High-Level View of Angular

One-Way Data Binding in Angular

Tree Shaking an Angular Application

A High-Level View of Angular Applications

The Angular CLI

Installing the Angular CLI

Features of the Angular CLI

A "Hello World" Application via the Angular CLI

The Structure of an Angular Application

The Naming Convention for Angular Project Files

The index.html Web Page

Listing 1.1: index.html

Exporting and Importing Packages and Classes (Optional)

The Bootstrap File main.ts

Listing 1.2: main.ts

The Top-Level Module File app.module.ts

Listing 1.3: app.module.ts

The MetaData in @NgModule

The Top-Level Component File app.component.ts

Listing 1.4: app.component.ts

A Simple Angular Template

Listing 1.5: app.component.ts

Working with Components in Angular

The Metadata in Components

Stateful versus Stateless Components in Angular

Generating Components with the Angular CLI

Listing 1.6: student.component.ts

Listing 1.7: student.component.spec.ts

Syntax, Attributes, and Properties in Angular

Attributes versus Properties in Angular

Displaying a Button in Angular

Listing 1.8: app.component.ts

Element versus Property

Summary

Chapter 2: UI Controls and User Input

Debugging Angular Code in the Console

The ngFor Directive in Angular

Listing 2.1: app.component.ts

Angular and Radio Buttons

Listing 2.2: app.component.ts

Adding Items to a List in Angular

Listing 2.3: app.component.ts.

Deleting Items from a List in Angular

Listing 2.4: app.component.ts

Angular Directives and Child Components

Listing 2.5: app.component.ts

Listing 2.6: child.component.ts

Listing 2.7: app.module.ts

The Constructor and Storing State in Angular

Listing 2.8: app.component.ts

Private Arguments in the Constructor: A Shortcut

Conditional Logic in Angular

Listing 2.9: app.component.ts

Detecting Mouse Positions in Angular Applications

Listing 2.10: app.component.ts

Listing 2.11: mousemove.ts

Listing 2.12: app.module.ts

Mouse Events and User Input in Angular

Listing 2.13: mouseevents.ts

Listing 2.14: app.component.ts

Listing 2.15: app.module.ts

Handling User Input

Listing 2.16: app.component.ts

Listing 2.17: todoinput.ts

Listing 2.18: todolist.ts

Listing 2.19: todoservice.ts

Listing 2.20: app.module.ts

The moduleId and templateUrl Properties in Angular

Listing 2.21: itemsapp.ts

Listing 2.22: itemdetails.html

Working with Custom Classes in Angular

Listing 2.23: newuser.ts

Listing 2.24: app.component.ts

Click Events in Multiple Components

Listing 2.25: app.component.ts

Listing 2.26: clickitem.ts

Working with @Input, @Output, and EventEmitter

Listing 2.27: app.component.ts

Listing 2.28: childcomponent.ts

Listing 2.29: app.module.ts

Presentational Components

Styling Elements and Shadow DOM in Angular

Listing 2.30: app.component.ts

Angular UI Components

New Features in Angular

Chapter 3: Graphics and Animation

Angular Lifecycle Methods

A Simple Example of Angular Lifecycle Methods

Listing 3.1: app.component.ts

GSAP Animation and the ngAfterContentInit() Method

Listing 3.2: main.ts

Listing 3.3: app.component.ts

Listing 3.4: ArchTubeOvals1.ts

Listing 3.5: app.module.ts

CSS3 Animation Effects in Angular.

Listing 3.6: app.component.ts

Animation Effects via the "Angular Way"

Listing 3.7: app.component.ts

A Basic SVG Example in Angular

Listing 3.8: app.component.ts

Listing 3.9: MyEllipse1.ts

Listing 3.10: app.module.ts

Angular and Follow-the-Mouse in SVG

Listing 3.11: app.component.ts

Listing 3.12: MouseMove.ts

Listing 3.13: app.module.ts

D3 and Angular

Listing 3.14: app.component.ts

D3 Animation and Angular

Pure CSS3 3D Animation in Angular

Listing 3.15: index.html

Listing 3.16: Anim240Flicker3DLGrad2SkewOpacity2Reflect1DIV6.css

CSS3 and jQuery Animation Effects in Angular

Listing 3.17: index.html

Listing 3.18: app.component.ts

Listing 3.19: SkewAnim1.css

Animation Effects "the Angular Way"

Listing 3.20: app.component.html

Listing 3.21: app.component.ts

Listing 3.22: app.module.ts

Chart Tools for Angular

Chapter 4: HTTP Requests and Routing

Dependency Injection in Angular

Flickr Image Search Using jQuery and Angular

Listing 4.1: app.component.ts

Combining Promises and Observables in Angular

Listing 4.2: app.component.ts

Listing 4.3: nyt.service.ts

Listing 4.4: app.module.ts

Reading JSON Data via an Observable in Angular

Listing 4.5: app.component.ts

Listing 4.6: employees.json

Listing 4.7: app.module.ts

Multiple Concurrent Requests with forkJoin() in Angular

Listing 4.8: app.component.ts

Listing 4.9: file.service.ts

Listing 4.10: customers.json

Angular2 HTTP and Observables

TypeScript Interfaces in Angular

A Simple TypeScript Interface

Listing 4.11: employee.ts

JSON Data and TypeScript Interfaces

Listing 4.12: employees.ts

An Angular Application with a TypeScript Interface

Getting GitHub User Data in Angular

Listing 4.13: app.component.ts

HTTP GET Requests with a Simple Server.

Listing 4.14: app.component.ts

Listing 4.15: posts.json

HTTP POST Requests with a Simple Server

Listing 4.16: app.component.ts

Listing 4.17: authors.json

Routing in Angular

A Routing Example in Angular

Listing 4.18: app.component.ts

Listing 4.19: about.ts

Listing 4.20: login.ts

Listing 4.21: users.ts

Listing 4.22: user.ts

Angular Routing with Webpack

Chapter 5: Forms, Pipes, and Services

Overview of Angular Forms

Reactive forms

Template-Driven Forms

An Angular Form Example

Listing 5.1: app.component.ts

Listing 5.2: app.module.ts

Data Binding and ngModel

Third-Party UI Components

Angular Forms with FormBuilder

Listing 5.3: app.component.ts

Angular Reactive Forms

Listing 5.4: app.component.ts

Listing 5.5: app.component.html

Listing 5.6: app.module.ts

FormGroup versus FormArray

Other Form Features in Angular

Angular Forms and Bootstrap 4 (optional)

Working with Pipes in Angular

Working with Built-In Pipes

The AsyncPipe

Creating a Custom Angular Pipe

Listing 5.7: app.component.ts

Listing 5.8: pipe.component.ts

Listing 5.9: user.component.ts

Listing 5.10: app.module.ts

What Are Angular Services?

Built-In Angular Services

An Angular Service Example

Listing 5.13: app.component.ts

A Service with an EventEmitter

Listing 5.14: user.component.ts

Listing 5.15: user.service.ts

Listing 5.16: app.component.ts

Listing 5.17: app.module.ts

Displaying GitHub User Data

Listing 5.18: app.component.ts

Listing 5.19: user.component.ts

Other Service-Related Use Cases

Multiple Service Instances

Single Service Instance

Services and Intercomponent Communication

Injecting Services into Services

Chapter 6: Angular and Express

A Minimalistic Node Application.

Set Up a Node Environment (Optional)

Create an Express Application

Listing 6.1: server.js

Launch the Express Application

An Application with Angular and Express

Starting the Server and the Angular Application

Angular HTTP and Observables

The Server Code: package.json

Listing 6.2: package.json

The Server Code: server.js

Listing 6.3: server.js

The Angular Code

Listing 6.4: app.component.ts

Concurrent Requests and Angular (Version 2)

How to Start the Express Server Code

Listing 6.5: app.component.ts

An Express Application with MongoDB (Part 1)

Listing 6.6: package.json

The Server-Side Custom Files (Part 2)

The app.js File

Listing 6.7: app.js

The index.js File

Listing 6.8: index.js

The userlist.jade Template

Listing 6.9: userlist.jade

Launching the Server-Side Application

An Angular Application with Express

Listing 6.10: app.component.ts

Listing 6.11: app.js

Angular and Japanese Text (Optional)

Listing 6.12: load-japanese.js

Angular Universal

The Server File main.server.ts

Listing 6.13: main.server.js

The Web Page index.html

Listing 6.14: index.html

The TypeScript File app.ts

Listing 6.15: app.ts

Working with Microservices (Optional)

Advantages of Microservices

Disadvantages of Microservices

Chapter 7: Flux, Redux, GraphQL, Apollo, and Relay

What Is Flux?

What Is an Action?

What Is a Reducer?

The Store and Application State

What Is Redux?

Data Structures for Application Data

When Should You Use Redux?

Simple Examples of Reducers

A Reducer to Add/Subtract Numeric Values

A Reducer to Add/Remove Strings from an Array

Redux Reducers Are Synchronous

The Redux Store

Middleware

What Is GraphQL?

GraphQL versus REST

GraphQL Queries.

Defining a Type System in GraphQL.

Notes:

Description based on publisher supplied metadata and other sources.

Description based on print version record.

Includes index.

ISBN:

9781683920366

1683920368

OCLC:

993117108