Angular Development
This course takes a thorough look at the latest version of Angular. We can also run courses on earlier versions of Angular, if this is what you're looking for - just contact us to discuss the details.
Objectives
- Angular architectural concepts
- Using Angular CLI
- Creating and testing Angular apps
- Templates
- Data binding and forms
- Dependency injection
- Pipes
- Directives and transclusion
- Routing and navigation
- Calling REST services
- Server-side routing
Prerequisites
- Familiarity with HTML and JavaScript programming
Contents
Creating a Simple Angular Application
- Getting started with Angular CLI
- Structure of an Angular application
- Importing Angular libraries
- Angular bundles
- Angular components
- Templates
- Binding expressions
- Bootstrapping Angular
- Overview of routing
- Standalone components
Data Binding
- A closer look at data binding
- Two-way data binding
- Delayed binding
- Applying CSS styles and classes conditionally
- Using structural directives
- Differences in earlier versions of Angular
Pipes
- Using built-in pipes
- Internationalization
- Using promises, observables, and the async pipe
- Defining custom pipes
- Applying pipes programmatically
UI Techniques
- Template-driven forms
- Reactive forms
- Dynamic (data-driven) forms
- Validation techniques
- Control state change events
- Deferrable views
- Control flow using built-in keywords
Component Hierarchies
- Structuring applications
- Defining component inputs
- Defining component outputs
- The mediator pattern
Dependency Injection
- Overview of dependency injection in Angular
- Simple dependency injection
- Using the provide() function
- A hierarchy of injectors
- Global provision
- Injection into services
- Values and factories
Closer Look at Angular Routing
- Route parameters and route data
- Defining multiple router outlets
- Lazy loading
- Router lifecycle events
- Function-based redirects
Calling Rest Web Services
- Overview of Rest services
- Calling Rest services using HttpClient
- Dealing with asynchronous results
Server-Side Rendering
- What is SSR and why is it useful?
- How to implement SSR in Angular
Implementing Custom Directives
- Attribute directives
- Specifying parameters and events
- Structural directives
- Transclusion
