Share E-Book
Scan to open this page

Scan with your phone to open this page

Author: Felipe Coury, Ari Lerner, Nate Murray, & Carlos Taborda

The in-depth, complete, and up-to-date book on Angular 11. Become an Angular 11 expert today.

AI Reading Assistant

Whole-book reading guide from stratified index samples; jump to passages in the text

AI guide
【One-Line Pitch】 A hands-on, project-driven guide to Angular 11 that takes you from your first component to production deployment, with deep dives into forms, HTTP, routing, RxJS, and Redux. Best for developers who already know JavaScript/TypeScript basics and want a single, coherent path to Angular proficiency. 【Book Arc】 - **Opening (~0%–13%)**: Sets up the toolchain (Node.js, npm, TypeScript, Angular CLI) and builds a first "Simple Reddit Clone" app, covering components, inputs, rendering lists, and deployment. - **Early (~13%–33%)**: Solidifies TypeScript fundamentals (types, classes, inheritance, arrow functions, template strings), then explains how Angular works via a product-list app, built-in directives (NgIf, NgSwitch, NgStyle, NgClass, NgFor), and forms (template-driven vs. reactive, FormBuilder). - **Middle (~33%–54%)**: Moves into real-world data flow — HTTP requests with `@angular/common/http` (GET/POST/PUT/PATCH/DELETE, headers), client-side routing (RouterOutlet, RouterLink, route params, guards, nested routes), and data architecture with Observables/RxJS through a chat app. - **Late (~54%–end)**: Introduces Redux-style state management in Angular — store, actions, reducers, action creators — applied to a messaging app, building on the reactive patterns established earlier. - **Ending**: Consolidates the full stack into deployable applications, with a data-architecture summary tying services, streams, and views together. 【Key Takeaways】 - **Angular is TypeScript-first** (Early): The book treats TypeScript as a prerequisite, covering types, classes, and utilities before touching framework internals — skipping this weakens everything after. - **Components are the unit of UI** (Opening–Early): Inputs, outputs, custom events, and the `@Component` decorator are taught through a product-list app, making composition concrete rather than abstract. - **Forms split into two paradigms** (Early): Template-driven vs. reactive forms, with `FormControl`, `FormGroup`, and `FormBuilder` — choosing correctly affects testability and complexity. - **HTTP is a first-class concern** (Middle): A YouTube search component demonstrates services, search results, and the full `@angular/common/http` API including headers and all verbs. - **Routing is more than URLs** (Middle): Route parameters, `ActivatedRoute`, router hooks, guards, and nested routes are covered via a Spotify-style music search and an auth-protected component. - **Observables drive data architecture** (Middle): A chat app shows how services expose streams (`currentUser`, `messages`, `threads`) and how view components subscribe — the "operation stream" pattern is central. - **Redux adds predictable state** (Late): Store, reducers, and action creators are introduced from first principles, then wired into Angular for a messaging app. - **Deployment is part of the workflow** (Opening): Building for production and uploading to a server are covered early, reinforcing that shipping matters. 【Reading Tips】 - **Skim the TypeScript chapter if you're fluent** (Early), but deep-read the "How Angular Works" section — it's the conceptual backbone. - **Build every project**: The Reddit clone, product list, YouTube search, music search, chat app, and messaging app are the real curriculum; reading without coding loses most value. - **Pause on RxJS** (Middle): The chat app assumes some reactive-programming knowledge; if streams feel opaque, supplement before continuing. - **Treat Redux as optional depth** (Late): If you're not using Redux in production, skim it for concepts rather than memorizing the API. - **Use the chapter overview and code listings** as a reference map — the book is long, and revisiting specific chapters is expected. 【Coverage Limits】 This guide is based on stratified excerpts (table of contents and early chapters); later chapters on Redux, testing, and NativeScript are only partially visible, so specifics there are inferred from headings rather than full content.
Page 4
you! . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 Become A Technical Contributor - Free Updates for Life . . . . . . . . . . . 3 Special Thanks...
View in text
Page 6
. . . . . . . . . . . . . . . . . . . . 82 Methods . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 Constructors . . . . . . . ....
View in text
Page 9
. . . . . . . . . 209 A Basic Request . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 Building the SimpleHttpComponent Component...
View in text
Page 11
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316 Message . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3...
View in text
Page 13
. . . . . . . . 433 Set Current User Action Creators . . . . . . . . . . . . . . . . . . . . . . 433 UsersReducer - Set Current User . . . . . . . . . . . ....
View in text
Page 15
. . . . . . . . . . . . . . 574 HTTP Considerations . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 575 Stubs . . . . . . . . . . . . . . . . . . ....
View in text
Page 18
on 70 - 2018-09-13 . . . . . . . . . . . . . . . . . . . . . . . . . . . 723 Revision 69 - 2018-09-08 . . . . . . . . . . . . . . . . . . . . . . . . . . . 7...
View in text
Page 19
-03-10 . . . . . . . . . . . . . . . . . . . . . . . . . . . 733 Revision 23 - 2016-03-04 . . . . . . . . . . . . . . . . . . . . . . . . . . . 733 Revision...
View in text
Tags
AI categories
Web TechnologyJavaScriptFramework
Publisher: Fullstack.io
Publish Year: 2020
Language: English
Pages: 769
File Format: PDF
File Size: 19.9 MB
Text Preview (First 20 pages)
Registered users can read the full content for free

Register as a Gaohf Library member to read the complete e-book online for free and enjoy a better reading experience.

Generating text preview…