Developer Experience: Building Blocks for AMP Success: This Dot Labs' Innovative Approach to Open Source Education

The team behind the Google HTML-based web development framework, Accelerated Mobile Pages (AMP), approached This Dot Labs for an educational strategy and resources. Our team provided an array of developer experience and advocacy services to help attract and empower new users.

Overview

The team behind Google's HTML-based web development framework, Accelerated Mobile Pages (AMP), approached This Dot Labs for an educational strategy and resources. Our team provided an array of developer experience and advocacy services to help attract and empower new users. This case study will delve into the specific services provided, the tech stack used, and the success achieved by the team at This Dot Labs in implementing an educational strategy that has helped the Google AMP framework reach new heights.

Services Provided

The team at This Dot Labs provided an array of developer experience and advocacy services to help AMP reach new users and empower them to transition into using the framework with a primary focus on students in colleges and bootcamps who are not yet working professionally as developers.

Specifically, the team developed an overall educational strategy with relevant resources, including three written guides and three sets of instructive slides at the beginner, intermediate, and advanced levels.

Different levels - Google AMP 2

Going further, we created a syllabus for our educational programming, with details on what topics would be covered, what topics are relevant and difficult in modern web development, what the underlying examples should be, and how to break those into related groups to create a compelling step-by-step tutorial. We did this with drafts and also at a day-long coworking session with the client.

Syllabus - Google AMP 2

Upon completing the guides, the team at This Dot Labs implemented them on the amp.dev website and adapted them into over thirty video trainings that Google professionally produced featuring Rob Ocel and Tracy Lee from This Dot Labs, and Ben Morss from Google

Tech-stack

Open Source: for the code examples, for course content, and exercises.
Educational: for the IDE; to house the examples so people could add to them and see the examples easily. Glow to implement static pages containing the training guides to the amp.dev website using Markdown.

This Dot Labs is a development consultancy focused on providing staff augmentation, architectural guidance, and consulting to companies.

We help implement and teach modern web best practices with technologies such as React, Angular, Vue, Web Components, GraphQL, Node, and more.

AMP Logo

Google Accelerated Mobile Pages (AMP) is an open-source framework, developed by the AMP Open Source Project at Google, that is optimized for mobile app development and promotes faster load times.

Summary

In conclusion, the team at This Dot Labs successfully developed an innovative educational strategy and resources for the AMP Open Source Project that attracted and empowered new users, specifically targeting students in colleges and bootcamps.

By providing beginner, intermediate, and advanced level written guides, instructive slides, and over thirty video trainings, we enabled developers to transition into using the AMP framework with ease. Our team utilized AMP for the code examples, Glitch for the IDE, and Glow to implement static pages containing the training guides on the amp.dev website.

At This Dot Labs, we pride ourselves on providing exceptional developer experience and advocacy services to help teams like the ones at Google AMP reach their full potential. As a development consultancy focused on implementing and teaching modern web best practices, we work with a range of technologies, from React and Angular to GraphQL and Node, to help our clients achieve success. We are excited to continue partnering with companies like Google AMP to develop innovative solutions and empower developers worldwide.

Clients Success Stories

Explore Story

This Dot Client

Project Bootstrapping and Enforcing Industry Standards with Starter.dev

Starter.dev is an open-source community resource developed by This Dot Labs that provides code starter kits in a variety of web technologies, including React, Angular, Vue, and more to come.

Explore Story

This Dot Client

Greenfield UI to Work with Existing Backend for Freight Intelligence Client

The client, a supply chain technology solutions provider, offers a freight management platform that helps companies and customers manage the quality and accuracy of shipments with greater ease.

Explore Story

This Dot Client

Building a Web 3 Ecosystem: Chainlink and This Dot Labs Deliver a Comprehensive Resource for Developers

In collaboration with Chainlink Labs, This Dot Labs both designed and developed the Ecosystem Map application with the goal of delivering a product that could scale to feature a large number of resources while remaining simple to navigate, fully responsive, and accessible.

Explore Story

This Dot Client

Launching Smart Contract Database (DB), an Open-Source Website for the Chainlink Developer Ecosystem

Supported by a Chainlink Community Grant, This Dot Labs recently created Smart Contract Database (DB), an open-source website for the Chainlink developer ecosystem.

Let's innovate together!

We're ready to be your trusted technical partners in your digital innovation journey.

Whether it's modernization or custom software solutions, our team of experts can guide you through best practices and how to build scalable, performant software that lasts.