Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Web Portfolio Projects: API-Based Chrome Developer Tool

via LinkedIn Learning

Overview

Spice up your portfolio by combining two critical skills: APIs calls and tool creation. Learn how to build Chrome DevTools that interact with the Glo Board API.

Syllabus

Introduction
  • Create a Chrome developer tool
  • What you should know
  • Use the GitHub exercise files
1. Understand the Tools
  • Learn about Chrome DevTools
  • Work with APIs
  • Learn the Chrome API
  • Learn the Glo API and Swagger documentation
2. Build a Chrome Developer Tool
  • Build a dev tool in five minutes
  • Sending messages with the Chrome API
  • Challenge: Communicate between panel and content
  • Solution: Communicate between panel and content
3. Authenticate with Glo
  • Authenticate with personal access tokens
  • Use Fetch and Promise to get data
  • Use Fetch to get Glo Boards
  • Challenge: Promises and loops
  • Solution: Promises and loops
  • Connect the data to the interface
4. Build the Comment Interface
  • Use Glo API to save comments
  • Challenge: Create new comments
  • Solution: Create new comments
Conclusion
  • Learn more and thank you

Taught by

Leigh Lawhon

Reviews

Start your review of Web Portfolio Projects: API-Based Chrome Developer Tool

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.