Build your first Chrome extension

Welcome to another exciting event collaboration with Le Wagon Tokyo!

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)

Happy Coding!

WWCode Tokyo strives to be an inclusive and safe space. We are a multilingual group, and all women in tech (or interested in tech) are encouraged to join! Beginners welcome.

Men are welcome to attend this event too 🙂

https://www.womenwhocode.com/codeofconduct

📌 WWCode call for speakers, leaders, and volunteers

Pssst! Would you like to get more involved with the Women Who Code community and help us make a difference for women in tech? We're always looking for new leaders and volunteers to help us organize the events, spread the word or mentor in our study sessions! Email us at tokyo@womenwhocode.com.
If you want to be a speaker in one of our future events, fill out our speakers form and we will be more than happy to get in touch with you. First time speakers are super welcome and encouraged!
Speakers form: https://goo.gl/forms/uJrU5hYO29nos56K2

📌 Stay in touch!

Twitter: https://twitter.com/wwcode_tokyo
Instagram: https://instagram.com/wwcode_tokyo
Facebook page: https://www.facebook.com/wwcode.tokyo
Facebook group: https://www.facebook.com/groups/wwcode.tokyo
Get invited to our Slack chat! Apply here: https://goo.gl/forms/sJkvekR9LIq0tXOH3

📌 Women Who Code とは？

テック業界でキャリアを築く女性の支援をミッションとするNPOで、世界75都市に支部があります。女性エンジニア人口を増やすだけでなく、役員、VC、起業家、テクニカル・リーダーをはじめとするあらゆるロールで女性がさらに活躍する社会を目指しています。地域のネットワークを強化するとともに、世界的ネットワークを活かした支援体制で、技術やキャリアにまつわるワークショップ・勉強会の開催、カンファレンスへの参加支援、求人紹介などを行っています。