Tu primera extensión de Google Chrome
Вставка
- Опубліковано 17 бер 2023
- Aprende a crear tu primera extensión para Google Chrome desde cero, solo conociendo los conceptos básicos del desarrollo web como lo es saber HTML, CSS y un poco de Javascript. Además a pesar que menciono extensión para Google Chrome, esta puede funcionar en todos los navegadores que estén basados en Chromium como Brave, Microsoft Edge, u Opera por ejemplo.
Código del Ejemplo: github.com/fazt/first-chrome-...
Tutorial Escrito: faztweb.com/contenido/crea-tu...
Videos Recomendados
⮕ Curso de Nodejs • Nodejs Curso Práctico ...
⮕ Curso de Express • Express Framework de N...
⮕ Curso de Mongodb • MongoDB Curso, Introdu...
⮕ Curso de React • Curso de Reactjs desde...
⮕ Curso de Javascript para React • Javascript para Aprend...
⮕ Zustand Tutorial • Zustand, más fácil que...
⮕ Zustand React Query • React Query y Zustand ...
💻 Código del Proyecto: github.com/fazt/mern-zustand-...
⭐ Cursos Recomendados
⮕ Rust, Instalacion Windows • Rust (Lenguaje de Prog...
⮕ Rust, Instalacion Linux • Rust, Instalación en L...
⮕ Rocket, Rust backend Framework • Rocket, Framework Back...
⮕ Tauri, Rust Desktop Framework • Tauri - Aplicaciones d...
⮕ Curso de Nodejs • Nodejs Curso Práctico ...
⮕ MPA vs SPA • Aplicaciones SPA vs MP...
⮕ Nodejs y Jest Testing • Nodejs Testing con Jes...
⮕ MERN Stack • MERN Stack con Context...
🗣 Redes Sociales
⮕ Twitter / fazttech
🎒 Servicios Recomendados
⮕Ledger (Hardware Wallet) bit.ly/3ijsVNW
⮕ SiteGround bit.ly/31u9ZEk
⮕ Cloudinary bit.ly/3ohNlJ7
⮕ Namecheap namecheap.pxf.io/ErDe9
🌎 Sitio Web
fazt.dev
#chrome #javascript #desarrolloweb - Наука та технологія
Dejo mi like para una extensión de Firefox
X2 justo he estado leyendo cómo hacer una extensión para firefox y no hay tanta info como para Chrome unu
Wow, súper interesante, no creí que fuera tan fácil hacer este tipo de cosas, inmediatamente, se me han ocurrido un montón de ideas y aplicaciones, que me vuelan la mente. Eres un grande, gracias por tu contenido bro !
Interesado en saber sus ocurrencias
Gracias Fazt eres genial. Este curso es muy importante y de gran ayuda. Dios te siga Bendiciendo siempre!
Genial, estimado Fazt. Siempre con novedades para seguir aprendiendo y creciendo profesionalmente. Bendiciones. 👏
Uff me viene muy bien en este momento ya que no sabía por donde comenzar, muchas gracias Fazt 🙌🏼
Siempre he estado interesado en esto Fazt😭🔥🔥. Al fin brother, muchas gracias 🔥🔥🔥
Eres un crack, tus vídeos me han ayudado muchísimo para iniciar en el mundo 🌍 de la programación con python, gracias por lo que haces compartir tu gran conocimiento...
Podrías hacer un vídeo de cómo hacer una extensión para vscode sería muy interesante saber cómo se hacen
Me sumo, seria intersante
Like 👍 mi estimado, siempre tus vídeos de calidad se agradece
Que buena onda este video, algo distinto a lo acostumbrado 👍🏻
190k susbcriptores, felicidades!!
Excelente!!!
Me hiciste el día 🎉
muchas gracias fazt. Te quiero nene
Gracias Fast
lo esta buscando fazt!
Haz una para Firefox
Ok lo apunto para un tutorial :)
te amo fazt este tema me interesa mucho y ahora que tengo mas tiempo libre me voy a meter de lleno en el tema, muchas gracias y un saludo!
Igual voy a crear un curso muy pronto paso a paso con paginas de configuración y comunicación con backend
@@FaztCode DIOS esto me viene como anillo al dedo, muchisimas gracias voy a estar al pendiente y seguir reforzando mis conocimientos de javascript para meterle mucha interactividad a mis extensiones
uau! por fin lo sacas! ;) havia visto un video de twitch que sacaste y era un video muy maximo, maximilianisimo para que me entiendas, pero se me borro el hdd y queria recuperarlo para hacer una extension xula para tomar apuntes bien tomados con ocr del codigo que se va viendo al video como stamps de menos kb que foto aunque tb kiero añadir, para los apuntes junto a la ventana youtube o video a cargar. Y otras ideas xD a sí! soportaria react o algunos frameworks si i otros no? Muchisimas gracias como siempre
Que recuerdos, aquellos años cuando hize mi primera extension muy simple que concatenaba un numero ingresdo por teclado con la API de Wsp y usarlo en wl WhatsApp Web :3
Uhh hace años que busco esto!!
@Fazt Una pregunta que no va al caso , pero de casualidad , sabes si es comun usar zustand o react query en un proyecto de next js? buen tutorial
¿Uy no sé que piensen los demás, pero a mí me encanto esto
y no necesito conocimientos tan avanzados podrias ampliar un poco mas este tema?
Hacer algún proyecto más amplio con extensiones, leer una API hacer un crud cambiar estilos de páginas, hacer una extencion de dark mode o de bloqueo de anuncios
mas ejemplos prácticos
Esto está increíble
Cómo veo que a la mayoría le ha gustado esto, ya estoy elaborando un curso para publicar este fin de semana entrante
Podrías comparar MySQL y PostgresSQL? Sirve para lo mismo, pero me da curiosidad
Gracias :D hace mucho quería saber como se hacen
Putamadre entendí todo a la perfección, muchas gracias Fazt ❤️
Hola, gracias por el video, tengo una consulta, puedo hacer que cuando presione la extension el pop-up se mantenga superpuesto, asi presione cualquier lado de la página, si quiero salir de la extension solo Tendria que presionar nuevamente el botón de la extensión.
Yo hace un año me hice una extensión de Firefox solo leyendo la documentación. Prácticamente es lo mismo q en chrome
Excelente video, una pregunta, ¿Para cada boton hay que hacer un .js?
buenisimo, ahora solo falta como hacer una extension para vscode
Es buenísima idea, voy a hacer uno para mañana 🙂
comparto los temas que uno pudiera hacer en las extensiones solo que es viejo hay que ver si aun funcionan los scripts
❤
Qué hay que hacer para poder ocupar el objeto "chrome" que te da la api?
Bro, ya que tu sabes de esto. yo estoy usando Opera y quiero tener el traductor de google en un popup (más o menos así sería la cosa), porque las extensiones de traducción que van hasta ahora no me convencen mucho. Podrías hacerlo?
Cómo podría hacer cosas más complejas como cambiar aspectos visuales como el fondo o añadir cosas
y como entro a modo desarrollador en Edge para agregar mi extension sin que este en la store de microsoft bro?
Podrias recomendar algun curso guiado para poder superar los errores que me arroja chrome? Ya que no consigo ejecutar el codigo javascript, la api de chrome, ni ejecutar bibliotecas como html2canvas. Siempre me da algun error.
Porfavor si alguien conoce algun curso guiado o comunidad de desarrolladores lo agradeceria.
Master 👹
Estimado Fazt, ¿qué configuración o extensión usas para tener ese color/tema del editor?
Ferxas, creo que es ayu, sino aquí está la lista de todos los temas que he llegado a usar ua-cam.com/video/l3IfJg1FSnM/v-deo.html
Gracias, le echaré un vistazo!
como deployas una extension
Como hago para que me salgan el texto recomendado en gris que aparece abajo cuando escibe 3:07?
Ya encontre una extension, se llama tabnine
Qué extensión utilizas para el autocompletado de .json?
ninguna en especial, solo la que trae el editor
👍
"¿Alguien sabe de algún curso o comunidad para programar extensiones de Chrome?"
Hola... Necesito a alguien que me cree una extensión para Chrome con los datos que le daré es muy sencilla pero pues yo no tengo conocimiento pagaré por ello dejen un mensaje