Nota: Esto es una traducción de mi artículo, How to build a Chrome extension, Part 1: Basics
Construir una extensión de Chrome es increíblemente fácil. Yo ya he hecho varias. Quería compartir mi método para construir extensiones en una serie de posts. Éste cubrirá los básicos para configurar un ambiente de programación y empezar a escribir extensiones.
1. Instalar del canal dev de Chrome
El canal dev de Chrome tiene las tecnologías más nuevas y las mejores herramientas para desarrolladores. Instálalo y úsalo para depurar tus extensiones.
2. Consigue un editor de texto para codificar
Si quieres algo muy básico, puedes usar Notepad. Yo utilizo Notepad2 porque es ligero y tiene resalto de sintaxis y otras funciones útiles. Hay muchímos, elige el que más te gusta.
3. Aprende HTML, CSS y JavaScript
Las extensiones de Chrome están hechas con las mismas técnicas con las que se hacen págines web. HTML para contenido, CSS para presentación y JavaScript para comportamiento e interacción. Recomiendo mucho los tutoriales de W3School si apenas estás empezando. Si ya has construido páginas web antes, tal vez puedas saltarte este paso.
4. Sigue el tutorial oficial
Google tiene un buen tutorial para aprender a hacer tu primera extensión. El tutorial explica cómo construir una extensión simple y probarla en tu navegador. Después de esto, ¡ya estarás listo para construir tu propia extensión!
5. ¿Ahora qué?
Ahora que ya sabes cómo construir una extensión básica, ¡es momento de dejar volar tu imaginación! Lee la documentación de extensiones y mira qué puedes construir con las herramientas disponibles. Empieza con algo pequeño y no te preocupes por equivocarte. Cuando tu extensión esté lista, publícala en la galería de extensiones de Chrome para que el mundo la pueda usar.
Voy a publicar más posts sobre esto, así que estén pendientes.
¿Tienes algún consejo para construir extensiones de Chrome? ¿Ya construiste una extensión después de seguir estos pasos? ¿Qué otros recursos usas para hacer extensiones? ¡Deja un comentario y cuéntanos!
This work, unless otherwise expressly stated, is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 2.5 Mexico License.
