En esta publicación, nos complace compartir algunas mejoras significativas en la experiencia de inicio de extensiones de Chrome y algunas formas en que puedes ser parte de este sueño.
La guía anterior
Anteriormente, el instructivo de Introducción a las extensiones de Chrome era un ejemplo básico de 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 podías elegir uno de cuatro colores.
En este ejemplo básico, no se mostró cómo agregar capacidades populares que se incluyen en extensiones del mundo real. Era hora de una renovación.
Un nuevo enfoque
Sabemos que los desarrolladores dependen de nuestra documentación para comenzar su recorrido de aprendizaje sobre extensiones de Chrome, y nuestro objetivo es proporcionar una ruta de acceso accesible, adecuada para principiantes y relevante. En lugar de intentar mejorar el ejemplo de instructivo existente, decidimos empezar de cero.
Presentamos la nueva y mejorada colección Cómo empezar:
- Introducción a las extensiones
- En este curso, se abordan brevemente algunos conceptos fundamentales del desarrollo de extensiones de Chrome, como las tecnologías web y los componentes de extensión de uso general. Además, incluye lo que debes tener en cuenta cuando diseñas y distribuyes una extensión en Chrome Web Store.
- Conceptos básicos del desarrollo
- Presenta el flujo de trabajo de desarrollo de extensiones mediante la creación de un ejemplo de Hello, Extensions. En él, 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. Reading Time te enseña a insertar un elemento que contiene el tiempo de lectura estimado en cada página de la documentación de la extensión.
- Instructivo del Modo sin distracciones
- Quitar el desorden adicional de una página permite que nuestra mente se concentre en la información más relevante. En el modo de enfoque, se muestra cómo cambiar el estilo de la página y ocultar algunos elementos que distraen.
- Instructivo del 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 las pestañas de documentación de la extensión de Chrome y Chrome Web Store.
En estos instructivos, no solo se te enseña a compilar extensiones reales, sino que también se comparten sugerencias y prácticas recomendadas de desarrollo. Además, usar estas extensiones mejorará tu experiencia mientras lees la documentación de la extensión.
Qué esperar
Cada instructivo incluye las siguientes secciones:
- Es la tarea que realizará la extensión.
- Las lecciones que se abordarán.
- Qué debes saber antes de comenzar
- Instrucciones paso a paso para compilar la extensión
- Cómo cargar y probar la extensión
Si te interesa el desafío, incluimos una sección con algunas ideas para personalizar tu extensión o agregarle otras funciones.
Necesitamos tu ayuda
Esperamos recibir noticias tuyas. Si ves algo incorrecto o poco claro en estas guías, informa un error en nuestro repositorio de GitHub.
Creemos que esta nueva guía de introducción es una mejora significativa respecto de la anterior, pero no nos detendremos aquí. Seguiremos trabajando para mejorar y expandir nuestra documentación para brindar un mejor servicio a todos los desarrolladores de extensiones.
Foto de Vardan Papikyan en Unsplash