|
Getting Started
- Working with JavaScript Modules and SystemJs
- Introduction to TypeScript
- A Conceptual Overview of Angular 2
- Here’s What We’ll Be Building
- Installing Git and Node
- Creating Your First Component
- Using the Angular CLI
Creating and Communicating Between Components
- Creating Your First Data-bound Component
- Using External Templates
- Communicating with Child Components Using @Input
- Communicating with Parent Components Using @Output
- Using Template Variables to Interact with Child Components
- Styling Components
- Exploring Angular’s CSS Encapsulation
- Adding a Site Header
Exploring the New Template Syntax
- Interpolation, Property Bindings, and Expressions
- Event Bindings and Statements
- Repeating Data with ngFor
- Handling Null Values with the Safe-Navigation Operator
- Hiding and Showing Content with ngIf
- Hiding Content with the [Hidden] Binding
- Hiding and Showing Content with ngSwitch
- Styling Components with ngClass
- Styling Components with ngStyle
Creating Reusable Services
- Introduction
- Why We Need Services and Dependency Injection
- Creating Your First Service
- Wrapping Third Party Services
Routing and Navigating Pages
- Adding Multiple Pages to Your App
- Adding Your First Route
- Accessing Route Parameters
- Linking to Routes
- Navigating from Code
- Guarding Against Route Activation
- Guarding Against Route De-activation
- Pre-loading Data for Components
- Styling Active Links
Collecting Data with Forms and Validation
- Introduction
- Using Models for Type Safety
- Creating Your First Template-based Form
- Using the Data from Your Template-based Form
- Validating Template-based Form
- Validating Reactive Forms
Communicating Between Components
- Passing Data into a Child Component
- Passing Data out of a Child Component
Reusing Components with Content Projection
- Content Projection
- Multiple Slot Content Projection
Displaying Data with Pipes
- Using Built-in Pipes
- Creating a Custom Pipe
- Sorting and Filtering Overview
- Creating a Filtering Display
- Filtering Data
Understanding Dependency Injection
- Using Third Party Global Services – The Problem
- Angular Dependency Injection Lookup
- Using OpaqueToken for Dependency Injection
- Using the @Inject Decorator
- The useClass Provider
Creating Directives and Advanced Components
- Implementing the Session Search
- Adding jQuery
- Creating a Modal Component
- Fixing Template Parse Errors
- Creating Directives – The Trigger Directive
- Binding an ID
- Routing to the Same Component
- Using the @ViewChild Decorator
- Creating Settings on Components
Communicating with the Server Using HTTP, Observables, and Rx
- Moving Data Storage to the Server
- Listening to Resolved Data Changes
- Using Querystring Parameters
- Using POST and PUT
- Using DELETE
- Integrating Authentication with the Server
- Persisting Authentication Status Across Page Refreshes
- Saving User Data to the Server
- Implementing Logout
Unit Testing Your Code
- Installing Karma
- Unit Testing Services
- Testing Mock Calls
- Testing Components with Isolated Tests
Going to Production
- Learning the Concepts
- Linting with TSLint
- Tuning Your rxJS Requests
- Enabling Production Mode
- Basic Copy Deployment
- Ahead of Time Compiler Overview
- Preparing for the AOT Compiler
- Making Coding Fixes for the AOT Compiler
- Running the AOT Compiler
- Tree Shaking and Bundling with Rollup
|
