Entradas

Mostrando entradas de abril, 2019

Google CodeLab en 5 minutos

Imagen
¿Qué es Codelab?Google Codelab es una herramienta para crear cursos o tutoriales paso a paso.
La herramienta acepta dos formatos de entrada: Google Doc y Markdown. ¿Por qué? Primero usas GDoc para redactar y previsualizar rápidamente, y cuando lo tienes acabado lo conviertes a Markdown o directamente a HTML (al cual le puedes cambiar el CSS para adaptarlo a tu UX) y lo guardas en un repo o donde quieras.
¿Cómo redactar un Codelab? Utilizando Google Docs: Hacemos una copia de la plantilla: https://g.co/codelabs/templateInstalamos la extensión Preview Codelab para Chrome.Editamos nuestra copia del paso 1 y, para previsualizarlo, pulsamos el botón   en la barra del navegador. Si nos unimos al grupo codelab-authors podemos acceder a la Formatting Guide que recoge todos los posibles formatos que el parser de Codelab puede procesar.
Utilizando Markdown: Lo mejor es seguir este genial post en Medium de Mariusz Saramak y el markdown de su ejemplo.
El resultado

Generando el HTML final Los chic…