En esta publicación, nos complace compartir algunas mejoras significativas en la experiencia de introducción a la extensión de Chrome y algunas formas en que puedes formar parte de este sueño.
La guía anterior
Anteriormente, el instructivo "Primeros pasos con la extensión de Chrome" era un ejemplo básico de una extensión que cambiaba el color de fondo de la página actual cuando el usuario hacía clic en un botón de la ventana emergente de la extensión. También incluía una página de opciones en la que se podía elegir uno de cuatro colores.
Este ejemplo básico no demostró cómo agregar capacidades populares destacadas en extensiones del mundo real. Era hora de renovarse.
Un nuevo enfoque
Sabemos que los desarrolladores confían en nuestra documentación para comenzar su recorrido de aprendizaje de las extensiones de Chrome, y nuestro objetivo es ofrecer una ruta que sea accesible, fácil de usar para principiantes y relevante. En lugar de intentar mejorar el ejemplo del instructivo existente, decidimos comenzar desde cero.
Presentamos la nueva y mejorada colección Cómo comenzar:
- Introducción a las extensiones
- Abarca brevemente algunos conceptos fundamentales para el desarrollo de extensiones de Chrome, como las tecnologías web y los componentes de extensión de uso frecuente. Además, incluye lo que debes tener en cuenta cuando diseñas y distribuyes una extensión en Chrome Web Store.
- Aspectos básicos del desarrollo
- Presenta el flujo de trabajo de desarrollo de extensiones creando un ejemplo de Hello, Extensions. Aquí se explica cómo cargar la extensión durante el desarrollo, ubicar registros y errores, elegir una estructura de proyecto y usar Typescript.
- Instructivo de tiempo de lectura
- Es bueno saber cuánto tiempo necesitamos para terminar de leer un artículo. La función Tiempo de lectura te enseña a insertar un elemento que contiene el tiempo de lectura estimado en cada página de documentación de la extensión.
- Instructivo del Modo sin distracciones
- Quitar el desorden adicional de una página permite que nuestras mentes se concentren en la información más relevante. El Modo sin distracciones demuestra cómo cambiar el estilo de la página y ocultar algunos elementos que generan distracción.
- Instructivo sobre el Administrador de pestañas
- Mientras investigas el desarrollo de extensiones, puedes terminar con muchas pestañas de documentación en varias ventanas. El Administrador de pestañas organiza la extensión de Chrome y las pestañas de documentación de Chrome Web Store.
Estos tutoriales no solo te enseñan a crear extensiones del mundo real, sino que también te brindan sugerencias y prácticas recomendadas de desarrollo. Además, el uso de estas extensiones mejorará tu experiencia cuando leas su documentación.
Próximos pasos
Cada instructivo incluye las siguientes secciones:
- La tarea que realizará la extensión.
- Las lecciones que se abordarán.
- Lo que necesitas saber antes de comenzar.
- Instrucciones paso a paso para crear la extensión.
- Cómo cargar y probar la extensión
Si te interesa el desafío, incluimos una sección con algunas ideas sobre cómo personalizar o agregar otras funciones a tu extensión.
Deseamos su ayuda
Nos complace conocer tu opinión. Si ves algo incorrecto o poco claro en estas guías, informa el error en nuestro repositorio de GitHub.
Creemos que esta nueva guía de introducción es una mejora significativa en comparación con la anterior, pero no nos detenemos aquí; seguiremos trabajando para mejorar y expandir nuestra documentación para ofrecer un mejor servicio a todos los desarrolladores de extensiones.
Foto de Vardan Papikyan en Unsplash