Building an AI-Assisted Application with Angular & Genkit

Description

This bite-sized training guides participants through building an application enhanced with AI capabilities. Using Angular, NestJS, and Google Genkit, attendees will implement structured workflows alongside an AI assistant. The focus is on practical integration of frontend, backend, and AI components within a compact, real-world application scenario.

Indicative Duration: 3 training hours
*Duration is adjusted based on the final scope and the target audience.


Scope

1. Designing the Application
UI with Angular Material
  • Angular Material setup and project configuration
  • Designing responsive and accessible UI components
2. Backend & AI Integration
with NestJS and Genkit
  • NestJS & Genkit setup
  • Connecting AI workflows with structured business logic

Learning Objectives

Upon completion of the course participants will be able to:

  1. Integrate Google Genkit to enable AI-assisted user interactions within web applications
  2. Implement AI-assisted features while maintaining structured data handling and validation
  3. Connect frontend, backend, and AI logic into a cohesive, end-to-end application flow

Target Audience

  • Roles: Angular Developers, Full-Stack Developers, Web Application Developers
  • Seniority: Junior to Mid-Level Professionals

Prerequisite Knowledge

  • Solid understanding of Angular fundamentals
  • Experience with signals, bindings, and Angular HTTP client
  • Basic knowledge of REST APIs

Delivery Method

Sessions can be delivered via the following formats:

  • Live Online โ€“ Interactive virtual sessions via video conferencing
  • On-Site โ€“ At your organizationโ€™s premises
  • In-Person โ€“ At Code.Hubโ€™s training center
  • Hybrid โ€“ A combination of online and in-person sessions

 

The training methodology combines presentations, live demonstrations, hands-on exercises and interactive discussions to ensure participants actively practice AI in realistic work scenarios.

Date

On Demand

Organizer

Code.Hub
Email
[email protected]