課程大綱： Angular 12培訓
Introduction
What is Angular?
What's new in Angular 12?
Overview of Typescript and ES6 JavaScript
TypeScript Syntax
Using the TypeScript transpiler
Setting up Angular 12 and Typescript
Overview of Angular 12's Parts
Angular CLI
Components
Directives
Inputs and Outputs
Data Binding and Interpolation
Event Binding
Data Modelling
Bootstrapping
Experimental Webpack
Creating Your First Angular Application
Planning the Application
Setting Up an Angular Project
Creating a mobile friendly UI using Bootstrap 4 and Sass
Creating a Component
Understanding the Component Lifecycle
Data Flow
Using Templates and Styles
Projecting Content
Working with AppModule
Working with Custom Components
Using View Encapsulation
Implementing Lifecycle Hooks
Using ViewChildren and ContentChildren
Data Binding in Angular 12
Understanding Property and Event Binding
Binding and Assigning Aliases to Custom Properties
Binding and Assigning Aliases to Custom Events
Working with Directives
Built-in Directives
Custom Directives
Angular 12 Services
Creating a Logging Service
Creating a Data Service
Using Dependency Injection and Providers
Injectors, Provider, and Tokens
Configuring Dependency Injection
Configuring Your Provider
Injecting Services into Components, Directives, and Services
Switching Pages with Routing
Understanding the Different Navigation Methods
Routing Strategies
Setting Up Routes
Configuring and Loading Routes
Using Parameters in Routes
Creating Nested Routes
Using Redirect and Wildcard Routes
Understanding Route Guards
Using RxJS to Create and Work with Observables in Angular
Overview of Observables
Overview of RxJS
Building & Using Observables in Angular
Generating Forms for User Input
Using the Template Driven Forms
Using the Reactive Forms
Creating custom validation
Validating, filtering, and sanitizing form data
Using Pipes
Transforming output
Built-in Pipes
Async Pipe
Custom Pipes
Making Calls to External HTTP APIs
Sending requests
Testing the Angular 12 Application
Using Jasmine for unit testing
Exploring Protractor alternatives for end-to-end testing
Debugging the Application
Understanding Error Messages in Angular
Using Sourcemaps to Debug Code in the Browser
Reading TypeScript Compilor diagnostics
Using Augury to debug inside a browser
Optimizing the Angular 12 Application
Reworking the code
Reducing bundle size and eliminating dead-code
Angular 12 Security
How authentication works
Using JWT authentication
What should and shouldn't be written in Angular
Deploying an Angular 12 Application to Production
Deploying to IIS, Apache, Nginx, etc.
Angular 12 Best Practices
Troubleshooting
Summary and Conclusion
加入高級會員獲得助教答疑
