Build your first Chrome extension - Workshop

Whether it is to pick a color from a web page, manage your passwords or remove all political posts from Facebook, Chrome extensions make your browsing experience smoother and add useful features to your favorite browser.

In this workshop, we'll cover all the basics of how to create your own extension using two simple examples: a font-picking extension and a reading list manager.

Overview

• Set up your Chrome Extension in Chrome dev tool
• Recap about the DOM and how to interact with it using JavaScript
• First extension: Creating script to interact with your page
• Recap on how APIs work
• Second extension: Creating script to send data to an API
• Bonus: add your extension to Chrome store!

Pre-requisite

• Bring your laptop!
• This is a workshop for half-beginners, basic notions of HTML/CSS, JS, JSON, and the DOM will be useful
• Install Chrome (https://www.google.com/chrome) and any text editor (Sublime Text, Atom, VSC)
• Create a GitHub account (http://github.com)

---

About Le Wagon Tokyo

Le Wagon Tokyo (https://www.lewagon.com/tokyo) is a coding school for startups, creative people and tech entrepreneurs. Our 9-week full-time and 24-week part-time Full-Stack Coding Bootcamps are designed for complete beginners or "half-beginners" who really want to dive into programming and, above all, change their mindset. Learn to think like a developer, consider issues with new insight, and become more autonomous thanks to these newly acquired abilities.

The next Tokyo batch will start on April 6th and applications are open. (https://www.lewagon.com/apply/tokyo) Still considering whether to apply or not? Try our free online track! (https://www.lewagon.com/learn-to-code)

Our part-time bootcamp is now open! Next session starts March 21st:
https://www.lewagon.com/tokyo/program/part-time