Course Outline
Introduction
- What is Angular?
- What's new in Angular 11?
Overview of Typescript and ES6 JavaScript
- TypeScript Syntax
- Using the TypeScript transpiler
- Setting up Angular 11 and Typescript
Overview of Angular 11'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 11
- 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 11 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 10 Application
- Using Jasmine for unit testing
- Using Protractor 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
Optimizing the Angular 11 Application
- Reworking the code
- Reducing bundle size and eliminating dead-code
Angular 11 Security
- How authentication works
- Using JWT authentication
- What should and shouldn't be written in Angular
Deploying an Angular 11 Application to Production
- Deploying to IIS, Apache, Nginx, etc.
Angular 11 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Familiarity with basic HTML, CSS, and JavaScript
Audience
- Developers
Testimonials (5)
Saya menyukai pelatihan yang lebih fokus pada sisi praktis.
Mihaela - Ness
Course - NgRx
Machine Translated
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
Course - Reactive Programming with Angular RxJS
I liked your jokes
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Analisis langkah demi langkah. Penjelasan setiap baris kode. Setiap masalah yang saya hadapi selama kursus berhasil diselesaikan dan Łukasz memberi tahu saya alasannya. Saya juga menyukai praktik baik yang telah disajikan. Saya belum pernah yakin tentang gaya TDD - menurut saya gaya ini tidak berguna dan tidak sepadan dengan waktunya. Łukasz menunjukkan begitu banyak keuntungan dari TDD, itu benar-benar mengubah pendapat saya.
Michal Uscinski - Devapo Sp. z o. o.
Course - Testing Angular Applications
Machine Translated