Uploaded July 2025 | Updated September 2026, 2 weeks ago

---

Get 25% off Frontend Masters: frontendmasters.com/?code=webdevsimplified&utm_campaign=mcpcrashcourse
*Become a web developer* with my *FREE Web Development Roadmap* - _260+ videos, 120+ projects, 60+ articles_ 👉 webdevsimplified.com/web-dev-roadmap.html

MCP servers/clients are incredibly popular and only going to increase in popularity as AI agents become more powerful and prevalent. In this video I will explain in depth what MCP is, how it works, and show you not only how to build your own MCP server, but also how you can build your own client as well. This is the most in depth MCP video available.


📚 Materials/References:

Get 25% off Frontend Masters: frontendmasters.com/?code=webdevsimplified&utm_campaign=mcpcrashcourse
GitHub Code: github.com/WebDevSimplified/mcp-server-and-client
MCP Info Website: modelcontextprotocol.io
Pure Functions Video: youtu.be/fYbhD_KMCOg
Pure Functions Article: blog.webdevsimplified.com/2020-09/pure-functions/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-gfqoqk6--As


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00:00 - Introduction
00:01:29 - What is MCP
00:06:28 - Server - Setup
00:13:13 - Server - Tools
00:27:24 - Server - Resources
00:32:08 - Server - Resource Templates
00:35:43 - Server - Prompts
00:38:47 - Server - Sampling
00:46:46 - Client - Setup
00:51:48 - Client - Tools
00:56:23 - Client - Resources
01:01:25 - Client - Prompts
01:06:53 - Client - Query AI
01:12:18 - Client - Sampling


#MCP #WDS #MCPServer