課程簡介
Introduction
- What's new in Angular 6?
Overview of Typescript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 6 and Typescript
Overview of Angular 6's Parts
- Creating Components
- Databinding and String Interpolation
- Property Binding
- Event Binding
- Two-Way-Databinding
- Data Modelling
- Directives
- Bootstrapping
- Inputs & Outputs
- Angular CLI
Creating Your First Angular Application
- Planning the Application
- Setting Up an Angular Project and App Using the CLI
- Creating a Basic Project Setup Using Bootstrap 4 and Sass
Using Angular 6 Components
- Data Flow
- Working with AppModule
- Working with Custom Components
- Using Templates and Styles
- Using View Encapsulation
- Projecting Content
- Understanding Component Lifecycle and Lifecycle Hooks
- Using ViewChildren and ContentChildren
Databinding in Angular 6
- Overview of Property & 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 6 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
- Setting Up Routes
- Configuring and Loading Routes
- Understanding the Different Navigation Methods
- Using Parameters in Routes
- Creating Nested Routes
- Using Redirect and Wildcard Routes
- Understanding Route Guards
- Understanding Routing Strategies
Using RxJS to Create and Work with Observables in Angular
- Overview of Observables
- Overview of RxJS
- Building & Using Observables in Angular
Handling Forms
- Using the Template Driven Forms
- Using the Reactive Forms
Using Pipes
- Built-in Pipes
- Async Pipe
- Custom Pipes
Making Calls to External HTTP APIs
Using Angular Modules
Testing the Angular 6 Application
- Using Jasmine for unit testing
Debugging the Application
- Understanding Error Messages in Angular
- Using Sourcemaps to Debug Code in the Browser
- Using Augury
Optimizing the Angular 6 Application
Angular 6 Security
- Authentication
- What should and shouldn't be written in Angular
Deploying an Angular 6 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Troubleshooting
Closing Remarks
最低要求
- 熟悉基本的HTML、CSS和JavaScript
受衆
- 開發者
客戶評論 (6)
材料很棒! 培訓師人非常好,這對學習幫助很大!
Xander Knol - Conclusion Learning Centers
課程 - Angular 6
機器翻譯
實踐練習!
William Limberger - Conclusion Learning Centers
課程 - Angular 6
機器翻譯
學習Angular的整個生態系統,包括TypeScript,特別是路由
Ryan Delport - Leaseweb
課程 - Angular 6
機器翻譯
通過實際動手操作進行練習。
Christiaan Sloof - Leaseweb
課程 - Angular 6
機器翻譯
我真的很喜歡這位培訓師,他是一位非常專業的專家。
Lukasz Cysewski - PSI Polska
課程 - Angular 6
機器翻譯
教程讓我們能夠將講座中學到的知識應用到實際案例中,也爲我們提供了提問的機會,以便在不確定某些內容如何運作時得到解答。
Chris Gilchrist - SAA Consultants LTD
課程 - Angular 6
機器翻譯