En esta publicación, nos complace compartir algunas mejoras importantes para la experiencia de introducción a la extensión de Chrome y algunas formas en las que puedes ser parte de este sueño.
La antigua guía
Anteriormente, el instructivo Primeros pasos de la extensión 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 incluyó una página de opciones en la que podías elegir uno de los cuatro colores.
En este ejemplo básico, no se demuestra cómo agregar capacidades populares que se muestran en las extensiones del mundo real. Era hora de una renovación.
Un enfoque nuevo
Sabemos que los desarrolladores confían en nuestra documentación para comenzar su recorrido de aprendizaje sobre las extensiones de Chrome, y nuestro objetivo es proporcionar una ruta accesible, relevante y apta para principiantes. En lugar de tratar de mejorar el ejemplo del tutorial existente, decidimos empezar desde cero.
Presentamos la nueva y mejorada colección Primeros pasos:
- Extensiones 101
- Se describen brevemente algunos conceptos fundamentales del desarrollo de las extensiones de Chrome, como las tecnologías web y los componentes de extensiones de uso general. Además, incluye lo que debes tener en cuenta al diseñar y distribuir una extensión en Chrome Web Store.
- Conceptos básicos de desarrollo
- Presenta el flujo de trabajo de desarrollo de extensiones creando un ejemplo de Hello, Extensions. Se explica cómo cargar la extensión durante el desarrollo, ubicar registros y errores, elegir una estructura de proyecto y usar Typescript.
- Instructivo Tiempo de lectura
- Es bueno saber cuánto tiempo necesitamos para terminar de leer un artículo. El tiempo de lectura te enseña a insertar un elemento que contenga 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 distractores.
- 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 tu extensión de Chrome y las pestañas de documentación de Chrome Web Store.
Con estos instructivos, no solo aprenderás a crear extensiones en el mundo real, sino que también se compartirán sugerencias y prácticas recomendadas para el desarrollo. Además, usar estas extensiones mejorará tu experiencia mientras lees la documentación sobre extensiones.
Qué esperar
Cada instructivo incluye las siguientes secciones:
- La tarea que realizará la extensión.
- Las lecciones que se abordarán.
- Qué necesitas saber antes de comenzar
- Instrucciones paso a paso para compilar la extensión.
- Cómo cargar y probar la extensión
Si le interesa un desafío, incluimos una sección con algunas ideas sobre cómo personalizar o agregar otras funciones a su extensión.
Deseamos tu ayuda
Nos complace recibir tus comentarios. Si ves algo incorrecto o poco claro en estas guías, informa los errores en nuestro repositorio de GitHub.
Creemos que esta nueva guía de introducción es una mejora significativa con respecto a la anterior, pero no nos detendremos aquí. Seguiremos trabajando para mejorar y expandir nuestra documentación a fin de ofrecer un mejor servicio a todos los desarrolladores de extensiones.
Foto de Vardan Papikyan en Unsplash