31:[] 2f:{"title":"Kada Coding: Ejercicios de Práctica 1","cells":[{"id":0,"value":"md`# Kada Coding: Ejercicios de Práctica 1\n\nAcá va una serie de ejercicios para que reforcemos los conceptos que hemos aprendido. Para este momento ya sabemos:\n\n* Expresiones\n* Variables numéricas y de texto (cadenas)\n* Markdown\n* HTML\n* Funciones`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"md`## Un ejercicio de altura`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"// Cree una celda a continuación que contenga su altura en metros. Guárdela en una variable","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"// Ahora en esta celda cree otra variable que calcule su altura en pies, y la guarde en otra variable","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"// En esta celda cree una expresión de Markdown que muestre su nombre y su altura en ambas medidas aclarando cuál es cuál. Use ${} para insertar las variables que creó antes","pinned":true,"hidden":false,"mode":"ojs"},{"id":18,"value":"// Haga lo mismo que en la celda anterior, pero ahora con HTML","pinned":true,"hidden":false,"mode":"ojs"},{"id":26,"value":"md`## ¿Cómo es lo de las fotos?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":20,"value":"// Agregue un attachment de una imagen, y use .image() para guardarlo en una variable","pinned":true,"hidden":false,"mode":"ojs"},{"id":28,"value":"// Ahora cree una celda en Markdown que tenga un título, un texto introductorio, luego su imagen, y una lista con tres puntos clave de la imagen. Asegúrese que la celda no muestre el código","pinned":true,"hidden":false,"mode":"ojs"},{"id":38,"value":"md`## Sapos Venden Guaro\n\nCree una celda que utilice viewof y un *<input type=\"range\">* para cambiar la posición de un rectángulo. [Acá hay una muestra de cómo se pueden crear rectángulos](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/rect).\n\n*Bonus challenge: Cree otro input que le permita cambiar el color de relleno del rectángulo*\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"md`## Tan simple como *y = f(x)*\n\nEscriba las siguientes funciones\n\n* Una función **quienEsElMejor** que retorne *\"John es el mejor profe\"*. ${\n quienEsElMejor() === \"John es el mejor profe\" ? \"✅\" : \"❌\"\n}\n* Una función **meaningOfLife** que retorne el número 42 ${\n meaningOfLife() === 42 ? \"✅\" : \"❌\"\n}\n* Una función **mkCuantoMas** que reciba un día de enero y retorne cuántos días faltan para que se acabe el 2021. e.g. mkCuantoMas(1) retorna 364 y mkCuantoMas(10) retorna 355 ${\n mkCuantoMas(1) === 364 && mkCuantoMas(10) === 355 ? \"✅\" : \"❌\"\n}\n* Una función fontSize que reciba un número y retorne el formato que necesitamos para que cambie de tamaño un elemento html, \n\ne.g. *fontSize(24)* y retorna *style=\"font-size: **24**pt\"* ${\n fontSize(12) === 'style=\"font-size: 12pt\"' ? \"✅\" : \"❌\"\n}\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":70,"value":"function quienEsElMejor() {}","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"function meaningOfLife() {}","pinned":true,"hidden":false,"mode":"ojs"},{"id":83,"value":"function mkCuantoMas() {}","pinned":true,"hidden":false,"mode":"ojs"},{"id":91,"value":"function fontSize() {}","pinned":true,"hidden":false,"mode":"ojs"},{"id":95,"value":"md`# Use la funcioón *fontSize* para cambiar los tamaños de estos elementos <li>\n\n

Este es de 6
Este es de 15
Este es de 20
Este es de 30

\n\nBonus challenge: \n

Este párrafo cambia de tamaño con un slider (entre 5 y 40 puntos)

\n\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":110,"value":"md`## Reto: De Google Sheets a Markdown\n\nCuál sería la manera más fácil de copiar una hoja de cálculo de Google Sheets (o Excell), en un documento de Markdown para que se muestre como una tabla?\n\ne.g. \n\nUnit Number | Element Name | Presenter | Youtube Link\n--- | --- | --- | ---\n1 | Web Development for VIsualization | John | https://youtu.be/7oezUB2y-Zw\n1 | Introduction to Observable | John | https://youtu.be/mxEEktWyl5o\n1 | Introduction to D3 | John | https://youtu.be/p7rrmA23Ml4\n1 | Introduction to Vega-Lite | John | https://youtu.be/oISFtSZlQEo\n1 | Introduction to Python and Altair | Andy | \n1 | Introduction to Tableau | John | `","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}