<commit_before># Experimentos

Cosas que molaría probar:

- docco: jashkenas.github.com/docco/
- browserify con babel:
- react


#### 0. Usar npm y browserify

Objetivos:

- entender npm, `package.json` y cómo se instalan dependencias
- entender browserify y ser capaz de generar un fichero .js a partir de un árbol de dependencias.

Un árbol de dependencias es: 1) otros ficheros .js en directorios locales o 2) librerías instaladas vía npm.

Extras:

- Añadir un comando npm para crear el fichero javascript (`npm run build`)
- Usar watchify para generar el fichero automáticamente cuando se modifique los contenidos. Añadir otro comando que en vez de browserify use watchify (`npm run watch`)

#### 1. Generar html utilizando virtual dom

La idea es cargar un fichero json con la información de los _clips de audio_ y mostrar la carátula y su información en la página web.

Objetivos:

 - Ser capaz de utilizar [Fetch API](https://developer.mozilla.org/en/docs/Web/API/Fetch_API) para cargar y visualizar un archivo .json
 - Entender qué es el virtual-dom
 - Generar el html dom dinámicamente a partir de un fichero .json utilizando técnicas funcionales y la librería [hyperscript](https://www.npmjs.com/package/hyperscript)


#### 2. Animaciones sin necesidad de librerías<commit_msg>cambio numeracion<commit_after># Experimentos

Cosas que molaría probar:

- docco: jashkenas.github.com/docco/
- browserify con babel:
- react


#### 1. Usar npm y browserify

Objetivos:

- entender npm, `package.json` y cómo se instalan dependencias
- entender browserify y ser capaz de generar un fichero .js a partir de un árbol de dependencias.

Un árbol de dependencias es: 1) otros ficheros .js en directorios locales o 2) librerías instaladas vía npm.

Extras:

- Añadir un comando npm para crear el fichero javascript (`npm run build`)
- Usar watchify para generar el fichero automáticamente cuando se modifique los contenidos. Añadir otro comando que en vez de browserify use watchify (`npm run watch`)

#### 2. Generar html utilizando virtual dom

La idea es cargar un fichero json con la información de los _clips de audio_ y mostrar la carátula y su información en la página web.

Objetivos:

 - Ser capaz de utilizar [Fetch API](https://developer.mozilla.org/en/docs/Web/API/Fetch_API) para cargar y visualizar un archivo .json
 - Entender qué es el virtual-dom
 - Generar el html dom dinámicamente a partir de un fichero .json utilizando técnicas funcionales y la librería [hyperscript](https://www.npmjs.com/package/hyperscript)


#### 3. Animaciones sin necesidad de librerías
{'fraction_non_alphanumeric': 0.06821705426356589, 'fraction_numerical': 0.003875968992248062, 'mean_word_length': 4.224696356275303, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '584291', 'n_tokens_mistral': 891, 'n_tokens_neox': 838, 'n_words': 348}