Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Angular AI: Generative AI Apps with Gemini, Genkit, Firebase
New
12 students

Angular AI: Generative AI Apps with Gemini, Genkit, Firebase

Learn generative AI in Angular: build apps with Firebase AI Logic, Genkit, the Gemini SDK, and AI agents. Hands-on.
Created byACHRAF ER-RAYA
Last updated 10/2026
English

What you'll learn

  • Integrate Gemini SDK into Angular apps to build real-time streaming AI features and multi-modal chat interfaces.
  • Build serverless AI pipelines using Firebase AI Logic, Genkit, and modern Angular Signals for state management.
  • Construct multi-model provider-agnostic workflows to effortlessly switch between Gemini, Claude, and OpenAI.
  • Develop autonomous Agentic AI systems with client-side function calling to drive UI actions and application logic.

Explore related topics

Course content

6 sections • 16 lectures • 4h 26m total length

  • Fundamentals of Generative AI Architecture in Modern Angular10:55
  • Fundamentals of Generative AI Architecture in Modern Angular (PART2)10:31

Requirements

  • Basic understanding of Angular, TypeScript, and modern JavaScript (ES6+). No prior AI or Machine Learning experience required.

Description

This course contains the use of artificial intelligence.

Transform your Angular skills by mastering the integration of modern Generative AI features, cloud workflows, and autonomous agent systems.

Who this course is for

  • Angular developers who want to add AI features to real applications

  • Front-end developers moving into AI-powered product development

  • Freelancers who want to offer AI features to clients

  • Tech leads comparing Firebase AI Logic, Genkit, and the Gemini SDK

  • Developers who want to use AI agents to speed up Angular work

What you will learn

  • Angular developers wanting to build enterprise-ready AI features

  • Frontend engineers looking to master Gemini SDK and Firebase Genkit

  • Software architects designing scalable full-stack AI applications

  • Web developers eager to integrate autonomous agentic workflows

  • Master Gemini SDK integration in Angular 18+ applications

  • Implement real-time response streaming using Angular Signals

  • Build serverless AI features with Firebase AI Logic and Extensions

  • Design multi-model provider-agnostic flows using Firebase Genkit

  • Create autonomous agentic systems with custom tool calling

  • Process multimodal inputs including text, code, images, and documents

  • Implement client-side rate limiting and robust cost control

  • Hardening frontend AI security with Firebase App Check proxies

  • Solid working knowledge of Angular and TypeScript

  • Basic familiarity with RxJS and modern state management

  • Free Google Cloud / Firebase account for API key generation

Requirements

  • Basic Angular knowledge (components, services, TypeScript)

  • Node.js and npm installed

  • A free Google account (for Firebase and a Gemini API key)

  • No AI or machine learning experience needed

Final project
You will build an AI Study Companion app. It has an Explain tab with streaming answers (Firebase AI Logic), a Quiz tab that returns validated JSON from a Genkit flow, and a Summarize tab that calls the Gemini SDK from a server route so the key stays private. You will also use an AI agent with the Angular MCP server to add a feature, then review the code it wrote. You finish with a working app, a README, and a short demo for your portfolio.

Who this course is for:

  • Angular developers and frontend engineers looking to integrate cutting-edge Generative AI features, Gemini models, and autonomous AI agents into real-world web applications.

Report abuse