К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Agentic AI Foundations with MERN, RAG & MCP · LearnSpace
Назад в каталог
courseraПрограммирование

Agentic AI Foundations with MERN, RAG & MCP

Курс от LearnKartS
Начальный≈ 10.6 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Unlock the power of advanced AI development! The future of AI is here, and it’s time to learn how to build intelligent, scalable systems that go beyond basic models like ChatGPT and Gemini. This Agentic AI course will teach you how to develop Agentic AI systems using RAG (Retrieval Augmented Generation) and MCP (Model Context Protocol) from scratch. You’ll get hands-on experience setting up a MERN stack environment, integrating cutting-edge tools like Gemini and OpenAI, and creating AI-driven chat applications. Master frontend development using React, TypeScript, and Vite, designing sleek, responsive, and high-performance applications. You’ll also optimize your systems for real-world deployment, ensuring they are scalable and robust. What sets this course apart? You’ll go beyond theory to build real-world AI systems with skills that are in high demand across the industry. Perfect for developers, engineers, and tech enthusiasts eager to break into the AI field. Don’t just learn AI—become a creator of intelligent systems. Enroll today and start building the future of AI!

Навыки, которые вы освоите

Node.JSAgentic systemsModel Context ProtocolTypeScriptSoftware ArchitectureFrontend IntegrationFrontend PerformanceWeb ApplicationsGenerative AI AgentsAI IntegrationsLLM ApplicationGenerative AIMachine LearningUser Interface and User Experience (UI/UX) DesignArtificial IntelligenceFront-End Web DevelopmentOpenAI APIGoogle GeminiChatGPTData Integration

Программа курса

3 модулей · 61 учебных материалов

01Agentic AI Foundations18 материалов

Agentic AI Basics

Course IntroductionВидеоThe Problem with Standard AI Models: Why ChatGPT/Gemini/Claude isn't enoughВидеоWhat is RAG? Understanding Retrieval Augmented GenerationВидеоWhat is MCP (Model Context Protocol)? Concept, Purpose & Real-World ExamplesВидео

Учитесь у экспертов

LearnKartS

Преподаватель курса

Nikhil Agarwal

Преподаватель курса

Agentic AI Foundations with MERN, RAG & MCP
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 10.6 ч

3 модулей

Язык: Английский

Часть программы вашего университета
How MCP Works: Architecture, Tools, and End-to-End WorkflowВидео
How MCP Server Actually Works: Architecture Deep DiveВидео
Checkpoint QuizЗадание
Proficiency QuizЗадание

RAG, MCP, and System Evolution

How RAG + MCP Work Together: The Power of Combined SystemsВидеоIs RAG Alone Sufficient? Limitations of Simple Retrieval! RAG Only vs RAG + MCPВидеоThe Evolution: From Chatbots to Agentic SystemsВидеоWhat You'll Build in This CourseВидеоAgentic AI with MERN - Project DemoВидеоCareer Prep: RAG & Agent Architecture QuestionsВидеоCheckpoint QuizЗаданиеFull-Stack Agentic AI Development: RAG, MCP & Building Intelligent Agent SystemsDIALOGUEProficiency QuizЗаданиеDesigning an Agentic AI System with RAG, MCP, and MERN StackDIALOGUE
02Development Environment and Core Setup20 материалов

Environment, APIs, and RAG Foundation

Project Initialization: Installing Node.js and Setting Up the Runtime EnvironmentВидеоInstalling Angular CLI and Configuring VS Code for DevelopmentВидеоCreate Gemini-AI API KeyВидеоCreate OpenAI (ChatGPT) API KeyВидеоUnderstanding RAG ArchitectureВидеоHow RAG Actually Works Behind the ScenesВидеоUnderstanding Embeddings, Retrieval and AugmentationВидеоCheckpoint QuizЗаданиеProficiency QuizЗадание

Frontend Project Scaffolding and Initial UI Setup

Creating a React Application with Vite and TypeScriptВидеоSetting Up VS Code Extensions for Efficient React DevelopmentВидеоIntegrate Tailwind CSS in React AppВидеоIntegrate Bootstrap Icons and Run React App in Different Port NumberВидеоInstalling Gemini Code Assist in VS Code for AI-Assisted DevelopmentВидеоDesigning a React Chat UI Using AI Prompt EngineeringВидео
03Creating a Scalable React Chat Frontend23 материалов

Designing the React App Experience

Setting Up the Foundation for the React AppВидеоWorking with Flexbox and Initial LayoutВидеоIntegrating Colors and Setting Up Dark ModeВидеоEnsuring the Design is Mobile-ResponsiveВидеоCheckpoint QuizЗаданиеProficiency QuizЗадание

Building the Chat Interface and Managing React State

Refining the Header and Border DesignВидеоDesigning the Chat InterfaceВидеоUsing React to Handle Messages and StateВидеоOptimizing the App Design and Wrapping UpВидеоCheckpoint QuizЗаданиеFull-Stack Agentic AI Development: React Chat UI Refinement, State Management & Final OptimizationDIALOGUE

React Component Structure and Frontend Preparation

Refactoring the Chat UI and Creating Reusable ComponentsВидеоBuilding the Chat Messages Component with Props and TypeScriptВидеоCreating the Chat Input Component and Final Code OptimizationВидеоPreparing Frontend for API callingВидеоImplementing env variables in React AppВидеоHandling Errors in Optimised mannerВидео
Reviewing AI-Generated React Chat Interface and Running the ApplicationВидео
Checkpoint QuizЗадание
Full-Stack Agentic AI Development: React Setup, AI-Assisted UI Design & Development WorkflowDIALOGUE
Proficiency QuizЗадание
Building an AI-Powered React Chat Interface with Modern Development ToolsDIALOGUE
Proficiency QuizЗадание
Enhancing Chat Interface Design and State Management in ReactDIALOGUE
Checkpoint QuizЗадание
Proficiency QuizЗадание
Course SummaryВидео