Angular 18 Development

This course takes a thorough look at Angular 18, the latest version of the Angular framework. 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.

What you'll learn

• Angular architectural concepts
• Using Angular CLI
• Creating and testing Angular apps
• Templates
• Data binding and forms
• Dependency injection
• Pipes
• Directives and transclusionRouting and navigation
• Calling REST services
• Server-side routing

Prerequisites:

Familiarity with HTML and JavaScript programming

Course details:

• 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 in Angular 18; 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 in Angular 18

 

• 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 18

 

• Implementing Custom Directives: Attribute directives; Specifying parameters and events; Structural directives; Transclusion 

 

Other relevant courses