Google Codelabs. La fuente del conocimiento de grandes expertos en tecnología Google.

Google Codelabs o CLaaT ((Codelabs as a Thing) es un repositorio de tutoriales, guías y reportes de codificación práctica y guiada de diferentes software y APIs de Google escrita por diferentes Google Developers.

Todos expertos en herramientas de Google.

Chécalo aquí!

google codelabs español, google codelabs
Haz clic en la imagen para ir a Google Codelabs en Español.

Google Codelabs en Español

Google Codelabs es prácticamente una biblioteca de códigos y guías de apoyo para el programador.

La mayoría de los enlaces guían a través del proceso de creación de una pequeña aplicación o agregar una nueva característica a una aplicación existente.

Cubren una amplia gama de temas como Android Wear, Google Compute Engine, Project Tango y las API de Google en iOS.

Lo interesante de este proyecto (creada por desarrolladores independientes en GitHub y no por Google).

A la fecha de redacción de este articulo se cuentan más de 500 tutoriales de código de alta calidad.

10 Ventajas de Google Codelabs

  1. Flujo de creación potente y flexible a través de Google Docs
  2. Soporte opcional para la creación de texto Markdown
  3. Capacidad para producir tutoriales web interactivos o de Markdown sin escribir ningún código
  4. Vista previa interactiva sencilla
  5. Monitoreo de uso a través de Google Analytics
  6. Soporte para múltiples entornos de destino (Kiosk, web, markdown, offline, etc.)
  7. Soporte para uso anónimo (ideal para computadores públicos en eventos para desarrolladores)
  8. Permite retomar «dónde se dejó», al regresar a un Codelab.
  9. Totalmente Mobile Friendly
  10. Diseño Cómodo y visualmente elegante

¿Cómo Crear Guías en Google Codelabs?

Estos tutoriales de instrucción interactivos se pueden crear en Google Docs utilizando algunas convenciones de formato simples.

En Google Docs se redacta y previsualiza.

Ya cuanto está listo hay que convertirlo a Markdown o directamente a HTML y guardar en un repo.

Instrucciones

Si se está interesado en crear «Codelabs», basta crear un documento siguiendo esta Guía de formato de Codelab (alojada en GitHub).

También recomendamos a los interesados unirse al Grupo de Google de autores de Codelab, que permite conectar con otros autores. Además brinda actualizaciones sobre nuevas versiones.

  1. Creación: Crear un documento siguiendo las convenciones de sintaxis descritas en la siguiente Guía de formato de Codelab. Aquí hay un documento de ejemplo.
  2. Previsualizar: Revisar y hacer vista previa de Codelabs propio utilizando la aplicación de vista previa proporcionada por Google. Para obtener una vista previa de un laboratorio de código se recomienda instalar la extensión Preview Codelab Chrome en el navegador. Con esto instalado se puede obtener una vista previa de un Codelabs directamente desde la vista de Google Docs, haciendo clic en el botón de la extensión de Chrome. Alternativamente, se puede navegar manualmente a este enlace.
  3. Instalación: Instalar el comando CLaaT. Consultar este link para instrucciones.
  4. Ejecución: Ejecutar el comando CLaaT para transformar el contenido del documento en uno de los formatos de salida admitidos. Los formatos admitidos predeterminados son HTML y Markdown, pero la herramienta CLaaT admite la adición de formatos adicionales especificando una ruta a una plantilla de Go.

¿Cómo Publicar en Google Codelabs?

La salida generada por CLaaT es un conjunto puramente estático de código HTML o Markdown.

Como tal, puede ser servido por cualquier mecanismo de servicio web, incluyendo cualquiera de las siguientes opciones:

  • Páginas de Github (* .github.io)
  • Google App Engine
  • Firebase Static Serving
  • Google Cloud Storage
  • Amazon Web Services S3
  • Netlify
  • Cualquier servidor web de código abierto (Nginx, Apache)
  • python -m SimpleHTTPServer (Python 2)
  • python3 -m servidor http (Python 3)

Simplemente ingresar los artefactos generados por el comando CLaaT en su vehículo de servicio preferido y debería estar listo para comenzar.