Build a Chrome Extension – Course for Beginners

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=0n809nd4Zu4


Duration: 1:06:25
390,517 views
8,712

Learn how to create a Chrome browser extension using JavaScript and the new iteration of the web extensions platform, called Manifest V3.

✏️ Raman Hundal developed this tutorial.

💻 YouTube Bookmarker Starter Code: https://github.com/raman-at-pieces/youtube-bookmarker-starter-code
💻 YouTube Bookmarker Finished Code: https://github.com/raman-at-pieces/youtube-bookmarker-finished-code
🔗 Pieces Code Snippet Assistant download: https://pieces.app/install

🔗 Publishing extension on the chrome store docs: https://developer.chrome.com/docs/webstore/publish/

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:02:15) Demo
⌨️ (0:05:18) Understanding manifest.json
⌨️ (0:08:46) Coding the extention
⌨️ (0:31:37) newVideoLoaded function
⌨️ (0:31:37) fetchBookmarks
⌨️ (0:37:08) addEventListener
⌨️ (0:48:03) addNewBookmark function
⌨️ (1:00:33) Testing the extention

🎉 Thanks to Pieces.app for providing a grant that made this course possible.

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2022-06-29Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners
2022-06-27Greedy Algorithms Tutorial – Solve Coding Challenges
2022-06-24Build API Powered Dashboards - MongoDB, Discord and Mail API
2022-06-20Automate with Python – Full Course for Beginners
2022-06-15Python TensorFlow for Machine Learning – Neural Network Text Classification Tutorial
2022-06-13Visual Basic (VB.NET) – Full Course for Beginners
2022-06-09Flutter Mobile App + Node.js Back End Tutorial – Code an Amazon Clone [Full Course]
2022-06-08Python Speech Recognition Tutorial – Full Course for Beginners
2022-06-02Code Your Own Heroku Clone with Python – Provision Infrastructure Programmatically Tutorial
2022-05-31Build a Shopping Cart with JavaScript – Project Tutorial
2022-05-27Build a Chrome Extension – Course for Beginners
2022-05-26Learn Blockchain, Solidity, and Full Stack Web3 Development with JavaScript – 32-Hour Course
2022-05-23React Testing Course for Beginners – Code and Test 3 Apps
2022-05-19Drum Machine with Python and Pygame – Full Project Course
2022-05-17SQL Server Performance Essentials – Full Course
2022-05-12Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning
2022-05-09Build a Social Media App with Django – Python Web Framework Tutorial
2022-05-05Data Visualization with D3 – Full Course for Beginners [2022]
2022-05-04React Router 6 – Tutorial for Beginners
2022-05-02Google Cloud Associate Cloud Engineer Course - Pass the Exam!
2022-04-28Blazor WebAssembly & Web API on .NET 6 – Full Course (C#)