hiskio

    Angular2 Notes for Professionals book

    Amazing collection of free programming books

    Collecting
    Free
    Amazing collection of free programming books

    The Notes for Professionals book is compiled from Stack Overflow Documentation, the content is written by the beautiful people at Stack Overflow. Text content is released under Creative Commons BY-SA. See credits at the end of this book whom contributed to the various chapters. Images may be copyright of their respective owners unless otherwise specified

    Book created for educational purposes and is not affiliated with group(s), company(s) nor Stack Overflow. All trademarks belong to their respective company owners

    https://goalkicker.com/

    Content

    • 1-1
      Content list
    • 1-2
      About
    • 1-3
      Chapter 1: Getting started with Angular 2+
    • 1-4
      Section 1.1: Getting started with Angular 2 with node.js/expressjs backend (http example included)
    • 1-5
      Section 1.2: Install angular2 with angular-cli
    • 1-6
      Section 1.3: Getting started with Angular 2 without angular-cli
    • 1-7
      Section 1.4: Getting through that pesky company proxy
    • 1-8
      Section 1.5: Keeping Visual Studios in sync with NPM and NODE Updates
    • 1-9
      Section 1.6: Let's dive into Angular 4!
    • 1-10
      Chapter 2: Components
    • 1-11
      Section 2.1: A simple component
    • 1-12
      Section 2.2: Templates & Styles
    • 1-13
      Section 2.3: Testing a Component
    • 1-14
      Section 2.4: Nesting components
    • 1-15
      Chapter 3: Component interactions
    • 1-16
      Section 3.1: Pass data from parent to child with input binding
    • 1-17
      Section 3.2: Parent - Child interaction using @Input & @Output properties
    • 1-18
      Section 3.3: Parent - Child interaction using ViewChild
    • 1-19
      Section 3.4: Bidirectional parent-child interaction through a service
    • 1-20
      Chapter 4: Directives
    • 1-21
      Section 4.1: *ngFor
    • 1-22
      Section 4.2: Attribute directive
    • 1-23
      Section 4.3: Component is a directive with template
    • 1-24
      Section 4.4: Structural directives
    • 1-25
      Section 4.5: Custom directive
    • 1-26
      Section 4.6: Copy to Clipboard directive
    • 1-27
      Section 4.7: Testing a custom directive
    • 1-28
      Chapter 5: Page title
    • 1-29
      Section 5.1: changing the page title
    • 1-30
      Chapter 6: Templates
    • 1-31
      Section 6.1: Angular 2 Templates
    • 1-32
      Chapter 7: Commonly built-in directives and services
    • 1-33
      Section 7.1: Location Class
    • 1-34
      Section 7.2: AsyncPipe
    • 1-35
      Section 7.3: Displaying current Angular 2 version used in your project
    • 1-36
      Section 7.4: Currency Pipe
    • 1-37
      Chapter 8: Directives & components : @Input @Output
    • 1-38
      Section 8.1: Angular 2 @Input and @Output in a nested component
    • 1-39
      Section 8.2: Input example
    • 1-40
      Section 8.3: Angular 2 @Input with asynchronous data
    • 1-41
      Chapter 9: Attribute directives to aect the value of properties on the host node by using the @HostBinding decorator.
    • 1-42
      Section 9.1: @HostBinding
    • 1-43
      Chapter 10: How to Use ngif
    • 1-44
      Section 10.1: To run a function at the start or end of *ngFor loop Using *ngIf
    • 1-45
      Section 10.2: Display a loading message
    • 1-46
      Section 10.3: Show Alert Message on a condition
    • 1-47
      Section 10.4: Use *ngIf with*ngFor
    • 1-48
      Chapter 11: How to use ngfor
    • 1-49
      Section 11.1: *ngFor with pipe
    • 1-50
      Section 11.2: Unordered list example
    • 1-51
      Section 11.3: More complext template example
    • 1-52
      Section 11.4: Tracking current interaction example
    • 1-53
      Section 11.5: Angular 2 aliased exported values
    • 1-54
      Chapter 12: Angular - ForLoop
    • 1-55
      Section 12.1: NgFor - Markup For Loop
    • 1-56
      Section 12.2: *ngFor with component
    • 1-57
      Section 12.3: Angular 2 for-loop
    • 1-58
      Section 12.4: *ngFor X amount of items per row
    • 1-59
      Section 12.5: *ngFor in the Table Rows
    • 1-60
      Chapter 13: Modules
    • 1-61
      Section 13.1: A simple module
    • 1-62
      Section 13.2: Nesting modules
    • 1-63
      Chapter 14: Pipes
    • 1-64
      Section 14.1: Custom Pipes
    • 1-65
      Section 14.2: Built-in Pipes
    • 1-66
      Section 14.3: Chaining Pipes
    • 1-67
      Section 14.4: Debugging With JsonPipe
    • 1-68
      Section 14.5: Dynamic Pipe
    • 1-69
      Section 14.6: Unwrap async values with async pipe
    • 1-70
      Section 14.7: Stateful Pipes
    • 1-71
      Section 14.8: Creating Custom Pipe
    • 1-72
      Section 14.9: Globally Available Custom Pipe
    • 1-73
      Section 14.10: Extending an Existing Pipe
    • 1-74
      Section 14.11: Testing a pipe
    • 1-75
      Chapter 15: OrderBy Pipe
    • 1-76
      Section 15.1: The Pipe
    • 1-77
      Chapter 16: Angular 2 Custom Validations
    • 1-78
      Section 16.1: get/set formBuilder controls parameters
    • 1-79
      Section 16.2: Custom validator examples:
    • 1-80
      Section 16.3: Using validators in the Formbuilder
    • 1-81
      Chapter 17: Routing
    • 1-82
      Section 17.1: ResolveData
    • 1-83
      Section 17.2: Routing with Children
    • 1-84
      Section 17.3: Basic Routing
    • 1-85
      Section 17.4: Child Routes
    • 1-86
      Chapter 18: Routing (3.0.0+)
    • 1-87
      Section 18.1: Controlling Access to or from a Route
    • 1-88
      Section 18.2: Add guard to route configuration
    • 1-89
      Section 18.3: Using Resolvers and Guards
    • 1-90
      Section 18.4: Use Guard in app bootstrap
    • 1-91
      Section 18.5: Bootstrapping
    • 1-92
      Section 18.6: Configuring router-outlet
    • 1-93
      Section 18.7: Changing routes (using templates & directives)
    • 1-94
      Section 18.8: Setting the Routes
    • 1-95
      Chapter 19: Dynamically add components using ViewContainerRef.createComponent
    • 1-96
      Section 19.1: A wrapper component that adds dynamic components declaratively
    • 1-97
      Section 19.2: Dynamically add component on specific event(click)
    • 1-98
      Section 19.3: Rendered dynamically created component array on template HTML in Angular 2
    • 1-99
      Chapter 20: Installing 3rd party plugins with angular-cli@1.0.0-beta.10
    • 1-100
      Section 20.1: Add 3rd party library that does not have typings
    • 1-101
      Section 20.2: Adding jquery library in angular-cli project
    • 1-102
      Chapter 21: Lifecycle Hooks
    • 1-103
      Section 21.1: OnChanges
    • 1-104
      Section 21.2: OnInit
    • 1-105
      Section 21.3: OnDestroy
    • 1-106
      Section 21.4: AfterContentInit
    • 1-107
      Section 21.5: AfterContentChecked
    • 1-108
      Section 21.6: AfterViewInit
    • 1-109
      Section 21.7: AfterViewChecked
    • 1-110
      Section 21.8: DoCheck
    • 1-111
      Chapter 22: Angular RXJS Subjects and Observables with API requests
    • 1-112
      Section 22.1: Wait for multiple requests
    • 1-113
      Section 22.2: Basic request
    • 1-114
      Section 22.3: Encapsulating API requests
    • 1-115
      Chapter 23: Services and Dependency Injection
    • 1-116
      Section 23.1: Example service
    • 1-117
      Section 23.2: Example with Promise.resolve
    • 1-118
      Section 23.3: Testing a Service
    • 1-119
      Chapter 24: Service Worker
    • 1-120
      Section 24.1: Add Service Worker to our app
    • 1-121
      Chapter 25: EventEmitter Service
    • 1-122
      Section 25.1: Catching the event
    • 1-123
      Section 25.2: Live example
    • 1-124
      Section 25.3: Class Component
    • 1-125
      Section 25.4: Class Overview
    • 1-126
      Section 25.5: Emmiting Events
    • 1-127
      Chapter 26: Optimizing rendering using ChangeDetectionStrategy
    • 1-128
      Section 26.1: Default vs OnPush
    • 1-129
      Chapter 27: Angular 2 Forms Update
    • 1-130
      Section 27.1: Angular 2 : Template Driven Forms
    • 1-131
      Section 27.2: Angular 2 Form - Custom Email/Password Validation
    • 1-132
      Section 27.3: Simple Password Change Form with Multi Control Validation
    • 1-133
      Section 27.4: Angular 2 Forms ( Reactive Forms ) with registration form and confirm password validation
    • 1-134
      Section 27.5: Angular 2: Reactive Forms (a.k.a Model-driven Forms)
    • 1-135
      Section 27.6: Angular 2 - Form Builder
    • 1-136
      Chapter 28: Detecting resize events
    • 1-137
      Section 28.1: A component listening in on the window resize event
    • 1-138
      Chapter 29: Testing ngModel
    • 1-139
      Section 29.1: Basic test
    • 1-140
      Chapter 30: Feature Modules
    • 1-141
      Section 30.1: A Feature Module
    • 1-142
      Chapter 31: Bootstrap Empty module in angular 2
    • 1-143
      Section 31.1: An empty module
    • 1-144
      Section 31.2: Application Root Module
    • 1-145
      Section 31.3: Bootstrapping your module
    • 1-146
      Section 31.4: A module with networking on the web browser
    • 1-147
      Section 31.5: Static bootstrapping with factory classes
    • 1-148
      Chapter 32: Lazy loading a module
    • 1-149
      Section 32.1: Lazy loading example
    • 1-150
      Chapter 33: Advanced Component Examples
    • 1-151
      Section 33.1: Image Picker with Preview
    • 1-152
      Section 33.2: Filter out table values by the input
    • 1-153
      Chapter 34: Bypassing Sanitizing for trusted values
    • 1-154
      Section 34.1: Bypassing Sanitizing with pipes (for code re-use)
    • 1-155
      Chapter 35: Angular 2 Data Driven Forms
    • 1-156
      Section 35.1: Data driven form
    • 1-157
      Chapter 36: Angular 2 In Memory Web API
    • 1-158
      Section 36.1: Setting Up Multiple Test API Routes
    • 1-159
      Section 36.2: Basic Setup
    • 1-160
      Chapter 37: Ahead-of-time (AOT) compilation with Angular 2
    • 1-161
      Section 37.1: Why we need compilation, Flow of events compilation and example?
    • 1-162
      Section 37.2: Using AoT Compilation with Angular CLI
    • 1-163
      Section 37.3: Install Angular 2 dependencies with compiler
    • 1-164
      Section 37.4: Add `angularCompilerOptions` to your `tsconfig.json` file
    • 1-165
      Section 37.5: Run ngc, the angular compiler
    • 1-166
      Section 37.6: Modify `main.ts` file to use NgFactory and static platform browser
    • 1-167
      Chapter 38: CRUD in Angular 2 with Restful API
    • 1-168
      Section 38.1: Read from an Restful API in Angular 2
    • 1-169
      Chapter 39: Use native webcomponents in Angular 2
    • 1-170
      Section 39.1: Include custom elements schema in your module
    • 1-171
      Section 39.2: Use your webcomponent in a template
    • 1-172
      Chapter 40: Update typings
    • 1-173
      Section 40.1: Update typings when: typings WARN deprecated
    • 1-174
      Chapter 41: Mocking @ngrx/Store
    • 1-175
      Section 41.1: Unit Test For Component With Mock Store
    • 1-176
      Section 41.2: Angular 2 - Mock Observable ( service + component )
    • 1-177
      Section 41.3: Observer Mock
    • 1-178
      Section 41.4: Unit Test For Component Spying On Store
    • 1-179
      Section 41.5: Simple Store
    • 1-180
      Chapter 42: ngrx
    • 1-181
      Section 42.1: Complete example : Login/logout a user
    • 1-182
      Chapter 43: Http Interceptor
    • 1-183
      Section 43.1: Using our class instead of Angular's Http
    • 1-184
      Section 43.2: Simple Class Extending angular's Http class
    • 1-185
      Section 43.3: Simple HttpClient AuthToken Interceptor (Angular 4.3+)
    • 1-186
      Chapter 44: Animation
    • 1-187
      Section 44.1: Transition between null states
    • 1-188
      Section 44.2: Animating between multiple states
    • 1-189
      Chapter 45: Zone.js
    • 1-190
      Section 45.1: Getting reference to NgZone
    • 1-191
      Section 45.2: Using NgZone to do multiple HTTP requests before showing the data
    • 1-192
      Chapter 46: Angular 2 Animations
    • 1-193
      Section 46.1: Basic Animation - Transitions an element between two states driven by a model attribute
    • 1-194
      Chapter 47: Create an Angular 2+ NPM package
    • 1-195
      Section 47.1: Simplest package
    • 1-196
      Chapter 48: Angular 2 CanActivate
    • 1-197
      Section 48.1: Angular 2 CanActivate
    • 1-198
      Chapter 49: Angular 2 - Protractor
    • 1-199
      Section 49.1: Angular 2 Protractor - Installation
    • 1-200
      Section 49.2: Testing Navbar routing with Protractor
    • 1-201
      Chapter 50: Example for routes such as /route/subroute for static urls
    • 1-202
      Section 50.1: Basic route example with sub routes tree
    • 1-203
      Chapter 51: Angular 2 Input() output()
    • 1-204
      Section 51.1: Input()
    • 1-205
      Section 51.2: Simple example of Input Properties
    • 1-206
      Chapter 52: Angular-cli
    • 1-207
      Section 52.1: New project with scss/sass as stylesheet
    • 1-208
      Section 52.2: Set yarn as default package manager for @angular/cli
    • 1-209
      Section 52.3: Create empty Angular 2 application with angular-cli
    • 1-210
      Section 52.4: Generating Components, Directives, Pipes and Services
    • 1-211
      Section 52.5: Adding 3rd party libs
    • 1-212
      Section 52.6: build with angular-cli
    • 1-213
      Chapter 53: Angular 2 Change detection and manual triggering
    • 1-214
      Section 53.1: Basic example
    • 1-215
      Chapter 54: Angular 2 Databinding
    • 1-216
      Section 54.1: @Input()
    • 1-217
      Chapter 55: Brute Force Upgrading
    • 1-218
      Section 55.1: Scaolding a New Angular CLI Project
    • 1-219
      Chapter 56: Angular 2 provide external data to App before bootstrap
    • 1-220
      Section 56.1: Via Dependency Injection
    • 1-221
      Chapter 57: custom ngx-bootstrap datepicker + input
    • 1-222
      Section 57.1: custom ngx-bootstrap datepicker
    • 1-223
      Chapter 58: Using third party libraries like jQuery in Angular 2
    • 1-224
      Section 58.1: Configuration using angular-cli
    • 1-225
      Section 58.2: Using jQuery in Angular 2.x components
    • 1-226
      Chapter 59: Configuring ASP.net Core application to work with Angular 2 and TypeScript
    • 1-227
      Section 59.1: Asp.Net Core + Angular 2 + Gulp
    • 1-228
      Section 59.2: [Seed] Asp.Net Core + Angular 2 + Gulp on Visual Studio 2017
    • 1-229
      Section 59.3: MVC <-> Angular 2
    • 1-230
      Chapter 60: Angular 2 using webpack
    • 1-231
      Section 60.1: Angular 2 webpack setup
    • 1-232
      Chapter 61: Angular material design
    • 1-233
      Section 61.1: Md2Accordion and Md2Collapse
    • 1-234
      Section 61.2: Md2Select
    • 1-235
      Section 61.3: Md2Toast
    • 1-236
      Section 61.4: Md2Datepicker
    • 1-237
      Section 61.5: Md2Tooltip
    • 1-238
      Chapter 62: Dropzone in Angular 2
    • 1-239
      Section 62.1: Dropzone
    • 1-240
      Chapter 63: angular redux
    • 1-241
      Section 63.1: Basic
    • 1-242
      Section 63.2: Get current state
    • 1-243
      Section 63.3: change state
    • 1-244
      Section 63.4: Add redux chrome tool
    • 1-245
      Chapter 64: Creating an Angular npm library
    • 1-246
      Section 64.1: Minimal module with service class
    • 1-247
      Chapter 65: Barrel
    • 1-248
      Section 65.1: Using Barrel
    • 1-249
      Chapter 66: Testing an Angular 2 App
    • 1-250
      Section 66.1: Setting up testing with Gulp, Webpack, Karma and Jasmine
    • 1-251
      Section 66.2: Installing the Jasmine testing framework
    • 1-252
      Section 66.3: Testing Http Service
    • 1-253
      Section 66.4: Testing Angular Components - Basic
    • 1-254
      Chapter 67: angular-cli test coverage
    • 1-255
      Section 67.1: A simple angular-cli command base test coverage
    • 1-256
      Section 67.2: Detailed individual component base graphical test coverage reporting
    • 1-257
      Chapter 68: Debugging Angular 2 TypeScript application using Visual Studio Code
    • 1-258
      Section 68.1: Launch.json setup for you workspace
    • 1-259
      Chapter 69: unit testing
    • 1-260
      Section 69.1: Basic unit test
    • 1-261
      Credits
    • 1-262
      You may also like

    FAQ

    您可以透過手機、平板或是電腦登入 HiSKIO 平台，在【我的學習】＞【我的書籍】頁面，選擇想看的電子書。

    Recommendations

    Reviews

    | Collecting

    Sales Plans