Training - Angular UI Development

Angular UI Development Training

4 hours

Back

Back Send Training Request

Content of Training

Discover how to build modern single-page applications with Angular and the ABP Framework.

Learn to create dynamic user interfaces using ABP's Angular components, modules, and services.

Perfect for developers who want to create enterprise-level SPAs with Angular.

Training Breakdown

Project creation & development environment
- Creating a new Angular application with ABP Studio
- Setting up the development environment
- Understanding the project structure
- Code generation example with ABP Suite
Core UI Structure and Components
- Page Structure and Layouts
  - Exploring pre-built layout structures provided by ABP
    
    Explaining theme related components
  - Understanding the usage of multiple layout options
- Page, Menu & Navigation in ABP
  - Creating a new page in the Angular application
  - Creating and managing dynamic menus within ABP applications
  - Implementing permission-based menu item visibility
Application & config state
- Understanding the application state management
- Configuring the application settings
Authentication
- Explaining authentication mechanisms in Angular applications
- Using the authentication services of ABP
HTTP requests management
- Using HttpClient to make API requests
- Handling HTTP responses and errors
- Customizing HTTP requests and interceptors
- Understanding and implementing cross-cutting concerns like logging, error handling
- Using the HttpClient implementation of ABP
Service proxies
- Understanding automatically generated classes for type-safe API access
  - Generating proxies using ABP Schematics
Localization
- Implementing client-side localization for multi-language support
Tables and list utilities
- Implementing data tables for efficient dataset management
- Implementing sorting, filtering, and pagination functionalities
Modals, alerts, toasts, pop ups
- Creating and managing modal windows for interactive user experiences
- Displaying informative messages and notifications
- Understanding notification types for various scenarios
Forms & validation
- Creating and managing forms within the Angular application
- Displaying validation messages to enhance user feedback
- Explaining usage of ABP extensible form component
Permissions
- Implementing policy-based authorization in Angular
- Checking user permissions on the client side
Feature modules & extensions
- Understanding the modular architecture of Angular applications
- Creating and managing feature modules
- Extending existing modules with custom functionality
Customization and extending the UI
- Theme Customization
  - Adding custom styles and color palette
  - Customizing logo and toolbar
- Modifying functionality of pre-built UI components
  - Component replacement
  - Introducing extension system
Build & deployment
- Building the Angular application for production
Question & Answer

Do you need Angular UI Development training?

Get in touch with us

Framework

Tools

Startup Templates

UI Themes

Mobile

Modules

Angular UI Development Training

Content of Training

Training Breakdown

Do you need Angular UI Development training?

Platform

Developers

Community

Services

Framework

Tools

Startup Templates

UI Themes

Mobile

Modules

More

More

More

More

Angular UI Development Training

Content of Training

Training Breakdown

Do you need Angular UI Development training?

Subscribe to the Newsletter