Angular Programming Training Course

Learn the fundamentals of Angular, TypeScript, and how to apply them to build modern web applications and games. Master component architecture, services, routing, and advanced Angular concepts.

Angular Programming Training Course Logo - Learn Angular Framework


Course Information

Duration

  • 36 - 40 hours of intensive training

System Requirements

  • Online Learning: Laptop and stable internet connection (minimum 10 Mbps recommended)
  • Onsite Learning: Bring your laptop (notify us if you need one provided)

Certification Options

  • Attendance Certificate:Complete at least 80% of sessions and classwork
  • Competency Certificate:Available if it is part of a Coding Bootcamp

Industry Alignment

  • International best practices and current industry standards

Delivery Methods

  • Onsite training at our Woodmead classroom
  • Online learning via Discord webinar platform

Investment & Prerequisites

Course Investment

  • R14,500 (excl Vat for Vat Registered Companies)

Prerequisites

Our JavaScript / Python knowledge up to the level of is required for this course.

Target Audience

  • Web developers that want to get started with frontend development,
  • Frontend developers that want to expand their knowledge of JavaScript frameworks.

Learning Outcomes

  • Master the fundamentals of the Angular JavaScript Framework including installation and configuration
  • Master the TypeScript programming language
  • UI design with Components in mind
  • Detailed App enrichment with Pipes and Directives
  • Creating and Consuming Services
  • Reactive Programming with Observables and RxJS
  • Tracking Application state with Signals
  • Application Routing, Forms input, and error handling
  • Master Angular Material
  • Master Testing and Deployment

Course Curriculum

Comprehensive Angular training covering all essential concepts and practical applications.



Detailed Course Modules

Unit 1: Foundation

Setting Up Your Angular Environment

  • Why choose Angular for modern web development?
  • Understanding the Angular CLI Workspace
  • Angular application structure and architecture
  • Essential Angular development tools

Introduction to TypeScript

  • JavaScript fundamentals overview
  • TypeScript language features and benefits
  • Type safety and modern JavaScript concepts

Component-Based Architecture

  • Creating and structuring Angular components
  • Template interaction and data binding
  • Inter-component communication patterns
  • Understanding component lifecycle hooks

Unit 2: Core Concepts

Pipes and Directives

  • Built-in and custom pipes for data transformation
  • Structural and attribute directives
  • Creating custom directives

Services and Dependency Injection

  • Creating reusable services
  • Understanding Angular's dependency injection system
  • Service provider configuration and overrides

Reactive Programming Patterns

  • Asynchronous data handling strategies
  • RxJS library fundamentals
  • Working with Observables and operators

Unit 3: Advanced Features

State Management with Signals

  • Understanding Angular Signals
  • Reading and writing signal values
  • Computed signals for derived state
  • Integration with RxJS observables

HTTP Communication

  • Angular HTTP Client fundamentals
  • Setting up backend API integration
  • Implementing CRUD operations
  • Authentication and authorization with HTTP

Routing and Navigation

  • Angular Router configuration
  • Route parameters and query strings
  • Route guards and resolvers
  • Advanced navigation features

Unit 4: Forms & UI

Angular Forms

  • Web forms fundamentals
  • Template-driven form implementation
  • Reactive forms with FormBuilder
  • Form validation and error handling
  • Dynamic form state manipulation

Error Handling

  • Runtime error management
  • Framework error troubleshooting

Angular Material Design

  • Material Design principles
  • Angular Material component library
  • UI component integration

Unit 5: Testing & Deployment

Comprehensive Unit Testing

  • Importance of unit testing in Angular
  • Test structure and anatomy
  • Angular testing utilities and frameworks
  • Component testing strategies
  • Service and pipe testing
  • Directive testing approaches
  • Form testing methodologies
  • Router testing techniques

Production Deployment

  • Building optimized Angular applications
  • Production configuration and optimization

Performance Optimization

  • Server-side rendering (SSR) implementation
  • Component deferring strategies
  • Performance monitoring and improvement

Training Schedule