Visual Studio Code hosts Debbie O’Brien and Chris Noring in a hands-on session exploring the Model Context Protocol (MCP), featuring demos and practical guidance for developers new to MCP.

Let’s Learn Model Context Protocol (MCP) with JavaScript and TypeScript

Presented by: Debbie O’Brien, Chris Noring
Host: Visual Studio Code

Overview

This workshop introduces the Model Context Protocol (MCP), a Microsoft-driven standard that helps developers connect AI models to client applications in a unified, open way. Beginners will learn core concepts, practical use cases, and how to create an MCP server.

Chapters & Highlights

  • What is MCP? (00:00)
    • Introduction to MCP: its purpose, architecture, and benefits for connecting clients and AI models.
  • Demo: Microsoft Docs MCP (17:41)
    • Example of MCP in Microsoft Docs, demonstrating real-world functionality.
  • Demo: Playwright MCP (22:05)
    • Illustration of integrating MCP with Playwright for interactive scenarios.
  • Demo: FileSystem MCP (26:28)
    • Showcasing how MCP can interact with local file systems.
  • Live Coding: Create Your First MCP Server (31:08)
    • Step-by-step guide on building and running an MCP server using JavaScript and TypeScript. Includes code samples and best practices.

Resources

Technologies Covered

  • JavaScript & TypeScript: Code samples and live coding in both languages.
  • .NET Ecosystem: MCP also features .NET integration, broadening its use for Microsoft developers.
  • Microsoft AI and MCP: Direct application of AI-standard protocols by Microsoft.
  • Playwright: Automated testing integration sample.

Who Should Watch

  • Developers curious about AI integration practices
  • Anyone exploring Microsoft-led AI frameworks
  • JavaScript/TypeScript/.NET programmers interested in new standards

Takeaways

  • Understanding what MCP is and its practical applications
  • Ability to set up your own MCP server in JavaScript or TypeScript
  • Awareness of ongoing community events and further learning resources

About the Presenters

Debbie O’Brien and Chris Noring provide an accessible, hands-on learning experience for developers of all backgrounds.