To help you in learning coding skills by automating shortcuts and changes to website themes & elements.

Latest Version

Version
0.0.0.3
Update
June 4, 2022
Size
519KiB
Developer
Category
Users
31
Rating
1 ★
Manifest Version
3
Web Store Status
Languages Support
English (UK)
See more
Permissions
ActiveTab
Scripting
See more

CodeLearn Extension Extension

This is an extension built from the frustrations and ideas that an avid programmer had while learning to code.

This extension aims to help you while learning coding and technology related skills by automating mundane tasks, such are; shortcuts, changing a website video player background colour (to dark or light), and hiding & showing elements that can be distracting or just take up too much screen space.

Currently we only support the website called CodeWithMosh, but more websites will be added along as we develop this extension.

Thank you so much for being a user and please feel free to checkout the github repo here https://github.com/owsamahajjar/CodeLearn_ChromeExtension if you have any ideas to share.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "CodeLearn Extension", "description": "To help you in learning coding skills by automating shortcuts and changes to website themes & elements.", "version": "0.0.0.3", "manifest_version": 3, "background": { "service_worker": "background.js" }, "icons": { "128": "/assets/pics/main-icon.png" }, "permissions": ["activeTab", "scripting"], "action": { "default_popup": "popup.html", "default_icon": { "128": "/assets/pics/main-icon.png" } }}
Read more

How to download and manually install CodeLearn Extension extension for Chrome

Looking for a way to install CodeLearn Extension extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install CodeLearn Extension extensions manually, this article outlines two simple methods to effortlessly install CodeLearn Extension extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download CodeLearn Extension extension and manually install through Drag &Drop

If you ever need to manually install a CodeLearn Extension extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the CodeLearn Extension Extension by clicking the "Download CRX" button on the website.

Look for the CodeLearn Extension extension you wish to install. Go to the website and download the CodeLearn Extension extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for CodeLearn Extension extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the CodeLearn Extension extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download CodeLearn Extension extension for Chrome and install in Developer Mode

This is another method to install CodeLearn Extension extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the CodeLearn Extension extension file

Select and download the CodeLearn Extension extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the CodeLearn Extension extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your CodeLearn Extension extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the CodeLearn Extension extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install CodeLearn Extension extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Always active Window - Always Visible Extension · Productivity 31 145 ★ 51.82KiB

icon

Enable Copy Paste - E.C.P Extension · Accessibility 31 90 ★ 95.95KiB

icon

Github code theme Extension · Developer Tools 31 0 ★ 44.73KiB

icon

Black Menu for Google™ Extension · Productivity 31 3805 ★ 1.87MiB

icon

Power Thesaurus Extension · Productivity 31 443 ★ 3.52MiB

icon

Youtube Summary with ChatGPT | VidRapid Extension · Productivity 31 16 ★ 16.19KiB

icon

Auto Highlight Extension · Productivity 31 22 ★ 229KiB

icon

Leetcode Enhancer Extension · Productivity 31 42 ★ 49.68KiB

icon

Cloudy Calculator Extension · Productivity 31 1569 ★ 128KiB

icon

Ask Chat GPT Extension Extension · Productivity 31 0 ★ 37.42KiB

icon

Quizwiz - Ace Your HW & Exams, Now With AI Extension · Productivity 31 28 ★ 1.28MiB

icon

GeePeeTee - OpenAi ChatGPT + Image assistant Extension · Productivity 31 16 ★ 104KiB

icon

Code Self Study Extension · Developer Tools 31 1 ★ 372KiB

icon

QuickCode - Free Online Programming Courses Extension · Productivity 31 10 ★ 229KiB

icon

Don't F*** With Paste Extension · Productivity 31 653 ★ 85.67KiB

icon

Learn Coding with ChatGPT Extension · Productivity 31 0 ★ 247KiB

icon

Codeium: AI Code Autocompletion on all IDEs Extension · Developer Tools 31 196 ★ 342KiB

icon

CodeGrader Extension · Productivity 31 0 ★ 4.58MiB

icon

DSA Data Structures & Algorithms - Revision Extension · Productivity 31 0 ★ 37.93KiB

icon

AnswersAi Extension · Productivity 31 63 ★ 1.2MiB

icon

JSON Formatter Extension · Developer Tools 31 33 ★ 102KiB

icon

Code Central by NS Learn to Make Money Online Extension · Social & Communication 31 2 ★ 15.79KiB

icon

ZeroCheating Extension · Productivity 31 59 ★ 838KiB

icon

Secureframe Knowledge Base Extension · Productivity 31 4 ★ 13.19KiB