Aflați cum să creați o extensie de browser Chrome folosind JavaScript și noua iterație a platformei de extensii web, numită Manifest V3.
✏️ Raman Hundal a dezvoltat acest tutorial.
💻 Cod de pornire a marcajului YouTube: https://github.com/raman-at-pieces/youtube-bookmarker-starter-code
💻 Codul final al marcajului YouTube: https://github.com/raman-at-pieces/youtube-bookmarker-finished-code
🔗 Descărcare Pieces Code Snippet Assistant: https://pieces.app/install
🔗 Extensie de publicare pe documentele magazinului Chrome: https://developer.chrome.com/docs/webstore/publish/
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:02:15) Demo
⌨️ (0:05:18) Înțelegerea manifest.json
⌨️ (0:08:46) Codarea extensiei
⌨️ (0:31:37) nouă funcție VideoLoaded
⌨️ (0:31:37) aduceți marcaje
⌨️ (0:37:08) addEventListener
⌨️ (0:48:03) adăugați funcția NewBookmark
⌨️ (1:00:33) Testarea extensiei
🎉 Mulțumim lui Pieces.app pentru că a oferit un grant care a făcut posibil acest curs.
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Tutorial JavaScript – Creați un joc de cărți 🃏
- Extensii de cod Visual Studio pentru a vă îmbunătăți productivitatea
- Autentificare Next.js – AuthJS / NextAuth pentru securitate bazată pe roluri
- Chrome DevTools – Curs accidental
- Construiește un coș de cumpărături cu JavaScript – Tutorial de proiect
- Tutorial joc JavaScript Snake folosind programarea funcțională
- Tutorial de proiect Javascript: aplicație pentru buget
- Tutorial Parallax – Efect de defilare folosind CSS și Javascript
- Blazor WebAssembly & Web API pe .NET 6 – Curs complet (C#)
- Tutorial React Project – Creați un site web de portofoliu cu animații avansate