Welcome to TSE Advanced step-by-step. This is a self-guided course that will teach you some of the advanced concepts for embedding. Each section is broken down into a concrete topic along with instructions on the steps to follow and code examples to let you work on the steps yourself. This course assumes you have completed either the instructor led or self-paced TSE Fundamentals course.
This course was created using version 9.12.0.cl. Features are regularly updated, so if you are using a more recent version, then things may have changed. Please provide feedback in the discussion or issues. You should be on a more recent version of ThoughtSpot for some features.
For this tutorial you will need the following:
- A modern browser. Chrome is recommended, but not required. All examples will use Chrome.
- Access to ThoughtSpot with TSE enabled. If you don't have an account, you can create an account at https://thoughtspot.com/trial?tsref=dev=stepbystep.
- A code editor for editing the Javascript code. The examples will use Visual Studio Code, a free editor that works on many operating systems.
- Node.js and Node Package Manager (NPS) to install and run code.
- (Optionally) Git command line. Git isn't required, but is recommended. And it comes pre-installed on macOS and Linux.
- A basic understanding of ThoughtSpot Embedding and web development with HTML, CSS, and Javascript.
This tutorial uses React and Next.js It's not important to understand this framework to complete the course, but it does help. All the steps and files to modify will be described as we proceed with the course.
| Lesson | Description |
|---|---|
| Lesson 1 - Course Overview | This lesson provides introduces you to the course topics. |
| Lesson 2 - Setting up for the course | This lesson is all about getting set up and ready to code. You'll install the starting code and review the resources and tools that will be used. |
| Lesson 3 - Trusted Authentication | In this lesson we'll review Trusted Authentication and add it as our authentication method of choice. |
| Lesson 4 - Events and HostEvents | In this lesson, we'll take a look at bi-directional messaging and connect two visualizations to be in sync. |
| Lesson 5 - Custom Actions | This lesson expands on events in general to look at creating and using your own, custom events. |
| Lesson 6 - Calling the API | In this lesson we'll make use of the data APIs to retrieve and render data. |
| Lesson 7 - Style Customization | This lesson revisits style customizations to add a toggle for dark mode. |
| Lesson 8 - Summary and Next Steps | In this lesson, we wrap up the course with a few miscellaneous topics and some next steps. |