Building Adaptive CardStop wasting time searching Start building ACEs with confidence.
Building Adaptive Card Extensions using the SharePoint Framework is an essential skill for every SharePoint developer, enabling you to create a modern, user-friendly experience that enhances both the functionality and usability of your SharePoint and Viva Connections environment.
In this course, you will master a straightforward approach to creating different types of SPFx ACEs—faster, clearer, and with greater confidence.
Whether you're looking to:
- Deliver top-quality Adaptive Card Extensions for your clients
- Learn how to create custom property panes for your Adaptive Card Extensions
- Seamlessly customize any SharePoint or Viva Connections site
This course covers it all. You'll get:
- Comprehensive content to master SPFx ACEs from end to end
- Lifetime access with ongoing updates to keep your skills sharp
- Supportive student community to ask questions, share experiences, and learn together
Created by Andrew Connell, a 20+ year Microsoft MVP and a trusted expert in the Microsoft 365 ecosystem.
This course gives you the practical skills to build real-world solutions.
No fluff, no guesswork—just actionable, hands-on learning that gets results.
If you are a web developer considering diving into the Microsoft SharePoint Framework development space, then I highly recommend taking Andrew Connell’s Voitanos SharePoint Framework Development online courses. They cover all aspects of SharePoint Framework Development, progressing logically from beginner to expert levels. Andrew speaks to you clearly and directly, breaking down complex concepts into understandable chunks, such as introducing TypeScript and NodeJS, and evolving into more advanced topics like React vs Angular as a framework for SharePoint Online. As an experienced developer coming from the SharePoint Server development space, Andrew was excellent at explaining the differences and similarities between the SharePoint Server versus SharePoint Online, such as the developer sandbox environments and development toolset. Andrew speaks to you like you're a Full Stack Developer and tells you like it is, as he has not drunk the Microsoft Cool Aid, so start with Mastering the SPFx – Starter course and you will be hooked.
Joe Botelho
Microsoft 365 Developer, Web Services Manager
Ready to go beyond ACEs? Upgrade to the full...
Mastering the SPFx Course
Explore the Full Syllabus
- Master the SPFx from fundamentals to advanced customizations
- Access exclusive lessons and demos
- Stay ahead with lifetime updates
- ...and much more
Step-by-step to create top-tier ACEs
Learn faster, build smarter, and become an irreplaceable expert.
Buy once, own forever
No subscriptions. No recurring fees. You get lifetime access to all the content, so you can learn at your own pace and revisit any module whenever you need.
Step-by-step, real-world training
Say goodbye to guesswork. Every module is designed to build your skills step-by-step, with a focus on real-world applications—not just theory. You'll learn to build practical SPFx solutions you can start using right away.
A supportive, active community
Join a private Discord channel exclusively for students. Get help from fellow developers—plus, get priority access to Q&A sessions with Andrew Connell himself.
Lifetime access to future updates
The SPFx is constantly evolving, and so is this course. You'll get access to all future updates, so you can stay on top of the latest changes in the SPFx, ensuring your skills are always up-to-date.
Lifetime access to future updates
The SPFx is constantly evolving, and so is this course. You'll get access to all future updates, so you can stay on top of the latest changes in the SPFx, ensuring your skills are always up-to-date.
Course breakdown
Everything you need to go from basics to building advanced SPFx solutions.
Course introduction & overview
3 Lessons
3 Lessons
This chapter introduces you to the author & instructor of the course, what topics you can expect to learn and find out how to get the most out of this course.
Chapter overview4:59
In this first lesson, I welcome you to the course, explain who the target audience is for the course, and previews the other lessons in this chapter.
Course author introduction2:11
In this lesson, learn who your instructor is, and why you should trust AC (me!) with your SharePoint Framework education!
How to get the most out of the course6:53
Make sure that you get the most out of the course bundle that you subscribed to by watching this lesson! You''ll learn how the course is constantly updated, how to be notified of updates, and how to get the details on the versions of different apps or libraries are recorded.
Introducing the SharePoint Framework
6 Lessons
6 Lessons
This chapter explains why Microsoft created the SharePoint Framework to extend and customize SharePoint sites. You'll learn what the SharePoint Framework is and what scenarios it addresses.
Chapter overview2:16
This brief lesson explains what my goal is in this chapter and what you''ll learn.
History of SharePoint development17:00
Before learning about the SharePoint Framework, take a moment to look back at this history of SharePoint development. This will help you understand what you are building when compared to what you used to build.
Introducing the SharePoint Framework9:47
In this lesson, you''ll be introduced to the SharePoint Framework. Learn what it is, what problems it solves, and under which scenarios it should be considered.
DEMO: Client-side web parts10:02
Let''s now see what the user experience is like with the client-side web parts built for the SharePoint Framework. In this demo, you''ll see how the add & edit experience is different with these new client-side web parts to the more traditional classic web parts we are used to in SharePoint.
Comparing SharePoint development options12:05
In this lesson, learn how the SharePoint Framework development differs from the traditional style of SharePoint development options in the past. This will help you understand what you are building and why in the SharePoint Framework.
SharePoint Framework documentation & resources10:22
While a fantastic resource, this course will likely just be one arrow in your quiver. In this lesson, you''ll learn what other resources are available to you for SharePoint Framework development offered by Microsoft.
Set up your developer environment
11 Lessons
11 Lessons
The SharePoint Framework introduces a completely new development toolchain from traditional SharePoint development. This chapter teaches you what this is all about and gets your environment set up.
Chapter overview4:10
This brief lesson will explain what you can expect to find in the remainder of the chapter.
Working with command prompts5:28
SharePoint Framework developers will spend a good bit of time on the command line as you''ll see throughout this chapter. In this lesson, you''ll learn about alternate options you should consider regardless if you are using Windows or macOS as your primary development machine.
SharePoint solution & add-in vs. SharePoint Framework development6:02
Before diving into the development toolchain for the SharePoint Framework, take a minute to consider what traditional SharePoint development was like. This helps in understanding why we have new tools and how they map to the tools you may have used if you did traditional SharePoint development.
SharePoint Framework development toolchain overview9:17
This lesson will provide an overview of the SharePoint Framework development toolchain. As you''ll quickly see, things are very different if you''re a traditional SharePoint developer; you know, those Visual Studio days...
Setup SharePoint Online development environment7:12
One of the first things you should do is create a development environment where you can test things against a real SharePoint environment. This lesson will show you how to configure your SharePoint Online environment for SharePoint Framework development.
Node.js & NPM33:01
The modern web development toolchain that Microsoft chose for SharePoint Framework development is rooted in Node.js. In this lesson, you''ll learn what Node.js and its associated package manager NPM are and how to install them. Regardless of your primary development platform of choice, you''ll learn how to install, configure and manage Node.js on Windows or macOS in this lesson. You''ll also see how the popular tool Node Version Manager (NVM), while not required, can be used to manage your installation.
Yeoman11:24
SharePoint Framework projects are specifically organized files and folders. In this lesson, you''ll learn how to install and use the tool Yeoman to simplify the creation of the project.
TypeScript & type declarations9:54
This lesson will cover TypeScript, a superset of JavaScript. TypeScript is the primary language Microsoft is using for the SharePoint Framework. Among other things, it is best known for adding types to JavaScript & therefore, we''ll also discuss type declarations in this lesson.
Gulp10:07
Going from your code files to an artifact that''ll be deployed to run in the context of the SharePoint Framework. This involves running multiple tasks, using a tool called Gulp that you''ll learn about in this lesson.
Webpack5:27
Just like compiled projects, JavaScript projects can consist of multiple source files that are compiled or merged into a single file that is deployed into production. In this lesson, you''ll learn about the tool that will do this for us with SharePoint Framework projects: webpack.
IDEs & editors2:39
In this lesson, we''ll look at the different tooling options when creating SharePoint Framework projects.
Your first SharePoint Framework project
7 Lessons
7 Lessons
Let's start with a quick hands-on into. In this chapter, we'll create our first project and see it run in a real SharePoint environment. Then we'll make a few changes to experience the dev story.
Chapter overview2:54
This brief lesson will explain what you can expect to find in the remainder of the chapter.
Create your first SPFx project11:36
In this lesson, you''ll create your first SharePoint Framework project.
Run and test our project7:45
After creating the project, in this lesson, you''ll see how to run and test a SharePoint Framework project.
Exploring the code5:19
With a project created, this lesson will walk through it and get it running in our test environment.
Understanding & modifying CSS styles5:19
SharePoint Framework projects, like all other web projects, leverage CSS to control the rendering and styling of a project. This lesson will explain how CSS styles are used.
Understanding & modifying strings5:17
In this lesson, learn how to work with replaceable strings in SharePoint Framework projects.
Deploying to SharePoint sites11:36
Once a project has been created, it needs to be deployed to a SharePoint site. While another chapter will go into more depth on this subject, this lesson will explain enough so you understand what the process is like.
Adaptive Card Extensions (ACEs)
7 Lessons
7 Lessons
Learn how to create custom Adaptive Card Extensions (ACEs) with the SPFx for use in Viva Connections dashboards to customize and extend the desktop and mobile experiences.
Chapter overview4:31
This brief lesson will explain what you can expect to find in the remainder of the chapter.
Adaptive Cards Primer19:57
Developers must have a firm grasp of Adaptive Cards - the technology Adaptive Card Extensions are based on. This lesson serves as a primer to Adaptive Cards.
Introduction to Adaptive Card Extensions (ACEs)21:17
Before we dive into Adaptive Card Extensions (ACEs), this lesson explains what they are and how all the pieces of an ACE are related to one another.
In-depth: the Adaptive Card Extension class23:55
This lesson takes an in-depth look at the cornerstone of all ACEs and starts to create a project we''ll expand on throughout the remainder of the chapter.
In-depth: the CardView16:24
Building off the project you created in the last lesson, this lesson explores the ACE CardView component in-depth.
In-depth: the QuickView38:48
This lesson continues with our in-depth look at all parts of ACEs by exploring the QuickView. Learn what you can do with a QuickView by extending our project.
Viva Connections-specific Actions13:59
While ACEs are based on the Adaptive Card schema, Microsoft has added unique actions you can use in your ACEs for Viva Connections. In this lesson, you''ll learn how to add these specialized actions by adding them to our existing project.
Your instructor
Andrew Connell
Learn the SPFx from a Microsoft MVP & SharePoint Expert
Andrew Connell is a 20+ year Microsoft MVP with unmatched experience in SharePoint development. From farm solutions to add-ins and the SPFx, if it can be done in SharePoint, Andrew's done it. He's been involved with the SharePoint Framework since its early days—even before its public release in 2017—making him one of the most trusted voices in the field.
With over 41 hours of content and 250+ lessons, Andrew brings all his hands-on experience, practical guidance, and industry insights into his SPFx courses. You'll learn the SPFx directly from a recognized leader who's been at the forefront of Microsoft 365 development for years.
Pricing
Invest in your developer career
Instead of trying to figure out what you need to know, get access now and learn
how to build Adaptive Card Extensions and which areas to avoid.
Building SPFx Adaptive Card Extensions (ACEs)
Perfect for developers looking to build top-tier ACEs
$75 (one-time)
- 6+ hours of videos & demos
- 5 chapters & 34 lessons
- Build & deploy Adaptive Card Extensions
- Add functionality to the SharePoint user-experience (UX)
- Lifetime access to all course material & updates
- Access to student-only channels in the Voitanos community on Discord
All chapters in this course are also found in our Mastering the SharePoint Framework course bundles. Explore the Full Course Breakdown
14-Day Money-Back Guarantee
All sales are final after 14 days from purchase, or once you've watched 25% or more of the course content. If you're not fully satisfied within those first 14 days and have watched less than 25%, we're happy to offer a refund—no questions asked. We're confident this course will give you the skills to master the SPFx and become a developer in demand.
FAQs
How's this course, Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions, related to the course "Mastering the SharePoint Framework"?
Our flagship course, Mastering the SharePoint Framework, covers all aspects of SharePoint Framework (SPFx) development. It’s the best resource to learn everything about the SharePoint Framework, including Adaptive Card Extensions (ACEs).
Mastering the SharePoint Framework is available in three bundles: Starter, Fundamentals, & Ultimate. The Ultimate bundle of that course includes chapters on Adaptive Card Extensions which is the exact same chapter found in this course.
What does the Mastering the SharePoint Framework Ultimate bundle contain that this course, Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions, is missing?
The Mastering the SharePoint Framework course bundles contain a lot more content on all aspects of the SharePoint Framework. This course only covers Adaptive Card Extensions.
In addition, the Mastering the SharePoint Framework Ultimate bundle contains additional benefits such as monthly office hours & a mastermind group. Refer to the complete benefits included in each Mastering the SharePoint Framework bundle.
How is the content in this course, Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions, different from the chapter on Adaptive Card Extensions in the Mastering the SharePoint Framework course Ultimate bundle?
There’s no difference in the chapters between the two courses.
This course contains the exact same content found in the chapter on Adaptive Card Extensions found in the Ultimate bundle of Mastering the SharePoint Framework.
Can I upgrade to a Mastering the SharePoint Framework course bundle if I get this course, Extend Viva Connections with the SharePoint Framework Adaptive Card Extensions, and want more?
Sure! We’re happy to upgrade your enrollment in this course to the Mastering the SharePoint Framework Ultimate bundle.
Your purchase in this course will be applied as a credit toward the cost of the Mastering the SharePoint Framework Fundamentals or Ultimate bundle.
To arrange an upgrade, please contact us.
