Este es el índice del repositorio de Naitsirh (Christian Nüesch) en github.



El repositorio general que incluye prácticas de programación en Python, Haskell y algunos ejercicios de web scraping se encuentra aquí.



Los diferentes modelos de currículum generados en D3.js se pueden encontrar siguiendo los enlaces a continuación.

Modelo1

Modelo2

Modelo3

Modelo4

Modelo5

Modelo6

Modelo7

Modelo8

PDF



Las diferentes prácticas ralizadas en Vanilla JavaScript de la documentación de Mozilla Developer Network se pueden encontrar siguiendo los enlaces a continuación.

Los números de las prácticas son decorativos, ya que realicé múltiples prácticas y ejercicios adicionales que no incluí en la lista.

Práctica1
Un juego de adivinar un número en el que se utilizan conceptos fundamentales.
Práctica2
Un sencillo saludo utilizando un manejador y el prompt.
Práctica3
Un generador de historias aleatorias y absurdas, con configuraciones básicas.
Práctica4
Ejercicio (recomendación según el clima) a partir de condicionales (else-if en este caso).
Práctica5
Igual que anterior, solo que usando la declaración switch aquí.
Práctica6
Otro ejemplo de utilización de switch.
Práctica7
Uso del bucle "for" para dibujar círculos al azar dentro de un "canvas".
Práctica8
Buscador de contactos usando también el bucle "for" (la pequeña lista para pruebas se encuentra haciendo "Ctrl+U").
Práctica9
Siguiendo con "for", aquí un generador de cuadrados enteros menores que el número ingresado.
Práctica10

Práctica11
Primeras creaciones de funciones.
Práctica12

Práctica13
Siguiendo con las funciones, aquí desplegamos mensajes (usando "displayMessage()").
Práctica14
Un ejercicio que al ingresar un número y presionar "Enter" devuelve diferentes resultado asociados al mismo. Pensado para usar "return".
Práctica15
Primeros ejercicios con eventos. Cambiamos el color del fondo (usando "onclick").
Práctica16
Aquí cambio el color de fondo usando "onmouseover" y "onmouseout" sobre el botón que aparece.
Práctica17

Práctica18
Aquí cambio el color de fondo o del botón al clicar en el mismo, usando "addEventListener()".
Práctica19
Jugando con los oyentes de eventos y elementos anidados en HTML (se inicia la reproducción pulsando en el mismo video).
Práctica20
En este usando la "delegación de eventos" en combinación con "bubbling" (clicar varias veces en el mismo lugar, dentro del área roja :).
Práctica21
Galería de imágenes. Ejercicio combinando bucles, funciones, condicionales y eventos.
Práctica22
Una presentación de datos (heroes de comics) extraídos de un JSON (usando "XMLHttpRequest()").
Práctica23
Pantalla de bolas rebotantes, ejercitación de POO.
Práctica24
Como el anterior pero más complejo. Las letras "A", "D", "W" y "S" controlan el círculo blanco.
Práctica25
Primera aplicación para trabajar a través de ella el concepto de asincronía. Aquí usando la API XMLHttpRequest (XHR) para obtener recursos externos.
Práctica26
Igual que la anterior, pero en este caso usando la API Fetch.
Práctica27
Jugando con asincronía y "setTimeout".
Práctica28
Un spinner básico usando el método "requestAnimatioFrame()".
Práctica29
Un spinner de nuevo usando "rAF", que lee dos botones (teclas) para medir la velocidad de reacción de dos jugadores.
Práctica30

Práctica31

Práctica32
Un reloj y dos contadores de tiempo usando "setInterval()".
Práctica33
Ejercicio usando "Promise()" que cargué únicamente para probar en el teléfono.
Práctica34
Igual que antes, ejercicio cargado para ver el despliegue en el teléfono (aquí usando "async-await").
Práctica35
Un creador de lista de compras. Ejemplo viendo las APIs del lado del cliente. Aquí manipulando el DOM.
Práctica36

Práctica37
De nuevo, recuperando/obteniendo datos externos con XHR en un ejemplo y "fetch()" en el otro. Aquí recuperamos información almacenada en archivos ".txt", con versos del Martín Fierro.
Práctica38
Muy ligero y sencillo mapa, trabajando con APIs del lado del cliente, y usando una API de terceros en este caso (MapQuest).
Práctica39

Práctica40

Práctica41

Práctica42

Práctica43
Diferentes ejemplos de dibujos de gráficos usando la API Canvas.
Práctica44
La típica animación básica usando Canvas.
Práctica45
Aquí utilizamos Web Audio API para generar sonido y Canvas/HTML5 para la visualización. Los colores generados dependen del tono y la ganancia de la nota actual, que a su vez dependen de la posición del puntero del ratón. Ejemplo sacado directamente de MDN.
Práctica46
Una paleta de trazados usando (por última vez) Canvas.
Práctica47
Generación de un gráfico 3D básico usando WebGL, como para dar un vistazo general.
Práctica48
Presentación de un video para entender el funcionamiento de las APIs de video (y audio).
Práctica49
Ejercicios (éste y los que siguen) viendo el almacenamiento web del lado del cliente. Aquí usando Web Storage API.
Práctica50
Pequeña aplicación para generar y almacenar notas de texto en el navegador usando la API IndexedDB. Interactuando al mismo tiempo con la consola del navegador.
Práctica51
Aquí almacenamos datos más complejos (videos en este caso), siguiendo con IndexedDB.



Diseño web tipo blog, para ejercitar diferentes conceptos, principalmente de CSS. La fuente original se puede encontrar aquí. Incluye menú, footer, es responsivo, permite hacer un filtrado y tiene un buscador interno básicos.

Página1

Página2




Aquí muestro toda una serie de ejercicios realizados en C++, mientras profundizaba en conceptos generales de programación (fundamentos, algoritmia, pseudocódigo, diagramas de flujo, estructuras de control, estructuras de datos, etc.).

Las fuentes sobre las que trabajé son el libro "Fundamentos de programación, 4ta Edición", del autor Luis Joyanes Aguilar, y el curso de programación en C++ de ProgramaciónATS, que se puede encontrar en parte aquí.

Pseudocódigos
La mayoría de los ejercicios propuestos en el libro "Fundamentos...".Principalmente diagramas de flujo y pseudocódigos, y algunos algoritmos.
Prácticas
Todos los ejercicios del libro "Fundamentos..." que pude realizar en C++ para ponerlos en práctica, para verlos en un modo más realista.
ProgramaciónATS
La mayoría de los ejercicios del curso de AlejandroATS.
Números romanos
Un convertidor de números indo-arábigos a números romanos. Puede convertir desde 1 hasta 3999.
Ns romanos ejecutable
La calculadora anterior, ya compilada y lista para ejecutar. Se ejecuta por consola.
Funciones listas

Listas ejecutable
Agrupación de varios ejercicios trabajando con punteros y listas enlazadas. Primero el código en C++ y luego el programa ya compilado.
Funciones árboles

Arboles ejecutable
Continuación del anterior, aquí trabajando con árboles de búsqueda binaria (ABB). Primero el código en C++ y luego el programa ya compilado.