Chrome Extensions workshops

Requirements

Before you will use this repository make sure that you have installed:

• Git

  • If you are a Windows or macOS user visit this link Downloading Git then download appropriate installer and install it.

  • If you are a Linux (Ubuntu-based distribution) user you can paste bellow scrip into your terminal or visit this page Installing Git

    sudo apt install git-all

Downloading the repository

• Open your terminal / git-bash in location where you create a directory which will contain this repository

• Run the following command in your terminal / git-bash

  git clone https://github.com/GDSC-Lodz-University-of-Technology/workshops-chrome-extensions.git
  cd ./workshops-chrome-extensions
  git checkout 0-setup

Using this repository

• Open your web-browser and go under chrome://extensions/
• Check Developer mode toggle
• Click Load Unpacked button and choose a directory which will contain this repository

Workshops aim

At the end of this workshop, you will learn how to make a basic extension for chromium based browsers using JavaScript, HTML and CSS.

Workshops extension

• Extension will add a dark mode to w3shcools site
• User can control app from popup
• Colors can be changed in options page

Resources

• Presentation
• YouTube stream
• Chrome Extension documentation