Developing Applications using Angular Training in Singapore

Angular is one of the leading frameworks for building scalable, maintainable, and high-performance web applications. Combined with TypeScript, it provides a robust development platform for creating enterprise-grade front-end solutions with strong typing, modular architecture, and reusable components.

Developing Applications using Angular is a practical training programme that guides participants through the complete Angular application development lifecycle. Starting with project setup and Angular fundamentals, the course progressively covers components, templates, routing, dependency injection, RxJS, Signals, forms, and HTTP communication while participants build a working application throughout the programme.

Hands-on exercises and instructor-led demonstrations enable learners to gain practical experience with the techniques and best practices used in modern Angular development.

Participants should have:

• At least one year of software or web development experience
• Strong knowledge of HTML and CSS
• Practical JavaScript development experience
• Working knowledge of TypeScript
• Familiarity with modern web application development concepts

This programme is designed for:

• Front-End Developers
• Software Engineers
• Full-Stack Developers
• JavaScript developers transitioning to Angular
• Development teams building enterprise web applications

After completing this course, participants will be able to:

• Install and configure Angular development environments.
• Build modular Angular applications using components.
• Create dynamic templates using Angular binding techniques.
• Implement event, property, and two-way data binding.
• Develop and use built-in and custom directives.
• Format application data using pipes.
• Apply dependency injection to build reusable services.
• Develop reactive applications with RxJS, Observables, and Angular Signals.
• Configure application routing and navigation.
• Build forms using both Reactive Forms and Template-Driven Forms.
• Integrate REST APIs using HttpClient.
• Manage HTTP requests with interceptors.

Module 1 – Introduction to Angular

• Angular architecture
• Framework overview
• Benefits of Angular
• Comparing Angular with other JavaScript frameworks

Module 2 – Installation and Angular CLI

• Installing development tools
• Angular CLI
• Creating a new Angular project
• Understanding project structure

Module 3 – Components

• Component architecture
• Creating components
• Selectors
• Component styling
• Inputs and Outputs
• Event communication
• Component lifecycle

Module 4 – Templates

• Angular templates
• Text interpolation
• Template expressions
• Property binding
• Event binding
• Two-way binding
• Control flow

Module 5 – Pipes

• Built-in pipes
• Creating custom pipes
• Data formatting
• Practical pipe usage

Module 6 – Directives

• Built-in directives
• Attribute directives
• Structural directives
• Creating custom directives
• Directive implementation

Module 7 – Dependency Injection

• Dependency Injection architecture
• Injectable services
• Provider configuration
• Injection context
• Injecting services into components

Module 8 – Observables, RxJS and Signals

• Reactive programming concepts
• Working with Observables
• RxJS operators
• Angular Signals
• Creating signals
• RxJS interoperability

Module 9 – Routing and Forms

• Angular Router
• Route configuration
• Navigation
• Reactive Forms
• Strictly Typed Forms
• Template-Driven Forms
• Form validation

Module 10 – HttpClient and API Integration

• Configuring HttpClient
• Making HTTP requests
• REST API integration
• HTTP interceptors
• Request and response handling