Course Outline
Introduction
- Understanding Angular
- New Features in Angular 10
Overview of TypeScript and ES6 JavaScript
- TypeScript Syntax Essentials
- Utilizing the TypeScript Transpiler
- Setting Up Angular 10 with TypeScript
Key Components of Angular 10
- Angular CLI
- Components
- Directives
- Inputs and Outputs
- Data Binding and Interpolation
- Event Binding
- Data Modelling
- Bootstrapping
Developing Your First Angular Application
- Application Planning
- Project Setup
- Building a Mobile-Friendly UI with Bootstrap 4 and Sass
Component Creation
- Understanding the Component Lifecycle
- Data Flow Mechanisms
- Utilizing Templates and Styles
- Content Projection
- Working with AppModule
- Implementing Custom Components
- Applying View Encapsulation
- Implementing Lifecycle Hooks
- Using ViewChildren and ContentChildren
Data Binding in Angular 10
- Mastering Property and Event Binding
- Binding and Assigning Aliases to Custom Properties
- Binding and Assigning Aliases to Custom Events
Working with Directives
- Built-in Directives
- Creating Custom Directives
Angular 10 Services
- Creating a Logging Service
- Creating a Data Service
Using Dependency Injection and Providers
- Exploring Injectors, Providers, and Tokens
- Configuring Dependency Injection
- Configuring Your Provider
- Injecting Services into Components, Directives, and Services
Page Navigation with Routing
- Understanding Navigation Methods
- Routing Strategies
- Setting Up Routes
- Configuring and Loading Routes
- Utilizing Parameters in Routes
- Creating Nested Routes
- Implementing Redirect and Wildcard Routes
- Understanding Route Guards
Managing Observables with RxJS in Angular
- Overview of Observables
- Overview of RxJS
- Building and Using Observables in Angular
Creating Forms for User Input
- Using Template-Driven Forms
- Using Reactive Forms
- Creating Custom Validation
- Validating, Filtering, and Sanitizing Form Data
Utilizing Pipes
- Transforming Output
- Built-in Pipes
- Async Pipe
- Custom Pipes
Interacting with External HTTP APIs
- Sending Requests
Leveraging Angular Modules
Testing the Angular 10 Application
- Unit Testing with Jasmine
- End-to-End Testing with Protractor
Debugging the Application
- Interpreting Error Messages in Angular
- Debugging Code in the Browser Using Sourcemaps
- Reading TypeScript Compiler Diagnostics
- Utilizing Augury
Optimizing the Angular 10 Application
- Code Refactoring
- Reducing Bundle Size and Eliminating Dead Code
Angular 10 Security
- How Authentication Works
- Implementing JWT Authentication
- Best Practices: What to Write (and Avoid) in Angular
Deploying an Angular 10 Application to Production
- Deployment to IIS, Apache, Nginx, and Other Servers
Angular 10 Best Practices
Troubleshooting
Summary and Conclusion
Requirements
- Proficiency in basic HTML, CSS, and JavaScript.
Target Audience
- Software Developers
Testimonials (4)
The trainer attitude and knowledge
Gabriel Llaurado - Allianz Technology
Course - Angular 10 for Developers
The knowledge of the instructure.
Jeffry Gonzalez - Allianz Technology
Course - Angular 10 for Developers
We started from the base of Angular and TS and we incremented the difficulty of the exercises in a good way
Daniel Zamorano Infante - Allianz Technology
Course - Angular 10 for Developers
Practical examples, exercises and best practices
